*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #22c55e;--primary-dark: #16a34a;--primary-light: #dcfce7;--text: #1f2937;--text-light: #6b7280;--bg: #ffffff;--bg-alt: #f9fafb;--error: #ef4444;--error-light: #fee2e2;--success: #22c55e;--success-light: #dcfce7;--warning: #eab308;--border: #e5e7eb;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--radius: 8px;--radius-lg: 12px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", monospace}html{font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font);color:var(--text);background-color:var(--bg-alt);line-height:1.5;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:8px 16px;z-index:100;text-decoration:none}.skip-link:focus{top:0}header{background:var(--bg);border-bottom:1px solid var(--border);padding:12px 16px;position:sticky;top:0;z-index:10;max-width:100vw;overflow-x:hidden}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:600px;width:100%;margin:0 auto;overflow:hidden}.logo{font-size:1.25rem;font-weight:700;color:var(--primary-dark);text-decoration:none}nav{display:flex;gap:8px;align-items:center;min-width:0;flex-shrink:1}nav a{color:var(--text-light);text-decoration:none;padding:6px 12px;border-radius:var(--radius);font-size:.875rem;transition:background-color .2s}nav a:hover,nav a.active{background:var(--primary-light);color:var(--primary-dark)}.nav-icon{display:flex;align-items:center;justify-content:center;padding:6px 8px}.nav-icon svg{display:block}#langSwitch{background:transparent;border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius);font-size:.75rem;color:var(--text-light);cursor:pointer;transition:border-color .2s}#langSwitch:hover{border-color:var(--primary)}main{flex:1;padding:24px 16px;max-width:600px;margin:0 auto;width:100%;overflow-x:hidden}.card{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;margin-bottom:16px}.start-screen{text-align:center;padding:48px 24px}.start-screen h1{font-size:2rem;color:var(--primary-dark);margin-bottom:16px}.start-screen p{color:var(--text-light);margin-bottom:32px}.test-screen{display:none}.test-header{display:flex;justify-content:space-between;margin-bottom:24px}.stat-box{text-align:center}.stat-label{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text);font-family:var(--font-mono)}.question-area{text-align:center;padding:32px 0}.question-text{font-size:2.5rem;font-weight:700;color:var(--text);font-family:var(--font-mono);margin-bottom:24px}.answer-form{display:flex;flex-direction:column;gap:16px;align-items:center}.answer-input{font-size:2.5rem;font-weight:700;text-align:center;width:100%;max-width:200px;padding:12px 16px;border:2px solid var(--warning);border-radius:var(--radius);font-family:var(--font-mono);transition:border-color .2s}.answer-input:focus{outline:none;border-color:var(--warning)}.answer-input.correct,.answer-input.correct:focus{border-color:var(--success)}.answer-input.incorrect,.answer-input.incorrect:focus{border-color:var(--error)}.feedback{font-size:1.125rem;font-weight:600;min-height:28px;padding:8px 16px;border-radius:var(--radius)}.feedback.correct{color:var(--success);background:var(--success-light)}.feedback.incorrect{color:var(--error);background:var(--error-light)}.btn{display:inline-block;padding:14px 28px;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;border:none;border-radius:var(--radius);cursor:pointer;transition:background-color .2s,transform .1s;min-width:44px;min-height:44px}.btn:active{transform:scale(.98)}.btn:disabled{background:var(--border);color:var(--text-light);cursor:not-allowed;transform:none}.btn:disabled:hover,.btn:disabled:active{background:var(--border);transform:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-alt);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.btn-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.results-screen{display:none;text-align:center}.results-screen h2{font-size:1.75rem;color:var(--primary-dark);margin-bottom:24px}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.result-item{padding:16px;background:var(--bg-alt);border-radius:var(--radius)}.result-label{font-size:.75rem;color:var(--text-light);margin-bottom:4px}.result-value{font-size:1.25rem;font-weight:700;color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.stats-card{background:var(--bg);border-radius:var(--radius);padding:16px;text-align:center;box-shadow:var(--shadow)}.stats-card .stat-value{color:var(--primary-dark)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-light);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.no-data{text-align:center;color:var(--text-light);padding:32px}.status-completed{color:var(--success)}.status-timeout{color:var(--error)}.message{background:var(--success-light);color:var(--primary-dark);padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{display:grid;gap:16px}.dashboard-card{display:block;background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;text-decoration:none;color:var(--text);transition:box-shadow .2s,transform .1s}.dashboard-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-card:active{transform:translateY(0)}.dashboard-card h2{font-size:1.25rem;color:var(--primary-dark);margin-bottom:8px}.dashboard-card p{color:var(--text-light);font-size:.875rem;margin-bottom:16px}.dashboard-card h3{font-size:1.25rem;color:var(--primary-dark);margin-bottom:12px}.range-panel{text-align:center}.range-panel h2{font-size:1.5rem;color:var(--primary-dark);margin-bottom:24px}.custom-range-form{margin-top:20px}.custom-range-hint{font-size:.875rem;color:var(--text-light);margin-bottom:16px}.custom-range-inputs{display:flex;align-items:end;gap:12px;justify-content:center;margin-bottom:16px}.custom-range-field{display:flex;flex-direction:column;gap:4px}.custom-range-field label{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.custom-range-field input{width:120px;padding:10px 12px;font-size:1.125rem;font-family:var(--font-mono);text-align:center;border:2px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.custom-range-field input:focus{outline:none;border-color:var(--primary)}.range-separator{font-size:1.5rem;color:var(--text-light);padding-bottom:10px}.range-display{font-size:.875rem;color:var(--text-light);text-align:center;margin-bottom:8px}.give-up-container{text-align:center;margin-top:16px}.btn-link{background:none;border:none;color:var(--text-light);font-size:.875rem;cursor:pointer;text-decoration:underline;padding:8px;min-height:44px;min-width:44px}.btn-link:hover{color:var(--text)}.filter-section{display:flex;align-items:center;gap:12px;margin-bottom:24px}.filter-section label{font-size:.875rem;font-weight:600;color:var(--text)}.filter-select{flex:1;max-width:280px;padding:8px 12px;font-size:.875rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary)}footer{padding:16px;text-align:center;font-size:.75rem;color:var(--text-light);border-top:1px solid var(--border);background:var(--bg)}.confirm-modal{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:0;margin:auto;max-width:400px;width:calc(100% - 32px);animation:fadeIn .2s ease;overflow:hidden}.confirm-modal::backdrop{background:#00000080;animation:fadeIn .2s ease}.confirm-modal__content{padding:32px 24px 24px}.confirm-modal__title{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:12px}.confirm-modal__message{font-size:.9375rem;color:var(--text-light);line-height:1.6;margin-bottom:24px}.confirm-modal__actions{display:flex;gap:12px;justify-content:flex-end}.confirm-modal__actions .btn{min-width:100px}.settings-card h2{font-size:1.125rem;color:var(--primary-dark);margin-bottom:4px}.settings-hint{font-size:.875rem;color:var(--text-light);margin-bottom:16px}.time-input-group{display:flex;align-items:end;gap:8px}.time-field{display:flex;flex-direction:column;gap:4px}.time-field label{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.time-field input{width:80px;padding:10px 12px;font-size:1.125rem;font-family:var(--font-mono);text-align:center;border:2px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.time-field input:focus{outline:none;border-color:var(--primary)}.time-separator{font-size:1.5rem;font-weight:700;color:var(--text-light);padding-bottom:10px}.time-error{font-size:.8125rem;color:var(--error);margin-top:8px;min-height:1.25rem}.operator-toggle{font-size:1.125rem;font-weight:700;padding:8px 16px;min-width:56px;white-space:nowrap;font-family:var(--font-mono);margin-left:auto;align-self:end;margin-bottom:1px}@media(max-width:420px){.logo{display:none}nav{gap:4px;width:100%;justify-content:center}nav a{padding:6px 8px;font-size:.8125rem}.nav-icon{padding:6px}#langSwitch{padding:6px 8px;font-size:.6875rem;white-space:nowrap}.header-content{justify-content:center}.results-grid{grid-template-columns:1fr;gap:12px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.result-label{margin-bottom:0}.result-value{font-size:1.125rem}.stats-grid{grid-template-columns:1fr;gap:8px}.stats-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;text-align:left}.stats-card .stat-label{margin-bottom:0}.stats-card .stat-value{font-size:1.25rem}.confirm-modal__actions{flex-direction:column-reverse}.confirm-modal__actions .btn{width:100%}}@media(min-width:768px){main{padding:32px 24px}.card{padding:32px}.start-screen{padding:64px 32px}.question-text,.answer-input{font-size:3rem}.results-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){main{max-width:960px;padding:40px 32px}.header-content{max-width:960px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.settings-grid .settings-card{margin-bottom:0}header{padding:16px 24px}.logo{font-size:1.375rem}nav{gap:12px}nav a{padding:8px 16px;font-size:.9375rem}#langSwitch{font-size:.8125rem;padding:8px 14px}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:24px}.dashboard-card{text-align:center;padding:40px 32px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-card h2,.dashboard-card h3{font-size:1.5rem;margin-bottom:12px}.dashboard-card p{margin-bottom:24px;max-width:320px}.card{padding:40px}.question-text{font-size:3.5rem}.answer-input{max-width:260px;font-size:3.5rem}.test-header{max-width:500px;margin-left:auto;margin-right:auto}.results-grid{gap:24px;max-width:600px;margin-left:auto;margin-right:auto}.stats-grid{gap:20px;margin-bottom:32px}.stats-card{padding:24px}table{font-size:.9375rem}th,td{padding:14px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{header,footer,.btn,#langSwitch{display:none}}