:root{--bg:#FAF6FF;--surface:#FFFFFF;--surface-2:#F3ECFD;--ink:#2A1F3D;--muted:#6B6083;--line:#E6DBF4;--accent:#8B5CF6;--accent-ink:#FFFFFF;--pink:#FF5C9E;--sky:#2E9BEA;--mint:#14B88F;--sun:#F5A70F;--tangerine:#FF7A2E;--s1:var(--sky);--s2:var(--pink);--s3:var(--mint);--s4:var(--sun);--good:#0F9A72;--good-bg:#DDF7EE;--bad:#E0434A;--bad-bg:#FDE4E5;--warn-bg:#FFF2D6;--warn:#9A6200;--paw:#8B5CF6;--kit:#FFB357;--kit-in:#FF8FB8;--kit-stripe:#F08A2C;--pup:#E8B98A;--pup-ear:#9C6440;--pup-muz:#FFF1E2;--eye:#2A1F3D;--nose:#FF6F9F;--blush:#FF8FB8;--tongue:#FF6F8F;--f-display:"Baloo 2", "Trebuchet MS", system-ui, sans-serif;--f-body:"Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--radius:18px;--shadow:0 2px 0 var(--line), 0 10px 24px -14px rgba(60,30,110,.35)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#16111F;--surface:#211A2E;--surface-2:#2A2139;--ink:#F3EDFF;--muted:#B4A8CA;--line:#3A2E4D;--accent:#A78BFA;--accent-ink:#1A1226;--pink:#FF7AB1;--sky:#5CB6F5;--mint:#3ED6AE;--sun:#FFC24A;--tangerine:#FF9A5C;--good:#3ED6AE;--good-bg:#123A30;--bad:#FF7479;--bad-bg:#43191D;--warn-bg:#3D2E0E;--warn:#FFC24A;--paw:#A78BFA;--shadow:0 2px 0 var(--line), 0 10px 24px -14px rgba(0,0,0,.6);color-scheme:dark}}:root[data-theme=dark]{--bg:#16111F;--surface:#211A2E;--surface-2:#2A2139;--ink:#F3EDFF;--muted:#B4A8CA;--line:#3A2E4D;--accent:#A78BFA;--accent-ink:#1A1226;--pink:#FF7AB1;--sky:#5CB6F5;--mint:#3ED6AE;--sun:#FFC24A;--tangerine:#FF9A5C;--good:#3ED6AE;--good-bg:#123A30;--bad:#FF7479;--bad-bg:#43191D;--warn-bg:#3D2E0E;--warn:#FFC24A;--paw:#A78BFA;--shadow:0 2px 0 var(--line), 0 10px 24px -14px rgba(0,0,0,.6);color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}.pawfield{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:var(--paw);opacity:.07;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg%3E%3Cellipse cx='30' cy='40' rx='9' ry='8'/%3E%3Ccircle cx='19' cy='28' r='4'/%3E%3Ccircle cx='26' cy='23' r='4'/%3E%3Ccircle cx='35' cy='23' r='4'/%3E%3Ccircle cx='42' cy='28' r='4'/%3E%3C/g%3E%3Cg transform='rotate(25 88 90)'%3E%3Cellipse cx='88' cy='94' rx='9' ry='8'/%3E%3Ccircle cx='77' cy='82' r='4'/%3E%3Ccircle cx='84' cy='77' r='4'/%3E%3Ccircle cx='93' cy='77' r='4'/%3E%3Ccircle cx='100' cy='82' r='4'/%3E%3C/g%3E%3C/svg%3E") repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg%3E%3Cellipse cx='30' cy='40' rx='9' ry='8'/%3E%3Ccircle cx='19' cy='28' r='4'/%3E%3Ccircle cx='26' cy='23' r='4'/%3E%3Ccircle cx='35' cy='23' r='4'/%3E%3Ccircle cx='42' cy='28' r='4'/%3E%3C/g%3E%3Cg transform='rotate(25 88 90)'%3E%3Cellipse cx='88' cy='94' rx='9' ry='8'/%3E%3Ccircle cx='77' cy='82' r='4'/%3E%3Ccircle cx='84' cy='77' r='4'/%3E%3Ccircle cx='93' cy='77' r='4'/%3E%3Ccircle cx='100' cy='82' r='4'/%3E%3C/g%3E%3C/svg%3E") repeat}#app{position:relative;z-index:1;max-width:980px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:20px 64px}h1,h2,h3{font-family:var(--f-display);line-height:1.15;margin:0;text-wrap:balance}h1{font-size:clamp(30px,5vw,44px);font-weight:800;letter-spacing:-.01em}h2{font-size:26px;font-weight:800}h3{font-size:19px;font-weight:700}p{margin:0}.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.spacer{flex:1}.num{font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid transparent;border-radius:999px;padding:10px 20px;font-weight:800;cursor:pointer;background:var(--accent);color:var(--accent-ink);box-shadow:0 3px color-mix(in srgb,var(--accent) 60%,#000 40%);transition:transform .08s}.btn:active{transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--accent) 60%,#000 40%)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}.btn.ghost:hover{border-color:var(--accent)}.btn.small{padding:6px 14px;font-size:14px}.btn.danger{background:var(--bad);color:#fff;box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.card{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.field{width:100%;border:2px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 14px}.field:focus{border-color:var(--accent);outline:none}.banner{border-radius:14px;padding:12px 16px;font-weight:600;font-size:15px}.banner.warn{background:var(--warn-bg);color:var(--warn)}.banner.good{background:var(--good-bg);color:var(--good)}.banner.bad{background:var(--bad-bg);color:var(--bad)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:800;background:var(--surface-2);color:var(--muted)}.pill.good{background:var(--good-bg);color:var(--good)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.mascot{display:block;flex:none}.mascots{display:flex;align-items:flex-end;gap:0}.mascots .mascot+.mascot{margin-left:-14px}@media (prefers-reduced-motion:no-preference){.bob{animation:bob 3.2s ease-in-out infinite}.bob2{animation:bob 3.2s ease-in-out -1.6s infinite}@keyframes bob{50%{transform:translateY(-5px)}}}.hero{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:8px 4px}.hero-text{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:8px}.brand{font-family:var(--f-display);font-weight:800;font-size:18px;display:flex;align-items:center;gap:8px}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--pink);box-shadow:14px 0 var(--sky),28px 0 var(--mint),42px 0 var(--sun);margin-right:44px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{border:2px solid var(--line);background:var(--surface);border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer}.chip:hover{border-color:var(--accent)}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.tile{position:relative;text-align:left;border:2px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:16px 16px 14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;min-height:132px;overflow:hidden}.tile:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--tc,var(--accent))}.tile:hover:not([disabled]){border-color:var(--tc,var(--accent));transform:translateY(-1px)}.tile[disabled]{cursor:default;opacity:.6}.tile .t-title{font-family:var(--f-display);font-weight:800;font-size:20px;line-height:1.1}.tile .t-meta{font-size:13px;color:var(--muted);font-weight:700}.tile .t-foot{margin-top:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.testbar{position:sticky;top:0;z-index:5;background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:10px 14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;box-shadow:var(--shadow)}.testbar .tname{font-family:var(--f-display);font-weight:800;font-size:17px}.timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:18px;padding:4px 12px;border-radius:999px;background:var(--surface-2)}.timer.low{background:var(--bad-bg);color:var(--bad)}.progress{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden;flex:1 1 140px;min-width:100px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--sun),var(--mint),var(--sky));border-radius:99px}.qcard{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:18px}.qhead{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.qnum{font-family:var(--f-display);font-weight:800;font-size:15px;color:var(--muted)}.stem{font-size:19px;line-height:1.6;max-width:68ch}.choices{display:flex;flex-direction:column;gap:10px}.choice{display:flex;gap:14px;align-items:flex-start;text-align:left;border:2px solid var(--line);background:var(--surface);border-radius:14px;padding:12px 14px;cursor:pointer;font-size:17px;line-height:1.45}.choice:hover{border-color:var(--accent)}.choice .letter{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--surface-2);font-family:var(--f-display)}.choice[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.choice[aria-checked=true] .letter{background:var(--accent);color:var(--accent-ink)}.choice .ctext{min-width:0;padding-top:3px}.qnav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.mark[aria-pressed=true]{background:var(--warn-bg);color:var(--warn);border-color:var(--sun)}.navgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px}.navgrid button{border:2px solid var(--line);background:var(--surface);border-radius:10px;padding:6px 0;font-weight:800;font-size:14px;cursor:pointer;font-variant-numeric:tabular-nums;position:relative}.navgrid button.ans{background:var(--surface-2);border-color:var(--surface-2)}.navgrid button.cur{border-color:var(--accent);color:var(--accent)}.navgrid button.mk:after{content:"";position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:var(--sun)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted);font-weight:700}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:14px;height:14px;border-radius:4px;border:2px solid var(--line);display:inline-block}.confirm{border:2px dashed var(--accent);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--surface)}.score-hero{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.ring{--p:0;width:150px;height:150px;border-radius:50%;flex:none;background:conic-gradient(var(--accent) calc(var(--p)*1%),var(--surface-2) 0);display:grid;place-items:center}.ring>div{width:118px;height:118px;border-radius:50%;background:var(--surface);display:grid;place-items:center;text-align:center}.ring b{font-family:var(--f-display);font-size:38px;line-height:1}.bars{display:flex;flex-direction:column;gap:12px}.bar{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:4px 12px;align-items:center}.bar .bl{font-weight:700;font-size:14px;min-width:0}.bar .bv{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.bar .track{grid-column:1/-1;height:12px;border-radius:99px;background:var(--surface-2);position:relative;overflow:visible}.bar .track i{display:block;height:100%;border-radius:99px;background:var(--bc,var(--accent))}.bar .track .team{position:absolute;top:-4px;width:3px;height:20px;border-radius:2px;background:var(--ink);transform:translate(-1px)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:2px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;font-weight:800;font-size:14px;cursor:pointer}.tab[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.review{display:flex;flex-direction:column;gap:14px}.ritem{border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px;display:flex;flex-direction:column;gap:12px}.ritem .stem{font-size:17px}.ropt{border-radius:12px;padding:10px 12px;border:2px solid var(--line);display:flex;flex-direction:column;gap:4px}.ropt .rl{font-weight:700;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.ropt .rx{font-size:14.5px;color:var(--muted)}.ropt.correct{border-color:var(--good);background:var(--good-bg)}.ropt.correct .rx{color:var(--ink)}.ropt.wrong{border-color:var(--bad);background:var(--bad-bg)}.ropt.wrong .rx{color:var(--ink)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all;max-height:120px;overflow:auto;background:var(--surface-2);padding:10px;border-radius:10px;-webkit-user-select:all;user-select:all}.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpi{background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:14px 16px}.kpi b{display:block;font-family:var(--f-display);font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}.tablewrap{overflow-x:auto;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:640px;font-variant-numeric:tabular-nums}th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:800;background:var(--surface-2)}tbody tr{cursor:pointer}tbody tr:hover td{background:var(--surface-2)}tbody tr[aria-selected=true] td{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}tr:last-child td{border-bottom:none}.delta{font-size:12px;font-weight:800;margin-left:6px}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.two{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.topiclist{display:flex;flex-direction:column;gap:8px}.topic{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:12px;background:var(--surface-2)}.topic span:first-child{min-width:0;font-weight:700}.sec-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.list{display:flex;flex-direction:column;gap:6px}.li{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}.li:last-child{border-bottom:none}.previewbar{background:var(--warn-bg);color:var(--warn);border-radius:14px;padding:10px 14px;font-weight:700;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.empty{padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}@media (max-width:560px){.stem{font-size:17px}.choice{font-size:16px}.qcard{padding:18px}.testbar .tname{display:none}}a{color:inherit}.brand{text-decoration:none;color:var(--ink)}.topnav{gap:6px}.navlink{text-decoration:none;font-weight:800;padding:6px 12px;border-radius:999px;border:2px solid transparent}.navlink:hover{border-color:var(--line)}a.tile{text-decoration:none;color:inherit}a.tile.is-disabled{opacity:.6;cursor:default;pointer-events:none}a.li{text-decoration:none;color:inherit}a.li:hover b{color:var(--accent)}a.eyebrow,a.btn{text-decoration:none}select.field{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}tbody tr td:first-child{position:sticky;left:0;background:var(--surface)}thead th:first-child{position:sticky;left:0;z-index:1}tbody tr[aria-selected=true] td:first-child{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}tbody tr:hover td:first-child{background:var(--surface-2)}body{background:radial-gradient(55vw 38vw at 0% 0%,color-mix(in srgb,var(--pink) 18%,transparent),transparent 70%),radial-gradient(50vw 36vw at 100% 8%,color-mix(in srgb,var(--sky) 18%,transparent),transparent 70%),radial-gradient(60vw 46vw at 40% 105%,color-mix(in srgb,var(--mint) 16%,transparent),transparent 70%),radial-gradient(40vw 30vw at 95% 85%,color-mix(in srgb,var(--sun) 16%,transparent),transparent 70%),var(--bg);background-attachment:fixed}.pawfield.pf2{background:var(--pink);opacity:.06;-webkit-mask-position:60px 60px;mask-position:60px 60px}.brand{font-size:20px}.brand .bw1{color:var(--pink)}.brand .bw2{color:var(--sky)}.brand .bw3{color:var(--mint)}.hero{position:relative;padding-bottom:18px}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;border-radius:9px;background:linear-gradient(90deg,var(--pink),var(--tangerine),var(--sun),var(--mint),var(--sky),var(--accent))}section.stack>h2{display:inline-flex;flex-direction:column;align-self:flex-start;gap:4px}section.stack>h2:after{content:"";height:5px;width:56px;border-radius:9px;background:linear-gradient(90deg,var(--pink),var(--sun))}.btn{background:linear-gradient(135deg,var(--accent),var(--pink));color:#fff;box-shadow:0 3px color-mix(in srgb,var(--accent) 55%,#000 45%)}.btn.ghost{background:var(--surface);color:var(--ink)}.tile{background:linear-gradient(160deg,color-mix(in srgb,var(--tc,var(--accent)) 16%,var(--surface)) 0%,var(--surface) 75%);border-color:color-mix(in srgb,var(--tc,var(--accent)) 35%,var(--line));padding-bottom:16px;min-height:150px}.tile:before{height:8px}.tile .t-foot{padding-right:58px}.peek{position:absolute;right:4px;bottom:-16px;transition:transform .2s ease}.peek .mascot{display:block}a.tile:hover .peek{transform:translateY(-8px) rotate(-4deg)}.parade{display:flex;align-items:flex-end;justify-content:center;flex-wrap:nowrap}.parade .pet{display:block;transform:rotate(var(--r,0deg));margin-left:-10px}.parade .pet:first-child{margin-left:0}@media (prefers-reduced-motion:no-preference){.parade .pet{animation:petbob 3s ease-in-out var(--d,0s) infinite}@keyframes petbob{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-6px) rotate(calc(var(--r,0deg) * -1))}}}.pet-footer{display:flex;justify-content:center;padding-block:28px 0;opacity:.95}@media (max-width:560px){.pet-footer .parade .pet:nth-child(n+5){display:none}.hero .parade .pet:nth-child(n+4){display:none}}.tb-pet{display:flex;flex:none}.kpi{position:relative;overflow:hidden;border-top-width:6px}.kpis .kpi:nth-child(1){border-top-color:var(--pink);background:color-mix(in srgb,var(--pink) 9%,var(--surface))}.kpis .kpi:nth-child(2){border-top-color:var(--sky);background:color-mix(in srgb,var(--sky) 9%,var(--surface))}.kpis .kpi:nth-child(3){border-top-color:var(--mint);background:color-mix(in srgb,var(--mint) 9%,var(--surface))}.kpis .kpi:nth-child(4){border-top-color:var(--sun);background:color-mix(in srgb,var(--sun) 11%,var(--surface))}.card{border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}th{background:color-mix(in srgb,var(--sky) 12%,var(--surface))}.ring{background:conic-gradient(var(--pink) 0,var(--sun) calc(var(--p)*.35%),var(--mint) calc(var(--p)*.7%),var(--sky) calc(var(--p)*1%),var(--surface-2) 0)}.result-card{position:relative;overflow:hidden}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti i{position:absolute;left:var(--x);top:-14px;width:12px;height:12px;border-radius:50%;background:var(--c);opacity:0}@media (prefers-reduced-motion:no-preference){.confetti i{animation:drop 2.4s ease-in var(--d) 2 both}@keyframes drop{0%{transform:translateY(0) scale(.6);opacity:0}10%{opacity:1}to{transform:translateY(240px) scale(1);opacity:0}}}.kpis .kpi:nth-child(5){border-top-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}