:root{--bg:#FAF9F6;--bg-card:#FFFFFF;--bg-subtle:#F0EDE7;--bg-elevated:#FFFFFF;--bg-input:#FDFCFA;--bg-overlay:rgba(26,26,24,0.45);--text-primary:#1A1A18;--text-secondary:#52504A;--text-muted:#8A857C;--text-hint:#B5AFA4;--gold:#9E7B38;--gold-sm:#9E7B38;--gold-light:rgba(158,123,56,0.06);--gold-mid:rgba(158,123,56,0.12);--green:#2D8A56;--green-light:rgba(45,138,86,0.06);--red:#C4453C;--red-light:rgba(196,69,60,0.06);--blue:#3B6EA5;--radius-sm:6px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-pill:100px;--shadow-sm:0 1px 2px rgba(0,0,0,0.03),0 1px 3px rgba(0,0,0,0.02);--shadow-md:0 4px 12px rgba(0,0,0,0.05),0 1px 4px rgba(0,0,0,0.03);--shadow-lg:0 8px 28px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);--shadow-card:0 1px 3px rgba(0,0,0,0.04),0 0 0 1px rgba(0,0,0,0.03);--font-display:"Playfair Display",Georgia,serif;--font-body:"Outfit",-apple-system,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.25,0.1,0.25,1);color-scheme:light dark}@media (prefers-color-scheme:dark){html:not(.light),html:not(.light) :root{--bg:#1A1A18;--bg-card:#232321;--bg-subtle:#2A2A28;--bg-elevated:#2F2F2D;--bg-input:#1E1E1C;--bg-overlay:rgba(0,0,0,0.6);--text-primary:#EDEBE6;--text-secondary:#B5B2AA;--text-muted:#8A857C;--text-hint:#5A5750;--gold:#D4AB55;--gold-sm:#E0BA60;--gold-light:rgba(212,171,85,0.08);--gold-mid:rgba(212,171,85,0.15);--green:#3DAE6A;--green-light:rgba(61,174,106,0.08);--red:#E05A50;--red-light:rgba(224,90,80,0.08);--shadow-sm:0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 12px rgba(0,0,0,0.3);--shadow-lg:0 8px 28px rgba(0,0,0,0.4);--shadow-card:0 1px 3px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.04)}}html.dark,html.dark :root{--bg:#1A1A18;--bg-card:#232321;--bg-subtle:#2A2A28;--bg-elevated:#2F2F2D;--bg-input:#1E1E1C;--bg-overlay:rgba(0,0,0,0.6);--text-primary:#EDEBE6;--text-secondary:#B5B2AA;--text-muted:#8A857C;--text-hint:#5A5750;--gold:#D4AB55;--gold-sm:#E0BA60;--gold-light:rgba(212,171,85,0.08);--gold-mid:rgba(212,171,85,0.15);--green:#3DAE6A;--green-light:rgba(61,174,106,0.08);--red:#E05A50;--red-light:rgba(224,90,80,0.08);--shadow-sm:0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 12px rgba(0,0,0,0.3);--shadow-lg:0 8px 28px rgba(0,0,0,0.4);--shadow-card:0 1px 3px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.04);color-scheme:dark}html.light{color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body,html{overflow-y:auto}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;line-height:1.5;min-height:100dvh}input,select,textarea{font-size:16px!important}.input-estimate:focus{border-color:var(--gold)!important;outline:none}.gold-accent{width:32px;height:2px;background:var(--gold);border:none;margin:0;opacity:.7}.section-label{font-family:var(--font-body);font-size:10px;font-weight:400;color:var(--text-hint);text-transform:uppercase;letter-spacing:.08em}.stat-value{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--text-primary)}.stat-caption{font-weight:300;color:var(--text-hint);margin-top:2px}.accuracy-label,.stat-caption{font-family:var(--font-body);font-size:10px}.accuracy-label{font-weight:600;letter-spacing:.03em;text-transform:uppercase}.mono-sm{font-family:var(--font-mono);font-weight:400}.body-hint,.mono-sm{font-size:11px;color:var(--text-hint)}.body-hint{font-family:var(--font-body);font-weight:300;line-height:1.5}button{font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 28px;background:var(--text-primary);color:var(--bg);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:15px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:all .2s var(--ease-smooth)}.btn-primary:hover{opacity:.88}.btn-primary:active{transform:scale(.97);transition-duration:.05s}.btn-primary:disabled{opacity:.35;cursor:default}.btn-primary:disabled:active{transform:none}.btn-gold{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 28px;background:linear-gradient(135deg,var(--gold) 0,#B8922E 100%);color:#FFF;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s var(--ease-smooth)}.btn-gold:hover{opacity:.92}.btn-gold:active{transform:scale(.97);transition-duration:.05s}.btn-gold:disabled{opacity:.4;cursor:default}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:transparent;color:var(--text-secondary);border:1.5px solid var(--bg-subtle);border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:400;cursor:pointer;transition:all .2s var(--ease-smooth)}.btn-secondary:hover{border-color:var(--text-hint);color:var(--text-primary)}.btn-secondary:active{transform:scale(.97);transition-duration:.05s}.btn-compact{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;background:transparent;color:var(--text-muted);border:1px solid var(--bg-subtle);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s var(--ease-smooth)}.btn-compact:hover{border-color:var(--text-hint);color:var(--text-secondary)}.btn-compact:active{transform:scale(.97);transition-duration:.05s}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 0;background:none;border:none;font-family:var(--font-body);font-size:13px;font-weight:400;color:var(--text-muted);cursor:pointer;transition:color .15s}.btn-ghost:hover{color:var(--text-primary)}.card{background:var(--bg-card);box-shadow:var(--shadow-card)}.card,.card-flat{border-radius:var(--radius-md)}.card-flat{background:transparent}.bordered,.card-flat{border:1px solid var(--bg-subtle)}.bordered{border-radius:var(--radius-sm);overflow:hidden}.pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.pill-gold{background:var(--gold-light);color:var(--gold)}.pill-green{background:var(--green-light);color:var(--green)}.pill-red{background:var(--red-light);color:var(--red)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleReveal{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes scoreCount{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes tenSecFlash{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.05)}30%{opacity:.9;transform:scale(1)}70%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.ten-sec-flash>span{animation:tenSecFlash 1.2s var(--ease-out-expo) forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bellCurveDraw{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes accentSlide{0%{width:0;opacity:0}to{width:32px;opacity:.7}}@keyframes timerDrain{0%{width:100%}to{width:0}}.enter{animation:fadeInUp .55s var(--ease-out-expo) both}.enter-d1{animation-delay:.08s}.enter-d2{animation-delay:.16s}.enter-d3{animation-delay:.26s}.enter-d4{animation-delay:.38s}.enter-d5{animation-delay:.52s}.question-enter{animation:slideInRight .4s var(--ease-out-expo) both}.score-reveal{animation:scaleReveal .7s var(--ease-spring) both}.score-count{animation:scoreCount .5s var(--ease-out-expo) both}.bell-draw{animation:bellCurveDraw 1s var(--ease-out-expo) .3s both}.accent-enter{animation:accentSlide .6s var(--ease-out-expo) .1s both}.page-container{min-height:100dvh;flex-direction:column;padding:0 20px;max-width:460px;margin:0 auto}.divider,.page-container{display:flex;align-items:center}.divider{width:100%;gap:16px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--bg-subtle)}@supports (padding-bottom:env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}.suffix-btn{background:transparent!important}.suffix-btn.suffix-active,.suffix-btn:hover{background:var(--gold-light)!important;color:var(--gold)!important}.suffix-btn:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.progress-dots{display:flex;gap:4px;align-items:center}.progress-dot{height:6px;border-radius:3px;transition:all .3s var(--ease-out-expo)}.timer-display{font-weight:600;min-width:34px;text-align:right;transition:color .3s ease,font-size .3s ease}.info-btn,.timer-display{font-family:var(--font-mono)}.info-btn{width:20px;height:20px;border-radius:10px;border:1px solid var(--bg-subtle);background:transparent;font-size:11px;color:var(--text-hint);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0}.info-btn.active,.info-btn:hover,.info-popup{background:var(--gold-light)}.info-popup{padding:12px 14px;margin:12px 0 0;border-radius:var(--radius-sm);border:1px solid var(--bg-subtle);font-family:var(--font-body);font-size:12px;font-weight:300;color:var(--text-secondary);line-height:1.6}.comparison-block{display:flex;align-items:flex-end;gap:12px}.feedback-accuracy{letter-spacing:.02em;text-transform:uppercase}.feedback-accuracy,.modal-title{font-family:var(--font-display);font-weight:700}.modal-title{font-size:24px;color:var(--text-primary)}.modal-close{font-size:16px;color:var(--text-hint);padding:0;background:none;border:none;cursor:pointer}.modal-close:hover{color:var(--text-secondary)}.row-bordered{display:flex;align-items:center;padding:11px 14px;border-bottom:1px solid var(--bg-subtle)}.row-bordered:last-child{border-bottom:none}.stat-pair{text-align:center}.stat-pair-value{font-family:var(--font-mono);font-size:18px;font-weight:500;color:var(--text-primary)}.stat-pair-label{font-family:var(--font-body);font-size:10px;font-weight:300;color:var(--text-hint);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.skip-nav{position:absolute;top:-100px;left:0;background:var(--text-primary);color:var(--bg);padding:8px 16px;z-index:999;font-family:var(--font-body);font-size:13px}.skip-nav:focus{top:0}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}.confetti-particle{animation:confettiFall 1.8s ease-in forwards}.streak-ring-bronze{box-shadow:0 0 0 2px #CD7F32,0 0 6px rgba(205,127,50,.3)}.streak-ring-silver{box-shadow:0 0 0 2px #A8A8A8,0 0 6px rgba(168,168,168,.3)}.streak-ring-gold{box-shadow:0 0 0 2px var(--gold),0 0 8px rgba(158,123,56,.4)}.streak-ring-gold-animated{box-shadow:0 0 0 2px var(--gold),0 0 10px rgba(158,123,56,.5);animation:streakGlow 2s ease-in-out infinite}@keyframes streakGlow{0%,to{box-shadow:0 0 0 2px var(--gold),0 0 8px rgba(158,123,56,.3)}50%{box-shadow:0 0 0 2.5px var(--gold),0 0 14px rgba(158,123,56,.6)}}.modal-scroll{overflow-y:auto}.modal-scroll::-webkit-scrollbar{width:4px}.modal-scroll::-webkit-scrollbar-track{background:transparent}.modal-scroll::-webkit-scrollbar-thumb{background:var(--bg-subtle);border-radius:4px}.modal-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-hint)}.modal-scroll{scrollbar-width:thin;scrollbar-color:var(--bg-subtle) transparent}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.accent-enter,.bell-draw,.enter,.enter-d1,.enter-d2,.enter-d3,.enter-d4,.enter-d5,.question-enter,.score-count,.score-reveal{animation:none}.accent-enter{width:32px;opacity:.7}}@media (min-width:768px){.page-container{max-width:520px}.play-top-bar{max-width:520px!important}}