*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--orange: #F97316;--orange-dark: #EA6C0A;--orange-light: #FED7AA;--black: #000000;--near-black: #0A0A0A;--bg: #FAFAF5;--bg-card: #FFFFFF;--green: #22C55E;--green-light: #DCFCE7;--red: #EF4444;--red-light: #FEE2E2;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-500: #6B7280;--border: 3px solid #000;--shadow: 4px 4px 0px #000;--shadow-sm: 2px 2px 0px #000;--shadow-lg: 6px 6px 0px #000;--radius: 4px;--font: "Inter", system-ui, -apple-system, sans-serif}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background-color:var(--bg);color:var(--near-black);line-height:1.5;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:900;line-height:1.1;letter-spacing:-.02em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--near-black);border:2px solid var(--bg)}.brutalist-card{background:var(--bg-card);border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius)}.brutalist-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-weight:800;font-size:1rem;letter-spacing:-.01em;border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius);cursor:pointer;transition:box-shadow .08s ease,transform .08s ease;text-decoration:none;white-space:nowrap}.brutalist-btn:hover{box-shadow:var(--shadow-sm);transform:translate(2px,2px)}.brutalist-btn:active{box-shadow:none;transform:translate(4px,4px)}.brutalist-btn-primary{background:var(--orange);color:var(--near-black);padding:14px 28px;font-size:1.05rem}.brutalist-btn-secondary{background:var(--bg-card);color:var(--near-black);padding:14px 28px;font-size:1.05rem}.progress-track{height:12px;background:var(--gray-100);border:2px solid var(--black);border-radius:var(--radius);overflow:hidden}.progress-fill{height:100%;background:var(--orange);transition:width .4s cubic-bezier(.25,.46,.45,.94)}.screen-enter{opacity:0;transform:translateY(12px);animation:screenIn .3s ease forwards}@keyframes screenIn{to{opacity:1;transform:translateY(0)}}.app-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 16px}.container{width:100%;max-width:760px}.answer-btn{width:100%;background:var(--bg-card);border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius);cursor:pointer;font-family:var(--font);font-weight:600;font-size:1rem;color:var(--near-black);text-align:left;transition:box-shadow .08s ease,transform .08s ease,background .1s ease;display:flex;align-items:flex-start;gap:0;overflow:hidden;position:relative}.answer-btn:not(.disabled):hover{box-shadow:var(--shadow-sm);transform:translate(2px,2px)}.answer-btn:not(.disabled):active{box-shadow:none;transform:translate(4px,4px)}.answer-btn.correct{background:var(--green-light);border-color:var(--green);box-shadow:4px 4px #16a34a}.answer-btn.wrong{background:var(--red-light);border-color:var(--red);box-shadow:4px 4px #dc2626}.answer-btn.disabled{cursor:default}.answer-letter{display:flex;align-items:center;justify-content:center;min-width:48px;height:100%;padding:18px 0;background:var(--orange);color:var(--near-black);font-weight:900;font-size:1rem;border-right:var(--border);flex-shrink:0;align-self:stretch}.answer-btn.correct .answer-letter{background:var(--green);border-right-color:#16a34a}.answer-btn.wrong .answer-letter{background:var(--red);color:#fff;border-right-color:#dc2626}.answer-text{padding:18px 20px;flex:1;line-height:1.5}.domain-tag{display:inline-flex;align-items:center;padding:4px 12px;background:var(--near-black);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius);white-space:nowrap}.stat-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border:var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius);font-weight:800;font-size:.9rem}.score-bar-track{flex:1;height:14px;background:var(--gray-100);border:2px solid var(--black);border-radius:var(--radius);overflow:hidden}.score-bar-fill{height:100%;background:var(--orange);border-radius:0;transition:width .8s cubic-bezier(.25,.46,.45,.94)}.bg-texture{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:9999}@media (max-width: 640px){:root{--border: 2.5px solid #000;--shadow: 3px 3px 0px #000;--shadow-sm: 2px 2px 0px #000}.answer-letter{min-width:40px;padding:16px 0}.answer-text{padding:16px 14px;font-size:.9rem}}@media (max-width: 768px){.dash-root{flex-direction:column!important}.dash-sidebar{width:100%!important;height:auto!important;min-height:unset!important;position:relative!important;flex-direction:row!important;padding:12px 16px!important;border-right:none!important;border-bottom:3px solid #000!important;align-items:center!important;gap:12px!important}.dash-logo{flex:1!important;padding:0!important;border-bottom:none!important}.dash-nav{flex-direction:row!important;padding:0!important;gap:4px!important;flex:unset!important}.dash-nav-item{padding:6px 10px!important;font-size:.78rem!important;border-radius:4px!important}.dash-sidebar-bottom{padding:0!important;border-top:none!important}.dash-sidebar-bottom span{display:none!important}.dash-main{padding:20px 16px!important}.dash-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:20px!important}.dash-domain-grid{grid-template-columns:repeat(2,1fr)!important}.dash-count-row{flex-wrap:wrap!important}.dash-perf-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.landing-grid{grid-template-columns:1fr!important;gap:32px!important}}@media (max-width: 640px){.brutalist-btn-primary,.brutalist-btn-secondary{width:100%}}