:root{color-scheme:dark;--bg: #0c1024;--bg-2: #161a38;--panel: rgba(22, 26, 56, .88);--panel-strong: rgba(28, 32, 66, .96);--text: #f8f3ff;--muted: #b9c2e4;--line: rgba(255, 255, 255, .14);--shadow: rgba(0, 0, 0, .32);--accent: #81f4cf;--accent-2: #ffcf5a;--accent-3: #ff7aa8;--danger: #ff8c8c;--success: #7dffb2;--card-radius: 8px;--button-radius: 8px;--pixel-size: clamp(9px, 1.35vw, 16px);--cat-point: #8fb4d4;--cat-body: #e6f4ff;--cat-tail: #6f95b7;--cat-eye: #40e4ff;--cat-eye-shine: #f8ffff;--cat-nose: #e7a7bd;--cat-whisker: #fff8df;--cat-eye-shadow: rgba(0, 92, 120, .32);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{color-scheme:light;--bg: #bdeeff;--bg-2: #ffe6a6;--panel: rgba(255, 255, 248, .84);--panel-strong: rgba(255, 255, 250, .96);--text: #20213a;--muted: #58617a;--line: rgba(30, 34, 60, .16);--shadow: rgba(59, 90, 120, .18);--accent: #079c80;--accent-2: #f4a51c;--accent-3: #e65785;--danger: #c94757;--success: #168a49;--cat-point: #070913;--cat-body: #20212b;--cat-tail: #090b14;--cat-eye: #f2b51d;--cat-eye-shine: #fff3b8;--cat-nose: #b46670;--cat-whisker: #d5c8ae;--cat-eye-shadow: rgba(56, 36, 0, .25)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 18% 12%,rgba(129,244,207,.12),transparent 30%),radial-gradient(circle at 86% 78%,rgba(255,122,168,.1),transparent 28%),linear-gradient(145deg,var(--bg),var(--bg-2))}:root[data-theme=light] body{background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.88),transparent 17%),radial-gradient(circle at 78% 18%,rgba(255,214,90,.38),transparent 22%),linear-gradient(180deg,#8fdcff,#dff7ff 48%,#ffe8a8)}body,button,input{letter-spacing:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{position:relative;min-height:100vh;overflow-x:hidden;isolation:isolate}.stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-2;opacity:.85}.stars-one{background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1.4px),radial-gradient(circle,rgba(129,244,207,.9) 1px,transparent 1.3px);background-position:0 0,42px 64px;background-size:92px 92px,128px 128px;animation:starDrift 24s linear infinite}.stars-two{background-image:radial-gradient(circle,rgba(255,207,90,.8) 1px,transparent 1.3px),radial-gradient(circle,rgba(255,122,168,.7) 1px,transparent 1.2px);background-position:24px 20px,76px 8px;background-size:152px 152px,210px 210px;animation:starDrift 38s linear infinite reverse}.moon{position:fixed;top:clamp(88px,11vw,140px);right:clamp(24px,8vw,112px);width:clamp(62px,9vw,112px);aspect-ratio:1;border-radius:50%;background:#ffdf7b;box-shadow:0 0 32px #ffdf7b6b,inset -12px -10px #f4a95042;z-index:-1;animation:moonBob 8s ease-in-out infinite}.moon span{position:absolute;top:16%;left:18%;width:20%;aspect-ratio:1;border-radius:50%;background:#714f342e;box-shadow:28px 12px 0 -3px #714f3429,10px 42px 0 -4px #714f3421}:root[data-theme=light] .stars{opacity:.32}:root[data-theme=light] .moon{background:#ffd65a;box-shadow:0 0 34px #ffd65ab3,0 0 82px #ff945a38,inset -10px -10px #e875422e}:root[data-theme=light] .moon:before{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,214,90,.4) 0 8deg,transparent 8deg 20deg);content:"";z-index:-1}:root[data-theme=light] .moon span{display:none}.cloud{position:fixed;width:clamp(116px,18vw,210px);height:clamp(34px,5vw,58px);border-radius:999px;background:#ffffffc2;box-shadow:0 18px 42px #5888ac29;opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity .22s ease,transform .22s ease;z-index:-1}.cloud:before,.cloud:after{position:absolute;border-radius:50%;background:inherit;content:""}.cloud:before{left:18%;bottom:34%;width:42%;aspect-ratio:1}.cloud:after{right:16%;bottom:28%;width:34%;aspect-ratio:1}.cloud-one{top:22%;left:6%;animation:cloudFloat 11s ease-in-out infinite}.cloud-two{top:62%;right:8%;width:clamp(92px,14vw,160px);animation:cloudFloat 14s ease-in-out infinite reverse}:root[data-theme=light] .cloud{opacity:.86;transform:translateY(0)}.day-hill{position:fixed;right:-12vw;bottom:-18vw;width:62vw;max-width:720px;aspect-ratio:1.8;border-radius:50% 50% 0 0;background:#39b77a47;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:-1}.hill-two{right:auto;left:-18vw;bottom:-21vw;width:70vw;background:#198b8733}:root[data-theme=light] .day-hill{opacity:1}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 12px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:1.08rem;font-weight:900;text-decoration:none}.theme-toggle{display:inline-flex;align-items:center;gap:10px;min-height:42px;border:1px solid var(--line);border-radius:var(--button-radius);padding:6px 10px;color:var(--text);background:var(--panel);box-shadow:0 12px 34px var(--shadow)}.toggle-track{display:inline-flex;align-items:center;width:44px;height:24px;border-radius:999px;padding:3px;background:#ffffff1f;border:1px solid var(--line)}.toggle-thumb{position:relative;display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:var(--accent-2);transform:translate(0);transition:transform .18s ease,background .18s ease}:root[data-theme=light] .toggle-thumb{transform:translate(20px);background:var(--accent)}.moon-mark,.sun-mark{width:10px;height:10px;border-radius:50%}.moon-mark{box-shadow:inset 4px 0 #22243e}.sun-mark{background:#fff7c8;box-shadow:0 -6px 0 -4px #fff7c8,0 6px 0 -4px #fff7c8,-6px 0 0 -4px #fff7c8,6px 0 0 -4px #fff7c8}.main-stage{position:relative;z-index:1;display:grid;width:min(1120px,calc(100% - 32px));min-height:calc(100vh - 86px);margin:0 auto;padding:28px 0 54px;place-items:center}.landing-grid,.question-layout,.verdict-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(320px,1.15fr);align-items:center;gap:clamp(22px,5vw,64px);width:100%}.audit-layout{grid-template-columns:minmax(250px,.68fr) minmax(420px,1.32fr)}.card{border:1px solid var(--line);border-radius:var(--card-radius);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 45%),var(--panel-strong);box-shadow:0 24px 80px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-card,.question-card,.verdict-card{display:grid;gap:20px;width:min(100%,620px);padding:clamp(22px,5vw,42px)}.question-card{width:min(100%,780px)}.eyebrow{margin:0;color:var(--accent);font-size:.82rem;font-weight:800;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(3.1rem,8vw,6.8rem);line-height:.92}h2{margin-bottom:0;font-size:clamp(2rem,4.8vw,4.4rem);line-height:.98}.subtitle{max-width:34rem;margin:0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.28rem)}.tiny-rule{margin:-6px 0 0;color:var(--muted);font-size:.92rem;font-weight:700}label{color:var(--text);font-weight:750}input{width:100%;min-height:58px;border:1px solid var(--line);border-radius:var(--button-radius);padding:0 16px;color:var(--text);background:#ffffff14;outline:none;transition:border-color .17s ease,box-shadow .17s ease,background .17s ease}input::placeholder{color:color-mix(in srgb,var(--muted),transparent 18%)}input:focus{border-color:color-mix(in srgb,var(--accent),white 12%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent),transparent 78%);background:#ffffff1c}.example-row{display:flex;flex-wrap:wrap;gap:10px}.example-chip{min-height:36px;border:1px solid var(--line);border-radius:var(--button-radius);padding:0 11px;color:var(--text);background:#ffffff12}.example-chip:hover,.ghost-button:hover,.theme-toggle:hover{border-color:color-mix(in srgb,var(--accent),white 8%);transform:translateY(-1px)}.primary-button,.ghost-button,.answer-button{min-height:48px;border-radius:var(--button-radius);font-weight:800;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{border:0;color:#151629;background:linear-gradient(135deg,var(--accent),var(--accent-2)),var(--accent);box-shadow:0 12px 30px color-mix(in srgb,var(--accent),transparent 72%)}.primary-button:not(:disabled):hover,.answer-button:hover{transform:translateY(-2px)}.start-button{width:100%}.ghost-button{border:1px solid var(--line);color:var(--text);background:#ffffff0f}.assistant-panel{display:grid;min-height:420px;place-items:center}.cat-scene{display:grid;gap:12px;justify-items:center;width:min(100%,440px)}.pixel-cat{display:block;width:clamp(220px,30vw,360px);height:clamp(220px,30vw,360px);image-rendering:pixelated;image-rendering:crisp-edges;transform-origin:center bottom;animation:catBob 2.6s ease-in-out infinite;filter:drop-shadow(0 18px 18px rgba(0,0,0,.28))}:root:not([data-theme=light]) .pixel-cat{filter:drop-shadow(0 0 14px rgba(64,228,255,.2)) drop-shadow(0 18px 18px rgba(0,0,0,.34))}.cat-shadow{width:calc(var(--pixel-size) * 11);height:calc(var(--pixel-size) * 1.2);margin-top:calc(var(--pixel-size) * -.45);border-radius:50%;background:#0000003d;filter:blur(8px)}.cat-bubble{position:relative;width:min(100%,380px);margin:0;border:1px solid var(--line);border-radius:var(--card-radius);padding:14px 16px;color:var(--text);background:var(--panel);box-shadow:0 18px 48px var(--shadow);font-weight:700;line-height:1.35}.cat-bubble:before{position:absolute;top:-8px;left:50%;width:14px;height:14px;border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--panel);content:"";transform:translate(-50%) rotate(45deg)}.cat-happy .pixel-cat{animation-duration:1.9s}.cat-sleepy .pixel-cat{animation-duration:4s}.progress-wrap{display:grid;gap:8px}.progress-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.88rem;font-weight:800}.progress-track{width:100%;height:12px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#ffffff14}.progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-3),var(--accent-2),var(--accent));transition:width .28s ease}.question-kicker{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:var(--accent-2);font-size:.84rem;font-weight:850;text-transform:uppercase}.audit-head{display:grid;gap:12px}.question-card h2{font-size:clamp(2.2rem,4.5vw,4.1rem)}.activity-pill{display:inline-flex;align-items:center;justify-self:start;max-width:100%;min-height:36px;border:1px solid color-mix(in srgb,var(--accent),transparent 55%);border-radius:var(--button-radius);padding:0 12px;color:var(--accent-2);background:color-mix(in srgb,var(--accent),transparent 88%);font-size:.9rem;font-weight:850;overflow-wrap:anywhere}.question-activity,.verdict-activity{margin:0;color:var(--muted);font-weight:750}.audit-list{display:grid;gap:10px}.audit-question{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:var(--card-radius);padding:12px;background:#ffffff0e}.audit-question.answered{border-color:color-mix(in srgb,var(--accent),transparent 58%)}.question-copy{display:grid;gap:6px}.question-copy p{margin:0;color:var(--text);font-size:1rem;font-weight:800;line-height:1.25}.category-pill{justify-self:start;border-radius:6px;padding:3px 7px;color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 88%);font-size:.68rem;font-weight:900;text-transform:uppercase}.answer-pair{display:grid;grid-template-columns:repeat(2,64px);gap:8px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answer-button{border:1px solid var(--line);color:var(--text);background:#ffffff12}.answer-button.compact{min-height:40px;padding:0 8px;font-size:.9rem}.answer-button.yes.selected{border-color:color-mix(in srgb,var(--success),white 10%);background:color-mix(in srgb,var(--success),transparent 78%);box-shadow:0 0 0 4px color-mix(in srgb,var(--success),transparent 86%)}.answer-button.no.selected{border-color:color-mix(in srgb,var(--danger),white 10%);background:color-mix(in srgb,var(--danger),transparent 80%);box-shadow:0 0 0 4px color-mix(in srgb,var(--danger),transparent 88%)}.audit-note{margin:0;border:1px dashed color-mix(in srgb,var(--accent-2),transparent 42%);border-radius:var(--card-radius);padding:11px 12px;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2),transparent 92%);font-size:.92rem;font-weight:800;line-height:1.35}.card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.card-actions>button{min-width:132px;padding:0 18px}.verdict-card{overflow:hidden}.verdict-card.high{border-color:color-mix(in srgb,var(--success),transparent 42%)}.verdict-card.medium{border-color:color-mix(in srgb,var(--accent-2),transparent 38%)}.verdict-card.low{border-color:color-mix(in srgb,var(--danger),transparent 44%)}.score-line{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:var(--card-radius);padding:12px 14px;background:#ffffff0f;color:var(--muted);font-weight:800}.score-line strong{color:var(--text);font-size:1.25rem}.reason-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.reason-list li{position:relative;border:1px solid var(--line);border-radius:var(--card-radius);padding:12px 14px 12px 34px;background:#ffffff0e;color:var(--text);line-height:1.38}.reason-list li:before{position:absolute;top:17px;left:14px;width:9px;height:9px;border-radius:2px;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent),transparent 22%);content:""}.prescription-box{display:grid;gap:5px;border:1px solid color-mix(in srgb,var(--accent),transparent 48%);border-radius:var(--card-radius);padding:13px 14px;background:color-mix(in srgb,var(--accent),transparent 90%)}.prescription-box span{color:var(--accent);font-size:.74rem;font-weight:900;text-transform:uppercase}.prescription-box p{margin:0;color:var(--text);font-weight:850;line-height:1.35}.copy-strip{min-height:42px;border:1px dashed color-mix(in srgb,var(--accent-2),transparent 30%);border-radius:var(--card-radius);padding:10px 12px;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2),transparent 90%);font-weight:800}@keyframes starDrift{0%{transform:translateZ(0)}to{transform:translate3d(-48px,38px,0)}}@keyframes moonBob{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes cloudFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(18px,-8px,0)}}@keyframes catBob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:820px){.topbar,.main-stage{width:min(100% - 24px,640px)}.topbar{padding-top:16px}.landing-grid,.question-layout,.verdict-layout{grid-template-columns:1fr;gap:18px}.assistant-panel{min-height:250px;order:2}.landing-cat{order:1}.landing-card,.question-card,.verdict-card{width:100%}.question-card,.verdict-card{order:1}.moon{top:92px;right:16px;width:58px}.cat-bubble{width:min(100%,420px)}.audit-question{grid-template-columns:1fr;gap:10px}.answer-pair{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}@media(max-width:520px){.theme-toggle>span:last-child{display:none}.main-stage{padding-top:16px;padding-bottom:32px}.landing-card,.question-card,.verdict-card{padding:20px}h1{font-size:3.25rem}h2{font-size:2.15rem}.question-card h2{font-size:2.35rem}.answer-grid,.card-actions{grid-template-columns:1fr}.card-actions{display:grid}.card-actions>button{width:100%}}
