:root{--primary:#2a3b4c;--primary-light:#3a5472;--accent:#ce4257;--success:#27ae60;--warning:#f39c12;--danger:#e74c3c;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--bg-light:#f7f9fb;--clinical:#e2f0f9;--card:#ffffff;--fw-color:#3a5472;--vp-color:#1e8a9e;--bd-color:#ce4257;--space-xs:clamp(0.375rem,0.4vw,0.2rem);--space-sm:clamp(0.75rem,0.8vw,0.375rem);--space-md:clamp(1.25rem,1.5vw,0.75rem);--space-lg:clamp(2rem,2.5vw,1.25rem);--space-xl:clamp(2.5rem,3.5vw,2rem);--v-space-xs:clamp(0.25rem,0.3vw,0.2rem);--v-space-sm:clamp(0.5rem,0.6vw,0.375rem);--v-space-md:clamp(0.75rem,1vw,0.625rem);--v-space-lg:clamp(1rem,1.5vw,0.875rem);--v-space-xl:clamp(1.5rem,2vw,1.25rem);--text-xs:clamp(0.7rem,1.8vw,0.875rem);--text-sm:clamp(0.8rem,2.2vw,1rem);--text-base:clamp(0.9rem,2.7vw,1.125rem);--text-lg:clamp(1rem,3.2vw,1.25rem);--text-xl:clamp(1.2rem,4vw,1.5rem);--text-2xl:clamp(1.5rem,5vw,2rem);--btn-text:clamp(0.9rem,3vw,1.125rem);--btn-text-lg:clamp(1rem,3.5vw,1.25rem);--radius:0.375rem;--radius-sm:0.25rem;--radius-lg:0.5rem;--shadow:0 1px 3px rgba(0,0,0,0.05);--shadow-lg:0 4px 6px rgba(0,0,0,0.1);--transition:0.2s ease;--transition-slow:0.3s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-light);color:var(--primary);line-height:1.5;min-height:100vh;overflow-wrap:break-word;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}button{font-family:inherit}a,a:active,a:focus,a:hover,a:visited{text-decoration:none!important}.container{width:100%;max-width:1200px;min-width:320px;margin:0 auto;padding:var(--space-md)}.neuron-bg{opacity:.2;background:radial-gradient(circle at 20% 30%,var(--accent),transparent 40%),radial-gradient(circle at 80% 70%,var(--primary),transparent 40%)}.neuron-bg,.synaptic-grid{position:fixed;inset:0;pointer-events:none}.synaptic-grid{background:linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.03) 1px,transparent 0);background-size:40px 40px}.geometric-accent{position:fixed;opacity:.2;pointer-events:none}.accent-1{top:20%;right:-80px;width:clamp(100px,30vw,200px);height:clamp(100px,30vw,200px);border:clamp(5px,3vw,15px) solid var(--accent);border-radius:50%}.accent-2{bottom:10%;left:-50px;width:clamp(75px,25vw,150px);height:clamp(75px,25vw,150px);border:clamp(5px,2vw,10px) solid var(--primary);transform:rotate(45deg)}.logo-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);position:relative;z-index:10;margin-bottom:var(--v-space-xl)}.logo-img{width:clamp(40px,8vw,60px);height:clamp(40px,8vw,60px)}.logo-text{text-align:center}.logo-text h1{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.5px;margin-bottom:var(--v-space-xs);color:var(--primary)}.logo-text p{font-size:var(--text-sm);opacity:.7;font-style:italic}.top-nav{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--v-space-sm);justify-content:center}.nav-link{color:var(--primary);font-weight:500;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-xs);transition:color var(--transition)}.nav-link:hover{color:var(--accent)}.discord-link{background:#5865F2;color:white!important;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm)}.discord-link:hover{background:#4752c4}.discord-icon{width:18px;height:18px}.faq-link,.home-link{background:var(--bg-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1);font-size:var(--text-sm)}.faq-link:hover,.home-link:hover{background:var(--gray-200)}.online-indicator{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--gray-700)}.online-dot{width:8px;height:8px;background:#4CAF50;border-radius:50%}.footer-notes{text-align:center;margin-top:var(--v-space-xl);opacity:.7;font-size:var(--text-xs);padding:0 var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius);font-weight:600;font-size:var(--btn-text);font-family:inherit;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap;min-height:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:white}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-secondary{background:white;color:var(--primary);border:1px solid var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--clinical)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-header{border-bottom:1px solid var(--gray-200)}.card-body,.card-header{padding:var(--space-md)}.option-image,.question-image{width:auto;height:auto;display:block;transform:scale(.75);max-width:none}@media (max-width:1199px){.option-image,.question-image{transform:scale(.7)}}@media (max-width:899px){.option-image,.question-image{transform:scale(.65)}}@media (max-width:767px){.option-image,.question-image{transform:scale(.6)}}@media (max-width:639px){.option-image,.question-image{transform:scale(.55)}}@media (max-width:479px){.option-image,.question-image{transform:scale(.5)}}@media (max-width:359px){.option-image,.question-image{transform:scale(.45)}}.loading-overlay{position:fixed;inset:0;background:rgba(247,249,251,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(42,59,76,.1);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--v-space-sm)}.progress-bar-segmented{display:flex;width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-sm);overflow:hidden;gap:calc(min(1px, 30px / var(--total-questions, 30)))}.progress-segment{flex:1 1;position:relative;background:var(--gray-200);border-radius:1px;transition:all .3s ease}.segment-fill{width:0;height:100%;background:var(--primary);border-radius:1px;transition:width .3s ease}.progress-segment.completed .segment-fill{width:100%;background:var(--primary)}.progress-segment.current .segment-fill{width:100%;background:var(--accent);animation:pulse-segment 1.5s ease-in-out infinite}@media (min-width:1200px){.container{padding:calc(var(--space-md) * .8)}.begin-test,.info-panel,.recent-scores{padding:calc(var(--space-lg) * .8) calc(var(--space-lg) * .8) calc(var(--v-space-lg) * .8)}.results-container{padding:calc(var(--space-md) * .8)}}@media (max-width:1199px) and (min-width:900px){.container{padding:calc(var(--space-md) * .9) var(--space-md) var(--v-space-md)}}@media (max-width:899px) and (min-width:768px){.container{padding:calc(var(--space-md) * 1.2) calc(var(--space-md) * 1.2) var(--v-space-md)}.begin-test,.info-panel,.recent-scores{padding:calc(var(--space-lg) * 1.2) calc(var(--space-lg) * 1.2) var(--v-space-lg)}.nav-link{font-size:var(--text-base)}}@media (max-width:767px) and (min-width:640px){.container{padding:calc(var(--space-md) * 1.2) calc(var(--space-md) * 1.2) var(--v-space-lg)}.begin-test,.info-panel,.recent-scores{padding:calc(var(--space-lg) * 1.2) calc(var(--space-lg) * 1.2) var(--v-space-lg)}.results-container{padding:calc(var(--space-md) * 1.2) calc(var(--space-md) * 1.2) var(--v-space-md)}.btn{font-size:var(--btn-text);min-height:44px}.nav-link{font-size:var(--text-sm);padding:calc(var(--space-xs) * 1.1) calc(var(--space-sm) * 1.1)}}@media (max-width:639px) and (min-width:480px){.begin-test,.container,.info-panel,.recent-scores{padding:calc(var(--space-md) * 1.3) calc(var(--space-md) * 1.3) var(--v-space-lg)}.card-body,.results-container{padding:calc(var(--space-md) * 1.3) calc(var(--space-md) * 1.3) var(--v-space-md)}.btn{font-size:var(--btn-text);min-height:46px;padding:calc(var(--space-sm) * 1.2) calc(var(--space-md) * 1.2)}.nav-link{font-size:var(--text-sm);padding:calc(var(--space-xs) * 1.3) calc(var(--space-sm) * 1.3)}}@media (max-width:479px){.begin-test,.container,.info-panel,.recent-scores{padding:calc(var(--space-md) * 1.5) calc(var(--space-md) * 1.5) var(--v-space-lg)}.results-container{padding:calc(var(--space-md) * 1.5) calc(var(--space-md) * 1.5) var(--v-space-md)}.btn{padding:calc(var(--space-sm) * 1.3) calc(var(--space-md) * 1.3);font-size:var(--btn-text);min-height:48px}.nav-link{font-size:var(--text-base);padding:calc(var(--space-xs) * 1.5) calc(var(--space-sm) * 1.5)}.option-button{padding:calc(var(--space-sm) * 1.2);min-height:clamp(65px,13vw,75px);font-size:var(--text-sm)}}@media (max-width:359px){.begin-test,.container,.info-panel,.recent-scores{padding:calc(var(--space-md) * 1.8) calc(var(--space-md) * 1.8) var(--v-space-lg)}.results-container{padding:calc(var(--space-md) * 1.8) calc(var(--space-md) * 1.8) var(--v-space-md)}.btn{padding:calc(var(--space-sm) * 1.5) calc(var(--space-md) * 1.5);font-size:var(--btn-text);min-height:50px}.nav-link{font-size:var(--text-base);padding:calc(var(--space-xs) * 1.8) calc(var(--space-sm) * 1.8)}.option-button{padding:calc(var(--space-sm) * 1.5);min-height:clamp(70px,16vw,80px);font-size:var(--text-sm)}}.test-screen .test-content{padding:var(--space-md) var(--space-sm) var(--v-space-md)}@media (max-width:767px){.test-screen .test-content{padding:calc(var(--space-md) * 1.2) calc(var(--space-sm) * 1.2) var(--v-space-md)}}@media (max-width:479px){.test-screen .test-content{padding:calc(var(--space-md) * 1.5) calc(var(--space-sm) * 1.5) var(--v-space-md)}}.navigation{padding:var(--space-sm) var(--space-sm) var(--v-space-sm)}@media (max-width:767px){.navigation{padding:calc(var(--space-sm) * 1.3) calc(var(--space-sm) * 1.3) calc(var(--v-space-sm) * 1.1)}}@media (max-width:479px){.navigation{padding:calc(var(--space-sm) * 1.6) calc(var(--space-sm) * 1.6) calc(var(--v-space-sm) * 1.2)}}.break-screen,.practice-screen{padding:var(--space-md) var(--space-md) var(--v-space-md)}@media (max-width:899px){.break-screen,.practice-screen{padding:calc(var(--space-md) * 1.2) calc(var(--space-md) * 1.2) var(--v-space-md)}}@media (max-width:639px){.break-screen,.practice-screen{padding:calc(var(--space-md) * 1.5) calc(var(--space-md) * 1.5) var(--v-space-md)}}@media (max-width:479px){.break-screen,.practice-screen{padding:calc(var(--space-md) * 1.8) calc(var(--space-md) * 1.8) var(--v-space-lg)}}.section{padding:var(--space-lg) var(--space-lg) var(--v-space-lg)}@media (max-width:899px){.section{padding:calc(var(--space-lg) * 1.2) calc(var(--space-lg) * 1.2) var(--v-space-lg)}}@media (max-width:639px){.section{padding:calc(var(--space-lg) * 1.5) calc(var(--space-lg) * 1.5) var(--v-space-lg)}}@media (max-width:479px){.section{padding:calc(var(--space-lg) * 1.8) calc(var(--space-lg) * 1.8) var(--v-space-xl)}}@media (max-width:767px){.type-preview{padding:calc(var(--space-md) * 1.3) calc(var(--space-md) * 1.3) calc(var(--v-space-md) * 1.1)}}@media (max-width:479px){.type-preview{padding:calc(var(--space-md) * 1.6) calc(var(--space-md) * 1.6) calc(var(--v-space-md) * 1.2)}}@media (max-width:767px){.about-btn,.begin-btn{padding:calc(var(--space-sm) * 1.2) calc(var(--space-lg) * 1.2);font-size:var(--btn-text);min-height:46px;min-width:130px}.begin-test-btn,.practice-btn,.skip-practice-btn{padding:calc(var(--space-md) * 1.2) calc(var(--space-xl) * 1.2);font-size:var(--btn-text);min-height:46px}}@media (max-width:479px){.about-btn,.begin-btn{padding:calc(var(--space-sm) * 1.5) calc(var(--space-lg) * 1.5);font-size:var(--btn-text);min-height:48px;min-width:140px}.begin-test-btn,.practice-btn,.skip-practice-btn{padding:calc(var(--space-md) * 1.5) calc(var(--space-xl) * 1.5);font-size:var(--btn-text);min-height:48px}}@media (max-width:767px){.info-text{padding:calc(var(--v-space-sm) * 1.2) 0}.test-stats{margin:calc(var(--v-space-md) * 1.2) 0}.test-buttons{margin-top:calc(var(--v-space-md) * 1.3)}}@media (max-width:479px){.info-text{padding:calc(var(--v-space-sm) * 1.5) 0}.test-stats{margin:calc(var(--v-space-md) * 1.5) 0}.test-buttons{margin-top:calc(var(--v-space-md) * 1.6)}}@media (max-width:767px){.break-content h2,.practice-content h2{margin-bottom:calc(var(--v-space-md) * 1.3)}.break-content p,.practice-content p{margin-bottom:calc(var(--v-space-xl) * 1.2)}}@media (max-width:479px){.break-content h2,.practice-content h2{margin-bottom:calc(var(--v-space-md) * 1.6)}.break-content p,.practice-content p{margin-bottom:calc(var(--v-space-xl) * 1.5)}}.options-grid{gap:var(--space-sm)}@media (max-width:767px){.options-grid{gap:calc(var(--space-sm) * 1.3)}}@media (max-width:479px){.options-grid{gap:calc(var(--space-sm) * 1.5)}.single-row-options{gap:calc(var(--space-sm) * 1.3);padding:calc(var(--v-space-sm) * 1.5) var(--space-xs)}}@media (max-width:359px){.options-grid{gap:calc(var(--space-sm) * 1.7)}.single-row-options{gap:calc(var(--space-sm) * 1.5);padding:calc(var(--v-space-sm) * 1.5) 2px}}.fade-in{opacity:0;transition:opacity .8s ease}.fade-in.visible{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-xs)}.gap-2{gap:var(--space-sm)}.gap-3{gap:var(--space-md)}.gap-4{gap:var(--space-lg)}.text-center{text-align:center}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.bg-clinical{background:var(--clinical)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-segment{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:600px){.logo-container{flex-wrap:nowrap;justify-content:flex-start}.top-nav{margin-left:auto;margin-top:0;width:auto;align-items:center}.logo-text{text-align:left;transform:translateY(-5px)}}@media (max-width:640px){.container{padding-left:var(--space-sm);padding-right:var(--space-sm)}.grid-2,.grid-3{grid-template-columns:1fr}.progress-bar-segmented{gap:.5px;height:6px}.progress-segment,.segment-fill{border-radius:.5px}}@media (max-width:480px){.btn{padding:calc(var(--space-xs) * 1.5) calc(var(--space-sm) * 1.5);font-size:var(--btn-text)}}@media (max-width:320px){.btn{padding:calc(var(--space-xs) * 1.5) calc(var(--space-sm) * 1.5);font-size:var(--btn-text)}}.about-page,.adaptive-assessment,.main-page{opacity:0;transition:opacity .8s ease;position:relative;z-index:2;min-height:100vh;min-width:320px}.visible{opacity:1;animation:fadeIn .8s ease forwards}.main-content{display:grid;grid-template-columns:1fr;grid-gap:var(--space-xl);gap:var(--space-xl);margin-bottom:var(--space-xl);position:relative;z-index:2}.begin-test,.info-panel,.recent-scores{background:white;padding:var(--space-lg);border-radius:var(--radius)}.info-panel{border-left:6px solid var(--accent)}.begin-test{text-align:center}.begin-test h3,.info-panel h2,.recent-scores h3{position:relative;display:inline-block;margin-bottom:var(--space-md);font-size:var(--text-xl);color:var(--primary)}.info-panel h2:after,.recent-scores h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40%;height:3px;background:var(--primary)}.recent-scores h3:after{height:2px;background:var(--accent)}.test-abstract{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.info-text p{margin-bottom:var(--space-sm);line-height:1.6;font-size:var(--text-base)}.key-features{display:grid;grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-md)}.feature{display:flex;align-items:flex-start;gap:var(--space-sm)}.feature-icon{width:clamp(30px,6vw,35px);height:clamp(30px,6vw,35px);min-width:clamp(30px,6vw,35px);background:var(--primary);border-radius:var(--radius-sm);display:grid;place-items:center;color:white;font-weight:700;font-size:var(--text-sm)}.feature-text h4{margin-bottom:var(--space-xs);font-size:var(--text-base)}.feature-text p{font-size:var(--text-sm);line-height:1.5;opacity:.8}.pattern-showcase{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--gray-200)}.pattern-container{display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px;padding:var(--space-sm);background:var(--clinical);border-radius:var(--radius);border:1px solid var(--gray-200)}.pattern-cell{width:12px;height:12px;background:var(--gray-300);border-radius:2px;transition:all .3s ease;cursor:pointer}.pattern-fill{background:var(--primary);box-shadow:0 0 8px rgba(42,59,76,.3);animation:pattern-pulse 2s ease-in-out infinite}.pattern-cell:hover{transform:scale(1.1)}.pattern-fill:hover{background:var(--accent);box-shadow:0 0 12px rgba(206,66,87,.4)}.pattern-text{text-align:center;display:flex;flex-direction:column;gap:var(--space-xs)}.powered-by{font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.engine-name{font-size:var(--text-lg);font-weight:700;color:var(--primary);letter-spacing:-.5px}.engine-desc{font-size:var(--text-xs);color:var(--gray-600);font-style:italic}@keyframes pattern-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.visual-panel{display:flex;flex-direction:column;gap:var(--space-lg)}.difficulty-container{margin:var(--space-md) 0;display:flex;flex-direction:column;align-items:center}.difficulty-gauge{width:100%;max-width:250px;aspect-ratio:220/130}.gauge-svg{width:100%;height:100%;overflow:visible}.gauge-arc{fill:none;stroke:rgba(42,59,76,.1);stroke-width:12;stroke-linecap:round}.gauge-needle{stroke:var(--primary);stroke-width:3;stroke-linecap:round}.needle-cap{fill:white;stroke:var(--primary);stroke-width:2}.gauge-arrow{fill:var(--accent)}.gauge-labels{display:flex;justify-content:space-between;width:100%;max-width:250px;margin-top:5px;font-size:var(--text-xs);color:var(--gray-600)}.test-stats{display:flex;justify-content:center;margin-top:var(--space-sm)}.stat{text-align:center;padding:0 var(--space-sm)}.stat-value{font-size:var(--text-xl);font-weight:700;color:var(--primary);line-height:1;margin-bottom:var(--space-xs)}.stat-label{font-size:var(--text-xs);opacity:.7;white-space:nowrap}.test-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.about-btn,.begin-btn,.test-buttons{justify-content:center;align-items:center}.about-btn,.begin-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius);font-size:var(--btn-text);font-weight:600;transition:all var(--transition-slow);display:inline-flex;min-height:44px;min-width:120px}.begin-btn{background:var(--primary);color:white;border:none;cursor:pointer}.begin-btn:hover{background:#219653}.about-btn{background:white;color:var(--primary);border:1px solid var(--primary)}.about-btn:hover{background:var(--clinical)}.scores-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(3,1fr)!important;grid-gap:clamp(12px,3vw,24px);gap:clamp(12px,3vw,24px)}.score-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xs) var(--space-sm);background:var(--clinical);border-radius:var(--radius-sm);font-size:var(--text-xs);min-height:clamp(50px,10vw,70px)}.score-card .score-value{font-size:clamp(1.25rem,3vw,1.5rem)!important;font-weight:700;color:var(--primary);line-height:1}.score-flag{display:flex;justify-content:center;align-items:center}.flag-icon,.score-flag{width:clamp(20px,5vw,24px);height:clamp(15px,4vw,18px);border-radius:2px}.flag-icon{object-fit:cover}.score-time{color:rgba(0,0,0,.5);font-size:clamp(.7rem,1.5vw,.8rem)}.score-card.placeholder{background:#f5f7f9}.placeholder-flag,.placeholder-time,.placeholder-value{background:#ddd;border-radius:2px;opacity:.5}.placeholder-flag{width:clamp(20px,5vw,24px);height:clamp(15px,4vw,18px)}.placeholder-value{width:clamp(25px,7vw,30px);height:clamp(12px,3vw,14px);margin:var(--space-xs) 0}.placeholder-time{width:clamp(20px,5vw,20px);height:clamp(8px,2vw,8px)}.adaptive-assessment{display:flex;flex-direction:column}.practice-screen{padding:var(--space-lg);text-align:center}.practice-content h2{font-size:var(--text-2xl);color:var(--primary);margin-bottom:var(--space-md)}.practice-content p{font-size:var(--text-lg);color:var(--gray-700);margin-bottom:var(--space-xl);line-height:1.5}.question-types-preview{display:grid;grid-template-columns:1fr;grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-xl)}.type-preview{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius);text-align:left;border-left:4px solid}.fw-preview{background:rgba(58,84,114,.05);border-left-color:var(--fw-color)}.vp-preview{background:rgba(30,138,158,.05);border-left-color:var(--vp-color)}.bd-preview{background:rgba(206,66,87,.05);border-left-color:var(--bd-color)}.type-icon{font-size:var(--text-2xl);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:white;flex-shrink:0;font-weight:700}.fw-icon{background:var(--fw-color)}.vp-icon{background:var(--vp-color)}.bd-icon{background:var(--bd-color)}.type-info{flex:1 1}.type-info h3{font-size:var(--text-lg);color:var(--primary);margin-bottom:var(--space-xs);font-weight:600}.type-info p{font-size:var(--text-sm);color:var(--gray-600);margin:0;line-height:1.4}.practice-buttons{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.begin-test-btn,.practice-btn,.skip-practice-btn{padding:var(--space-md) var(--space-xl);font-size:var(--btn-text);font-weight:600;border-radius:var(--radius);min-height:44px}.skip-practice-btn{background:white;color:var(--gray-700);border:1px solid var(--gray-300)}.skip-practice-btn:hover{background:var(--gray-100)}.tutorial-screen{display:flex;flex-direction:column}.tutorial-header{background:white;padding:var(--space-md);border-bottom:1px solid var(--gray-200);position:-webkit-sticky;position:sticky;top:0;z-index:5}.tutorial-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);flex-wrap:wrap;gap:var(--space-sm)}.tutorial-progress h2{font-size:var(--text-lg);color:var(--primary);margin:0}.skip-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);background:var(--gray-200);color:var(--gray-700);border:1px solid var(--gray-300);min-height:36px}.skip-btn:hover{background:var(--gray-300)}.tutorial-description{padding:var(--space-sm);border-radius:var(--radius);border-left:4px solid var(--primary)}.tutorial-description.fw-type{background:rgba(58,84,114,.05);border-left-color:var(--fw-color)}.tutorial-description.vp-type{background:rgba(30,138,158,.05);border-left-color:var(--vp-color)}.tutorial-description.bd-type{background:rgba(206,66,87,.05);border-left-color:var(--bd-color)}.type-header{margin-bottom:var(--space-xs)}.type-name{font-weight:600;font-size:var(--text-base);color:var(--primary)}.fw-type .type-name{color:var(--fw-color)}.vp-type .type-name{color:var(--vp-color)}.bd-type .type-name{color:var(--bd-color)}.tutorial-description p{margin:0;font-size:var(--text-sm);color:var(--gray-700);line-height:1.4}.tutorial-navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);border-top:1px solid var(--gray-200);background:var(--bg-light);margin-top:auto}.feedback-area{flex:1 1;display:flex;justify-content:center}.feedback{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;max-width:300px;animation:fadeIn .3s ease}.feedback.correct{background:rgba(39,174,96,.1);border:1px solid rgba(39,174,96,.3);color:#27ae60}.feedback.incorrect{background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3);color:#e74c3c}.feedback-icon{font-weight:700;font-size:var(--text-base)}.feedback-text{flex:1 1;line-height:1.4}.check-btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);background:var(--primary);min-height:40px}.check-btn:hover:not(:disabled){background:var(--primary-light)}.check-btn:disabled{background:var(--gray-400)}.break-screen{padding:var(--space-lg);text-align:center}.break-content h2{font-size:var(--text-2xl);color:var(--primary);margin-bottom:var(--space-md)}.break-content p{font-size:var(--text-lg);color:var(--gray-700);line-height:1.5}.break-content p,.test-info{margin-bottom:var(--space-xl)}.test-info{display:grid;grid-template-columns:1fr;grid-gap:var(--space-md);gap:var(--space-md)}.info-item{gap:var(--space-md);padding:var(--space-md);background:var(--clinical);text-align:left}.info-icon,.info-item{display:flex;align-items:center;border-radius:var(--radius)}.info-icon{font-size:var(--text-xl);width:40px;height:40px;justify-content:center;background:var(--primary);color:white;flex-shrink:0}.info-text{flex:1 1}.info-text strong{display:block;color:var(--primary);font-size:var(--text-base);margin-bottom:var(--space-xs)}.app-main{flex:1 1;width:100%;max-width:800px;min-width:320px;margin:0 auto;padding:var(--space-sm);display:flex;flex-direction:column;position:relative;z-index:2}.screen{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:var(--space-md)}.progress-container{padding:var(--space-sm);background:var(--card);flex:1 1;border-bottom:1px solid var(--gray-200)}.progress-info{display:flex;justify-content:space-between;margin-bottom:var(--space-xs);font-size:var(--text-sm)}.progress-label{font-weight:600;color:var(--primary)}.timer{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);font-size:var(--text-sm);white-space:nowrap;background:var(--clinical)}.timer-icon{opacity:.7}.timer-countdown{font-weight:700;min-width:2.5rem;text-align:center;color:var(--primary)}.timer-progress{margin-left:var(--space-sm);flex:1 1;min-width:50px;max-width:80px}.timer-bg{height:4px;background:rgba(255,255,255,.5);border-radius:2px;overflow:hidden}.timer-bar{height:100%;background:var(--primary);transition:width .1s linear}.timer.warning .timer-bar{background:var(--warning)}.timer.danger .timer-bar{background:var(--accent);animation:pulse .8s infinite}.timer.expired{background:rgba(206,66,87,.1)}.timer.expired .timer-countdown{color:var(--accent)}.test-screen{display:flex;flex-direction:column}.test-header{background:white;position:-webkit-sticky;position:sticky;top:0;z-index:5}.header-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs)}.test-content{padding:var(--space-md) var(--space-sm)}.question-container{margin-bottom:var(--space-sm);width:100%}.question-image-container{display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-md);border-radius:var(--radius);padding:var(--space-sm) var(--space-xs);min-height:150px;width:100%}.time-expired-indicator{background:rgba(206,66,87,.1);color:var(--accent);font-weight:500;text-align:center;font-size:var(--text-sm);padding:4px 10px;border-radius:var(--radius-sm);white-space:nowrap}.options-container{display:flex;justify-content:center;width:100%;padding:0 var(--space-xs)}.options-grid{display:grid;grid-gap:var(--space-xs);gap:var(--space-xs);width:100%;max-width:100%}.single-row-options{display:flex;justify-content:space-between;gap:var(--space-xs);width:100%;overflow-x:auto;padding:var(--space-xs);flex-wrap:nowrap}.vp-options{grid-template-columns:repeat(3,1fr)}.bd-options,.vp-options{grid-template-rows:repeat(2,1fr);width:100%;max-width:100%}.bd-options{grid-template-columns:repeat(2,1fr)}.option-button{position:relative;background:var(--card);border:2px solid var(--gray-200);border-radius:var(--radius);padding:var(--space-xs);transition:border-color var(--transition);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:clamp(65px,12vw,75px);overflow:hidden;touch-action:manipulation;font-size:var(--text-sm)}.single-row-options .option-button{flex:1 1;min-width:0;max-width:20%}.option-button:hover:not(:disabled){border-color:var(--primary-light)}.option-button.selected{border-color:var(--primary);background:rgba(42,59,76,.05)}.option-button.disabled{opacity:.7;cursor:not-allowed}.fw-options .option-button.selected{border-color:var(--fw-color);background:rgba(58,84,114,.05)}.vp-options .option-button.selected{border-color:var(--vp-color);background:rgba(30,138,158,.05)}.bd-options .option-button.selected{border-color:var(--bd-color);background:rgba(206,66,87,.05)}.option-content{flex-direction:column;justify-content:center;width:100%;height:100%}.navigation,.option-content{display:flex;align-items:center}.navigation{justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);border-top:1px solid var(--gray-200);background:var(--bg-light);margin-top:auto}.next-btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);background:var(--primary);min-height:44px}.next-btn:hover:not(:disabled){background:var(--primary-light)}.next-btn:disabled{background:var(--gray-400)}.results-screen{width:100%;animation:fadeIn .8s ease forwards}.results-container{padding:var(--space-md)}.results-header{margin-bottom:var(--space-md);text-align:center}.section-title{font-size:var(--text-xl);font-weight:700;color:var(--primary);text-align:center;margin:0 auto var(--space-md);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;width:40%;height:3px;background:var(--accent);transform:translateX(-50%)}.chart-card,.results-card,.results-section{background:white;border-radius:var(--radius);padding:var(--space-sm);margin-bottom:var(--space-md);border:1px solid var(--gray-200);box-shadow:var(--shadow)}.chart-card{display:flex;flex-direction:column;overflow:hidden}.score-summary{display:flex;align-items:flex-start;margin-bottom:var(--space-sm)}.score-main{text-align:center;padding-right:var(--space-sm);border-right:1px solid var(--gray-200);flex:1 1;display:flex;flex-direction:column;align-items:center}.score-value{font-size:clamp(2.8rem,8vw,3.5rem);font-weight:700;color:var(--primary);line-height:1.1}.score-label{font-size:var(--text-sm);color:var(--gray-600);margin-top:var(--space-xs)}.score-meta{flex:2 1;padding-left:var(--space-sm);padding-top:var(--space-sm)}.score-confidence{font-size:var(--text-base);font-weight:600;color:var(--primary);margin-bottom:var(--space-sm)}.score-percentile{font-size:var(--text-sm);color:var(--gray-600);line-height:1.4;margin-bottom:var(--space-xs)}.score-percentile span,.score-room span{font-weight:600;color:var(--primary)}.score-room{font-size:var(--text-sm);color:var(--gray-600);line-height:1.4;font-style:italic}.classification-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:600;color:white;text-align:center;font-size:var(--text-sm);margin-top:var(--space-sm);width:100%;max-width:150px}.results-charts-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-sm);gap:var(--space-sm);margin-bottom:var(--space-md)}.chart-card h3{font-size:var(--text-base);font-weight:600;color:var(--primary);margin:0 0 var(--space-sm) 0;text-align:center}.chart-description{font-size:var(--text-sm);color:var(--gray-600);text-align:center;margin:var(--space-sm) 0 0;line-height:1.4;padding-top:var(--space-xs)}.bell-curve-container,.convergence-plot-container{flex:1 1;display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;overflow:hidden;min-height:180px}.bell-curve-container svg,.convergence-plot-container svg{max-width:100%;height:auto}.results-section h3{font-size:var(--text-lg);font-weight:600;color:var(--primary);margin:0 0 var(--space-sm) 0;text-align:center;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}.results-section h3:after{content:"";position:absolute;bottom:-5px;left:0;width:40%;height:2px;background:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-sm);gap:var(--space-sm);margin-bottom:var(--space-sm)}.stat-item{background:var(--clinical);border-radius:var(--radius);padding:var(--space-sm);text-align:center;border:1px solid rgba(0,0,0,.05)}.stat-item .stat-value{font-size:var(--text-xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-xs)}.stat-item .stat-label{font-size:var(--text-sm);color:var(--gray-600)}.cognitive-profile-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-sm);gap:var(--space-sm);margin-top:var(--space-sm)}.profile-item{background:white;border-radius:var(--radius);padding:var(--space-sm);display:flex;flex-direction:column;border:1px solid var(--gray-200);position:relative;overflow:hidden}.profile-item:first-child:before{background:var(--fw-color)}.profile-item:nth-child(2):before{background:var(--vp-color)}.profile-item:nth-child(3):before{background:var(--bd-color)}.profile-item:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs);border-bottom:1px solid var(--gray-200);padding-bottom:var(--space-xs)}.profile-title{color:var(--primary)}.profile-score,.profile-title{font-weight:600;font-size:var(--text-sm)}.profile-score{color:var(--gray-600)}.profile-gauge{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin:var(--space-sm) 0}.gauge-circle{width:90px;height:90px}.profile-description{font-size:var(--text-xs);color:var(--gray-700);line-height:1.4;margin-top:auto;padding-top:var(--space-xs)}.download-btn{width:100%;margin-top:var(--space-sm);margin-bottom:var(--space-md);background:var(--primary);padding:var(--space-sm);font-size:var(--text-base);display:flex;align-items:center;justify-content:center;min-height:48px}.download-btn:hover{background:var(--primary-light)}.results-footer{text-align:center;border-top:1px solid var(--gray-200);padding-top:var(--space-sm);margin-top:var(--space-md)}.results-footer p{font-size:var(--text-sm);color:var(--gray-500);margin:0;line-height:1.5}.about-content{width:100%;max-width:900px;min-width:320px;margin:0 auto 3rem;background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;position:relative;z-index:2;animation:fadeIn .8s ease forwards}.about-header{padding:var(--space-lg);text-align:center;position:relative}.about-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:3px;background:var(--accent)}.about-header h2{font-size:var(--text-2xl);color:var(--primary);margin-bottom:var(--space-sm)}.subtitle{color:var(--gray-600);font-size:var(--text-base);max-width:700px;margin:0 auto}.section{padding:var(--space-lg);border-bottom:1px solid var(--gray-200)}.section:last-child{border-bottom:none}.section .section-title{font-size:var(--text-xl);color:var(--primary);margin-bottom:var(--space-sm);position:relative;display:inline-block;text-align:left}.section .section-title:after{content:"";position:absolute;bottom:-5px;left:0;width:40%;height:2px;background:var(--accent);transform:none}.section p{margin-bottom:var(--space-sm);line-height:1.6;color:var(--gray-700);font-size:var(--text-base)}.section p:last-child{margin-bottom:0}.graph-container{margin:var(--space-lg) 0;padding:var(--space-md);background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.graph-title{font-size:var(--text-lg);color:var(--primary);margin-bottom:var(--space-sm);text-align:center;font-weight:600}.tech-graph{width:auto;max-width:100%;height:auto;display:block;margin:0 auto;border:1px solid var(--gray-200);border-radius:var(--radius)}.graph-caption{font-size:var(--text-sm);color:var(--gray-600);margin-top:var(--space-sm);line-height:1.4;text-align:center;font-style:italic}.item-types{display:grid;grid-template-columns:1fr;grid-gap:var(--space-md);gap:var(--space-md);margin:var(--space-md) 0}.item-type-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;background:white;box-shadow:var(--shadow)}.item-type-header{padding:var(--space-sm);font-weight:600;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:var(--space-sm);background:var(--clinical);color:var(--primary);font-size:var(--text-base)}.type-badge{width:12px;height:12px;border-radius:50%;flex-shrink:0}.fw-badge{background:var(--fw-color)}.vp-badge{background:var(--vp-color)}.bd-badge{background:var(--bd-color)}.item-type-desc{padding:var(--space-sm);font-size:var(--text-sm);color:var(--gray-700);line-height:1.5}.technical-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-md);gap:var(--space-md);margin:var(--space-md) 0}.technical-card{background:var(--clinical);border-radius:var(--radius-lg);padding:var(--space-md);position:relative;border:1px solid var(--gray-200)}.tech-title{font-weight:600;color:var(--primary);margin-bottom:var(--space-sm);font-size:var(--text-base)}.tech-content{font-size:var(--text-sm);color:var(--gray-700);line-height:1.5;white-space:pre-line}.formula{background:var(--bg-light);padding:var(--space-sm);border-radius:var(--radius-lg);margin:var(--space-md) 0;text-align:center;font-family:Cambria Math,Georgia,serif;overflow-x:auto;font-size:var(--text-lg);border:1px solid var(--gray-200)}.formula-caption{font-size:var(--text-xs);color:var(--gray-600);margin-top:var(--space-sm);font-style:italic;text-align:center}.references{list-style-type:none;padding-left:0;margin:var(--space-md) 0}.references li{margin-bottom:var(--space-sm);font-size:var(--text-sm);padding-left:var(--space-md);position:relative;color:var(--gray-700);line-height:1.5}.references li:before{content:"•";position:absolute;left:var(--space-xs);color:var(--accent);font-weight:700}.section ol{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.section ol li{margin-bottom:var(--space-xs);line-height:1.5;color:var(--gray-700)}.section ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.section ul li{margin-bottom:var(--space-xs);line-height:1.5;color:var(--gray-700)}.faq-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease;padding:var(--space-md)}.faq-modal{background:white;border-radius:var(--radius-lg);width:clamp(320px,95%,700px);max-height:85vh;overflow-y:auto;position:relative}.faq-header{padding:var(--space-md) var(--space-md) var(--space-sm);border-bottom:1px solid var(--gray-200)}.faq-header h2{font-size:var(--text-xl);margin:0}.faq-divider{height:1px;background:var(--gray-200);margin:var(--space-sm) 0}.faq-content{padding:var(--space-md)}.faq-close{position:absolute;top:var(--space-sm);right:var(--space-sm);background:none;border:none;color:var(--gray-400);font-size:var(--text-xl);cursor:pointer;transition:color var(--transition);padding:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;z-index:10}.faq-close:hover{color:var(--gray-700)}.faq-item{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--gray-200)}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.question{font-size:var(--text-lg);color:var(--primary);margin-bottom:var(--space-sm);font-weight:600}.answer{font-size:var(--text-base);color:var(--gray-700);line-height:1.6}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);background:#2a2a2a;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.3);border:1px solid #3a3a3a;padding:0;z-index:1000;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:90vw;min-width:280px;pointer-events:none}.toast-visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.toast-exiting{opacity:0;transform:translateX(-50%) translateY(20px)}.toast-content{display:flex;align-items:center;padding:12px 16px}.toast-message{font-size:var(--text-sm);font-weight:500;line-height:1.4;color:#ffffff;flex:1 1}.toast-info{border-left:4px solid #3498db}.toast-success{border-left:4px solid #27ae60}.toast-warning{border-left:4px solid #f39c12}.toast-error{border-left:4px solid #e74c3c}@media (min-width:600px){.test-abstract{flex-direction:row;align-items:flex-start}.key-features{grid-template-columns:repeat(2,1fr)}.pattern-container{flex-wrap:nowrap}.tutorial-progress{flex-direction:row;align-items:center}.feedback{max-width:400px;flex-direction:row;text-align:left}}@media (min-width:768px){.main-content{grid-template-columns:3fr 2fr}.results-charts-grid{grid-template-columns:1fr 1fr}.cognitive-profile-grid,.item-types{grid-template-columns:repeat(3,1fr)}.technical-grid{grid-template-columns:repeat(2,1fr)}.break-screen,.practice-screen{padding:var(--space-xl)}.question-types-preview{grid-template-columns:1fr}.type-preview{text-align:left}.practice-buttons,.type-preview{flex-direction:row}.test-info{grid-template-columns:repeat(3,1fr)}.info-item{flex-direction:column;text-align:center;gap:var(--space-sm)}}@media (max-width:767px){.main-content,.visual-panel{display:flex;flex-direction:column}.begin-test,.visual-panel{order:1}.info-panel,.recent-scores{order:2}.score-summary{flex-direction:column;align-items:center;gap:var(--space-sm)}.score-main{border-right:none;border-bottom:1px solid var(--gray-200);padding-right:0;padding-bottom:var(--space-sm);width:100%}.score-meta{padding-left:0;text-align:center;width:100%;padding-top:var(--space-sm)}.score-card{padding:calc(var(--space-sm) * 1.8) calc(var(--space-xs) * 1.8) calc(var(--space-sm) * 1.5);min-height:clamp(60px,14vw,80px)}.scores-grid{gap:clamp(14px,3.5vw,26px)}}@media (max-width:480px){.toast{bottom:15px;left:16px;right:16px;transform:translateY(100px);min-width:auto;max-width:none}.toast-visible{transform:translateY(0)}.toast-exiting{transform:translateY(20px)}.toast-content{padding:10px 12px}.toast-message{font-size:var(--text-sm)}.tutorial-progress{flex-direction:column;align-items:stretch;text-align:center}.tutorial-progress h2{font-size:var(--text-base);margin-bottom:var(--space-xs)}.skip-btn{align-self:center;width:-moz-fit-content;width:fit-content;min-height:44px;font-size:var(--text-base)}.feedback{flex-direction:column;text-align:center;gap:var(--space-xs);padding:var(--space-sm);max-width:280px}.feedback-text{font-size:var(--text-sm)}.break-screen,.practice-screen{padding:var(--space-md)}.break-content h2,.practice-content h2{font-size:var(--text-xl)}.break-content p,.practice-content p{font-size:var(--text-base)}.question-types-preview,.type-preview{gap:var(--space-sm)}.type-preview{flex-direction:column;text-align:center;padding:var(--space-sm)}.type-icon{margin:0 auto}.practice-buttons{flex-direction:column;gap:var(--space-sm)}.practice-btn,.skip-practice-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--btn-text);min-height:46px}.info-item,.test-info{gap:var(--space-sm)}.info-item{flex-direction:column;text-align:center;padding:var(--space-sm)}.info-icon{margin:0 auto}.btn{min-height:48px;font-size:var(--btn-text)}.check-btn,.next-btn,.skip-btn{min-height:44px;font-size:var(--text-sm)}.option-button{min-height:clamp(65px,13vw,75px);font-size:var(--text-sm)}.pattern-container{flex-direction:column;gap:var(--space-sm)}.pattern-grid{padding:var(--space-xs)}.pattern-cell{width:10px;height:10px}.engine-name{font-size:var(--text-base)}}@media (max-width:360px){.toast{bottom:10px;left:8px;right:8px}.toast-content{padding:8px 12px}.logo-text h1{font-size:clamp(1.2rem,6vw,1.5rem)}.results-container{padding:var(--space-xs)}.single-row-options{gap:2px}.single-row-options .option-button{min-width:0;max-width:18%}.single-row-options.fw-options{gap:2px!important}.single-row-options.fw-options .option-button{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 2px);min-height:50px;padding:2px}.score-summary{flex-direction:column}.score-main{border-right:none;border-bottom:1px solid var(--gray-200);padding-bottom:var(--space-sm);width:100%}.score-meta{padding-left:0;text-align:center;padding-top:var(--space-sm)}.begin-test,.info-panel,.recent-scores{padding:var(--space-xs)}.faq-modal{width:clamp(300px,95%,700px)}.faq-overlay{padding:var(--space-xs)}.btn{min-height:50px;font-size:var(--btn-text)}}@media (prefers-reduced-motion:reduce){.toast{transition:opacity .2s ease}.toast,.toast-exiting,.toast-visible{transform:translateX(-50%)}@media (max-width:480px){.toast,.toast-exiting,.toast-visible{transform:none}}}