:root{color:#15110d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#15110d;--cream:#ffe6bf;--card:#fff4e2;--accent:#d94f30;--accent-dark:#bf4227;--brown:#7a3f2b;background:#f4dfc8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.page-shell{min-height:100vh;color:var(--ink);background:#f4dfc8;position:relative;overflow:hidden}.animated-background{transform-origin:50%;background-color:#0000;background-image:radial-gradient(circle at 20% 20%,#ff7e5f59,#0000 28%),radial-gradient(circle at 80% 25%,#ffc25773,#0000 30%),radial-gradient(circle at 50% 85%,#da5c4b47,#0000 35%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:140% 140%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0}.background-wash{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#f4dfc88c;position:absolute;inset:0}.stage{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px;display:flex;position:relative}.start-panel{text-align:center;width:100%;max-width:896px}.eyebrow{color:var(--brown);letter-spacing:.28em;text-transform:uppercase;margin:0 0 24px;font-size:.875rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(2.25rem,8.6vw,4.5rem);font-weight:600;line-height:1.1}.supertyp-logo{background:var(--ink);color:var(--cream);font-size:inherit;letter-spacing:0;text-transform:uppercase;vertical-align:middle;border-radius:2rem;padding:.5rem 1.25rem;font-weight:900;line-height:1;display:inline-block;transform:rotate(-2deg);box-shadow:0 20px 25px -5px #15110d38,0 8px 10px -6px #15110d38}.supertyp-logo span{color:#ffb84d}.supertyp-logo-small{padding:.25rem 1rem;font-size:.58em}.answer-row{flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:48px;display:flex}.answer-row button,.reset-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:1rem;width:100%;padding:1rem 3rem;font-size:1.125rem;font-weight:700;transition:background-color .18s,transform .18s;box-shadow:0 10px 15px -3px #d94f3040,0 4px 6px -4px #d94f3040}.answer-row button:hover,.reset-button:hover{background:var(--accent-dark);transform:scale(1.03)}.answer-row button:focus-visible,.reset-button:focus-visible{outline-offset:3px;outline:4px solid #d94f304d}.thinking-panel,.result-panel{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff4e2cc;border-radius:2rem;width:100%;box-shadow:0 25px 50px -12px #15110d40,0 12px 28px #15110d1f}.thinking-panel{max-width:576px;padding:40px}.spinner-shell{background:var(--ink);border-radius:999px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 32px;display:flex}.spinner{border:4px solid var(--cream);border-top-color:var(--accent);border-radius:999px;width:40px;height:40px}.thinking-panel h2{letter-spacing:0;margin-bottom:0;font-size:clamp(1.875rem,7vw,3rem);font-weight:900;line-height:1.08}.result-panel{max-width:768px;padding:40px}.result-panel h2{letter-spacing:0;margin-bottom:0;font-size:clamp(2.25rem,8vw,3.75rem);font-weight:900;line-height:1.08}.result-note{color:#3b2a20;max-width:576px;margin:28px auto 0;font-size:1.125rem;line-height:1.8}.physio-link{max-width:640px;color:var(--ink);background:#ffe6bfb8;border:1px solid #15110d1f;border-radius:1.5rem;margin:32px auto 0;padding:1rem 1.25rem;font-size:1.05rem;font-weight:800;line-height:1.35;text-decoration:none;transition:background-color .18s,transform .18s;display:block}.physio-link:hover{background:#ffe6bff5;transform:translateY(-2px)}.physio-link:focus-visible{outline-offset:3px;outline:4px solid #d94f304d}.reset-button{width:auto;margin-top:28px;padding-left:2.5rem;padding-right:2.5rem}@media (width>=640px){.answer-row{flex-direction:row}.answer-row button{width:auto}.thinking-panel{padding:56px}.result-panel{padding:64px}}