@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(./be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2)format("woff2"),url(./be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(./be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(./be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(./be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(./be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2)format("woff2"),url(./be-vietnam-pro-latin-ext-600-normal-BeUwKxhG.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(./be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(./be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(./be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(./be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(./be-vietnam-pro-latin-ext-700-normal-C8_gqRu2.woff2)format("woff2"),url(./be-vietnam-pro-latin-ext-700-normal-4Hjo2OtD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(./be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2"),url(./be-vietnam-pro-latin-700-normal-C2EtzaOi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(./be-vietnam-pro-vietnamese-800-normal-D4LFh2W4.woff2)format("woff2"),url(./be-vietnam-pro-vietnamese-800-normal-CA0HL1e4.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(./be-vietnam-pro-latin-ext-800-normal-GEpNgheG.woff2)format("woff2"),url(./be-vietnam-pro-latin-ext-800-normal-BvOXQlBN.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(./be-vietnam-pro-latin-800-normal-BpHZASpI.woff2)format("woff2"),url(./be-vietnam-pro-latin-800-normal-Cwp5p0gU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:900;src:url(./be-vietnam-pro-vietnamese-900-normal-DUJ3fpCl.woff2)format("woff2"),url(./be-vietnam-pro-vietnamese-900-normal-CJ0FqwHU.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:900;src:url(./be-vietnam-pro-latin-ext-900-normal-ZqdYLy0O.woff2)format("woff2"),url(./be-vietnam-pro-latin-ext-900-normal-M0J0FdCQ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:900;src:url(./be-vietnam-pro-latin-900-normal-B6esVQUu.woff2)format("woff2"),url(./be-vietnam-pro-latin-900-normal-D2lp0V9C.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f6f1e6;--bg-a:#d9c8ff;--bg-b:#ffe0b8;--bg-c:#c4ecdf;--surface:#ffffffad;--surface-solid:#fffdf8;--surface-2:#281e500f;--text:#1b1830;--muted:#6a6682;--ink:#281e5024;--border:#281e501f;--primary:#86590a;--primary-text:#fff;--gold:#c9a05a;--gold-text:#1d1608;--grad-primary:linear-gradient(135deg, #f3dfae 0%, #d9b46c 52%, #bd8f42 100%);--grad-accent:linear-gradient(90deg, #7a4f08 0%, #a87518 50%, #7a4f08 100%);--success:#0f9d6b;--danger:#d6385f;--warning:#c9892a;--radius:24px;--radius-sm:calc(var(--radius) * .68);--bw:1px;--shadow-c:#34246e4d;--shadow:0 1px 0 #ffffffe6 inset, 0 18px 38px -18px var(--shadow-c);--shadow-sm:0 1px 0 #ffffffe6 inset, 0 8px 18px -10px var(--shadow-c);--shadow-xs:0 3px 8px -4px var(--shadow-c);--shadow-hover:0 12px 24px -10px var(--shadow-c);--shadow-lift:0 22px 44px -16px var(--shadow-c);--shadow-press:0 1px 2px -1px var(--shadow-c);--edge:linear-gradient(145deg, #be8c37a6, #be8c3714 38%, #7864e647);--glow:#c9a05a8c;--ring-a:#e6c885;--ring-b:#b8893a;--logo-a:#f3dfae;--logo-b:#b8893a;--code-bg:#1a1730;--code-text:#f1ece0;--blur:saturate(170%) blur(18px);--nav-h:76px;--ease:cubic-bezier(.22, 1, .36, 1);--font:"Be Vietnam Pro", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--font-display:"Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Code", SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-mode=dark]{--bg:#090b14;--bg-a:#3a3fa0;--bg-b:#7a2a52;--bg-c:#1b6a70;--surface:#ffffff0e;--surface-solid:#141829;--surface-2:#ffffff12;--text:#f1ece0;--muted:#9b9fb8;--ink:#ffffff21;--border:#ffffff1a;--primary:#e0c185;--primary-text:#12100a;--success:#3ddc97;--danger:#ff6b8e;--warning:#f2c14e;--shadow-c:#000000a6;--shadow:0 1px 0 #ffffff12 inset, 0 20px 40px -16px var(--shadow-c);--shadow-sm:0 1px 0 #ffffff12 inset, 0 10px 20px -10px var(--shadow-c);--edge:linear-gradient(145deg, #ecd09699, #ecd0960d 40%, #96a0ff47);--glow:#e0be7866;--grad-accent:linear-gradient(90deg, #d9b46c 0%, #f3dfae 50%, #c9a05a 100%);--ring-a:#f3dfae;--ring-b:#c9a05a;--code-bg:#0000006b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;max-width:100vw;overflow-x:clip}body{min-height:100dvh;font-family:var(--font);color:var(--text);background:var(--bg);max-width:100vw;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}body:before{content:"";z-index:-1;background-image:radial-gradient(70vmax 70vmax at 6% -12%, color-mix(in srgb, var(--bg-a) 50%, transparent), transparent 62%), radial-gradient(60vmax 60vmax at 108% 8%, color-mix(in srgb, var(--bg-b) 46%, transparent), transparent 62%), radial-gradient(70vmax 70vmax at 36% 118%, color-mix(in srgb, var(--bg-c) 46%, transparent), transparent 62%);position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5em;font-weight:700;line-height:1.2}h1{font-size:clamp(1.7rem,7vw,2.3rem);font-weight:800}h2{margin-top:1.4em;font-size:1.28rem}h3{font-size:1.08rem}p{margin:0 0 .75em}a{color:var(--primary);text-underline-offset:3px;font-weight:600}img,svg{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{appearance:none;touch-action:manipulation}::selection{background:var(--gold);color:var(--gold-text)}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:10px}.container{width:100%;max-width:720px;margin:0 auto;padding:14px 16px}.muted{color:var(--muted)}.rich,.q-opt,summary,.card h3,.card p{overflow-wrap:anywhere}.stack{gap:10px;display:grid}.card{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;position:relative}.card:before{content:"";border-radius:inherit;background:var(--edge,none);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.card+.card{margin-top:14px}a.card{transition:transform .35s var(--ease), box-shadow .35s var(--ease);display:block}a.card:active{transform:scale(.985)}@media (hover:hover){a.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}}.btn{border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);background:var(--surface-solid);min-height:48px;color:var(--text);cursor:pointer;letter-spacing:.005em;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease), box-shadow .25s var(--ease), filter .2s, background .2s;justify-content:center;align-items:center;gap:8px;padding:8px 20px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.btn.sm{min-height:40px;padding:4px 14px;font-size:.88rem}.btn.big{border-radius:calc(var(--radius-sm) + 4px);min-height:56px;font-size:1.02rem}.btn.grow{flex:1}.btn:active:not(:disabled){box-shadow:var(--shadow-press);transform:scale(.97)}@media (hover:hover){.btn:hover:not(:disabled){box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn:active:not(:disabled){transform:scale(.97)}}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn.primary{background:var(--grad-primary);color:var(--gold-text);box-shadow:var(--shadow-sm), 0 10px 24px -10px var(--glow), 0 1px 0 #ffffff8c inset;border-color:#0000}.btn.primary:disabled{filter:saturate(.5)}.btn.ghost{box-shadow:none;background:0 0;border-color:#0000}.btn.danger{background:var(--danger);color:#fff;border-color:#0000}.btn.cta{width:100%;margin:16px 0 4px;display:flex;overflow:hidden}.btn.cta:after{content:"";animation:shine 4.8s var(--ease) 1.2s infinite;background:linear-gradient(100deg,#0000 30%,#ffffff73 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.iconbtn{border:var(--bw) solid var(--ink);cursor:pointer;background:var(--surface-solid);width:48px;height:48px;color:var(--text);box-shadow:var(--shadow-xs);transition:transform .25s var(--ease), background .2s, color .2s;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.iconbtn:active:not(:disabled){transform:scale(.9)}.iconbtn:disabled{opacity:.4}.iconbtn.on{background:var(--grad-primary);color:var(--gold-text);border-color:#0000}.chip{background:var(--surface-2);border:var(--bw) solid var(--ink);letter-spacing:.02em;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:.76rem;font-weight:600;display:inline-flex}.badge{background:var(--grad-primary);color:var(--gold-text);white-space:nowrap;border-radius:999px;padding:2px 12px;font-size:.76rem;font-weight:700}.grid{grid-template-columns:1fr;gap:14px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.progress{background:var(--surface-2);border:var(--bw) solid var(--ink);border-radius:999px;height:10px;overflow:hidden}.progress.thin{flex:1;height:8px}.progress>span,.progress>div{border-radius:inherit;background:var(--grad-accent);height:100%;transition:width .6s var(--ease);background-size:200% 100%;animation:3.2s linear infinite sheen;display:block}.kbd{text-align:center;min-width:1.7em;font-family:var(--mono);border:var(--bw) solid var(--ink);background:var(--surface-2);border-radius:6px;padding:0 6px;font-size:.78rem;font-weight:600;display:inline-block}.toast{left:50%;bottom:calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));z-index:400;background:var(--surface-solid);border:var(--bw) solid var(--ink);max-width:calc(100vw - 32px);box-shadow:var(--shadow);animation:toastIn .5s var(--ease) backwards;border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 18px;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}pre,code{font-family:var(--mono);font-size:.88em}code{background:var(--surface-2);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px}pre{background:var(--code-bg);color:var(--code-text);border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);-webkit-overflow-scrolling:touch;margin:0 0 .85em;padding:14px;overflow-x:auto}pre code{color:inherit;background:0 0;padding:0}.app-header{z-index:20;padding-top:env(safe-area-inset-top);position:sticky;top:0}.app-header:before{content:"";z-index:-1;background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-bottom:var(--bw) solid var(--border);position:absolute;inset:0}.app-header-inner{align-items:center;gap:12px;max-width:720px;margin:0 auto;padding:10px 16px;display:flex}.app-brand{min-height:44px;font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);align-items:center;gap:8px;margin-right:auto;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.app-brand,.app-header .btn,.dock a,.dock-btn{white-space:nowrap}.app-brand span{background:var(--grad-accent);color:#0000;-webkit-background-clip:text;background-clip:text}.logo-mark{filter:drop-shadow(0 4px 8px var(--glow))}.dock{z-index:30;max-width:460px;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface-solid) 78%, transparent);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);animation:dockIn .7s var(--ease) .15s backwards;border-radius:30px;gap:2px;margin:0 auto;padding:6px;display:flex;position:fixed}.dock a,.dock-btn{cursor:pointer;min-width:0;min-height:58px;color:var(--muted);transition:color .25s, background .25s, transform .25s var(--ease);background:0 0;border:0;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.68rem;font-weight:600;text-decoration:none;display:flex;position:relative}.dock a:active,.dock-btn:active{transform:scale(.92)}.dock a svg,.dock-btn svg{transition:transform .4s var(--ease)}.dock a.active{color:var(--gold-text);background:var(--grad-primary);box-shadow:0 8px 18px -8px var(--glow)}.dock a.active svg{transform:translateY(-1px)scale(1.08)}.app-main{padding-bottom:calc(var(--nav-h) + 40px + env(safe-area-inset-bottom))}.play-main{padding-bottom:calc(110px + env(safe-area-inset-bottom));padding-top:calc(10px + env(safe-area-inset-top))}.offline-banner{background:var(--grad-primary);color:var(--gold-text);text-align:center;padding:5px 8px;font-size:.85rem;font-weight:700}@media (width>=900px){.container{max-width:780px}.container.wide{max-width:1040px}.app-header-inner{gap:16px;max-width:1040px;padding:12px 16px}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.play{max-width:780px;margin:0 auto}.dock{width:auto;max-width:none;box-shadow:none;background:var(--surface-2);border-radius:999px;margin:0;padding:4px;animation:none;position:static;left:auto;right:auto}.dock a,.dock-btn{border-radius:999px;flex-direction:row;flex:none;gap:8px;min-height:40px;padding:0 14px;font-size:.88rem}.app-main{padding-bottom:48px}.toast{bottom:28px}}.page{animation:pageIn .55s var(--ease) backwards}.stat-grid>*,.grid>*,.stack>*{animation:rise .6s var(--ease) backwards}.stat-grid>:nth-child(2),.grid>:nth-child(2),.stack>:nth-child(2){animation-delay:70ms}.stat-grid>:nth-child(3),.grid>:nth-child(3),.stack>:nth-child(3){animation-delay:.14s}.stat-grid>:nth-child(4),.grid>:nth-child(4),.stack>:nth-child(4){animation-delay:.21s}.page>.card,.page>details{animation:rise .6s var(--ease) backwards}.page>.card:nth-of-type(2){animation-delay:80ms}.page>.card:nth-of-type(3){animation-delay:.16s}.rich ul{margin:0 0 .75em;padding-left:1.3em}.mermaid-box{background:var(--surface-solid);border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);margin-bottom:.85em;padding:10px;overflow-x:auto}.mermaid-box svg{height:auto}.sheet-back{z-index:300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06061080;justify-content:center;align-items:flex-end;animation:.25s backwards fade;display:flex;position:fixed;inset:0}.sheet-back.out{opacity:0;transition:opacity .18s}.sheet{background:var(--surface-solid);border:var(--bw) solid var(--ink);width:100%;max-width:560px;max-height:88dvh;box-shadow:0 -20px 50px -20px var(--shadow-c);padding:6px 18px calc(18px + env(safe-area-inset-bottom));animation:sheetIn .5s var(--ease) backwards;transition:transform .2s var(--ease);border-bottom:0;border-radius:30px 30px 0 0;overflow-y:auto}.sheet.out{transition:transform .18s ease-in;transform:translateY(100%)}.sheet-handle{cursor:grab;touch-action:none;place-items:center;height:26px;display:grid}.sheet-handle span{background:var(--ink);border-radius:999px;width:42px;height:5px}.sheet-title{margin:4px 0 10px}.sheet-actions{gap:10px;margin-top:16px;display:grid}@media (width>=768px){.sheet-back{align-items:center}.sheet{border-bottom:var(--bw) solid var(--ink);border-radius:30px}}.seg{border:var(--bw) solid var(--ink);background:var(--surface-2);border-radius:999px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.seg button{cursor:pointer;min-height:44px;color:var(--muted);transition:background .3s var(--ease), color .3s;background:0 0;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:.86rem;font-weight:700;display:inline-flex}.seg button.on{background:var(--grad-primary);color:var(--gold-text);box-shadow:0 6px 14px -8px var(--glow)}.style-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.style-list.compact{grid-template-columns:repeat(2,1fr);gap:10px}.style-card{text-align:left;cursor:pointer;background:var(--surface-2);border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);transition:transform .25s var(--ease), box-shadow .25s;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;display:flex}.style-card:active{transform:scale(.97)}.style-card.on{outline:2px solid var(--primary);outline-offset:2px}.style-name{font-weight:700}.style-desc{font-size:.8rem;line-height:1.35}.swatch{border:2px solid;border-radius:10px;align-items:flex-end;gap:6px;width:100%;height:44px;padding:6px;display:flex}.swatch i{border-radius:5px;flex:1;height:100%;display:block}.swatch i:nth-child(2){flex:.35}@keyframes pageIn{0%{opacity:0;transform:translateY(18px)}}@keyframes rise{0%{opacity:0;transform:translateY(22px)scale(.98)}}@keyframes fade{0%{opacity:0}}@keyframes sheetIn{0%{transform:translateY(100%)}}@keyframes dockIn{0%{opacity:0;transform:translateY(40px)scale(.96)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)}}@keyframes sheen{to{background-position:-200% 0}}@keyframes shine{0%,62%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes flicker{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.1,1.14)rotate(-3deg)}60%{transform:scale(.96,1.05)rotate(2deg)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pop{0%{transform:scale(.96)}45%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes slideIn{0%{opacity:0;transform:translate(26px)}}@keyframes confetti{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{transform:translate(var(--dx), 105vh) rotate(calc(var(--r) * 3));opacity:0}}@keyframes checkDraw{0%{stroke-dashoffset:30px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root[data-style=pop]{--bg:#fff4d6;--bg-a:#fff4d6;--bg-b:#fff4d6;--bg-c:#fff4d6;--surface:#fff;--surface-solid:#fff;--surface-2:#00000012;--text:#000;--muted:#3d3d3d;--ink:#000;--border:#0000004d;--primary:#c21b63;--primary-text:#fff;--gold:#fd3;--gold-text:#000;--grad-primary:linear-gradient(#fd3, #fd3);--grad-accent:linear-gradient(#ff4d8d, #ff4d8d);--success:#00b36b;--danger:#ff3b3b;--warning:#fd3;--radius:6px;--bw:3px;--shadow-c:#000;--shadow:6px 6px 0 var(--shadow-c);--shadow-sm:4px 4px 0 var(--shadow-c);--shadow-xs:2px 2px 0 var(--shadow-c);--shadow-hover:6px 6px 0 var(--shadow-c);--shadow-lift:9px 9px 0 var(--shadow-c);--blur:none;--code-bg:#111;--code-text:#fff4d6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-style=pop][data-mode=dark]{--bg:#141414;--bg-a:#141414;--bg-b:#141414;--bg-c:#141414;--surface:#1f1f1f;--surface-solid:#1f1f1f;--surface-2:#ffffff14;--text:#fff;--muted:#c8c8c8;--ink:#fff;--border:#ffffff4d;--primary:#ff6fa5;--primary-text:#000;--gold:#fd3;--gold-text:#000;--success:#3be6a0;--danger:#ff6b6b;--shadow-c:#fd3;--code-bg:#000;--code-text:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-style=pop] body{background-image:radial-gradient(color-mix(in srgb, var(--ink) 22%, transparent) 1.4px, transparent 1.5px);background-size:20px 20px}:root[data-style=pop] .app-brand{color:var(--text);-webkit-text-fill-color:currentColor;text-transform:uppercase;letter-spacing:.02em;background:0 0}:root[data-style=pop] .hero h1{-webkit-text-fill-color:currentColor;color:var(--text);text-shadow:3px 3px 0 var(--gold);background:0 0}:root[data-style=pop][data-mode=dark] .hero h1{color:var(--gold);text-shadow:none}:root[data-style=pop] .hero:after{display:none}:root[data-style=pop] .btn,:root[data-style=pop] h1,:root[data-style=pop] h2{text-transform:uppercase;letter-spacing:.02em}:root[data-style=pop] .progress>span,:root[data-style=pop] .progress>div{background:var(--primary)}:root[data-style=aurora]{--bg:#e6ecff;--bg-a:#8b7cff;--bg-b:#5ce1e6;--bg-c:#ff9ad5;--surface:#ffffff6b;--surface-solid:#ffffffd9;--surface-2:#ffffff73;--text:#141a3d;--muted:#4c5486;--ink:#ffffffd9;--border:#fff9;--primary:#5342d8;--primary-text:#fff;--gold:#8b7cff;--gold-text:#fff;--grad-primary:linear-gradient(135deg, #0369a1 0%, #5b4ae0 55%, #9333ea 100%);--grad-accent:linear-gradient(135deg, #0369a1 0%, #5b4ae0 50%, #a21caf 100%);--success:#12b886;--danger:#f0446e;--warning:#f5a524;--radius:26px;--bw:1.5px;--shadow-c:#3c32a047;--shadow:0 14px 40px var(--shadow-c);--shadow-sm:0 8px 22px var(--shadow-c);--shadow-xs:0 3px 10px var(--shadow-c);--shadow-hover:0 12px 30px var(--shadow-c);--shadow-lift:0 22px 50px var(--shadow-c);--shadow-press:0 2px 6px var(--shadow-c);--blur:saturate(190%) blur(26px);--code-bg:#141a3de0;--code-text:#eef1ff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-style=aurora][data-mode=dark]{--bg:#070b22;--bg-a:#5b3df5;--bg-b:#0891b2;--bg-c:#be185d;--surface:#ffffff14;--surface-solid:#181e46e0;--surface-2:#ffffff17;--text:#eef1ff;--muted:#a9b1e0;--ink:#ffffff47;--border:#ffffff2e;--primary:#9a8cff;--primary-text:#070b22;--success:#34d8a0;--danger:#ff6b91;--grad-primary:linear-gradient(135deg, #0369a1 0%, #5b4ae0 55%, #9333ea 100%);--grad-accent:linear-gradient(135deg, #38bdf8 0%, #8b7cff 50%, #f472b6 100%);--shadow-c:#0000008c;--code-bg:#00000073;--code-text:#eef1ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-style=aurora] .btn,:root[data-style=aurora] .q-opt{border-radius:16px}:root[data-style=aurora] .btn.primary,:root[data-style=aurora] .q-opt .key,:root[data-style=aurora] .q-nav button.cur,:root[data-style=aurora] .badge,:root[data-style=aurora] .app-nav a.active{color:#fff}:root[data-style=aurora] .btn:hover:not(:disabled),:root[data-style=aurora] .q-opt:hover:not(:disabled),:root[data-style=aurora] a.card:hover{transform:translateY(-2px)}:root[data-style=aurora] .btn:active:not(:disabled),:root[data-style=aurora] .q-opt:active:not(:disabled),:root[data-style=aurora] a.card:active,:root[data-style=aurora] .q-opt.selected{transform:translateY(1px)}:root[data-style=terminal]{--bg:#eef3e4;--bg-a:#eef3e4;--bg-b:#eef3e4;--bg-c:#eef3e4;--surface:#f6f9ee;--surface-solid:#f6f9ee;--surface-2:#10230f12;--text:#10230f;--muted:#3f5a3c;--ink:#10230f;--border:#10230f4d;--primary:#0b7a2b;--primary-text:#fff;--gold:#0b7a2b;--gold-text:#fff;--grad-primary:linear-gradient(#0b7a2b, #0b7a2b);--grad-accent:linear-gradient(#0b7a2b, #0b7a2b);--success:#0b7a2b;--danger:#b3261e;--warning:#9a6700;--radius:0px;--bw:1.5px;--shadow-c:#10230f59;--shadow:4px 4px 0 var(--shadow-c);--shadow-sm:3px 3px 0 var(--shadow-c);--shadow-xs:2px 2px 0 var(--shadow-c);--shadow-hover:4px 4px 0 var(--shadow-c);--shadow-lift:6px 6px 0 var(--shadow-c);--blur:none;--code-bg:#0b1a0c;--code-text:#7dff9a;--font:ui-monospace, "Cascadia Code", "JetBrains Mono", SFMono-Regular, Menlo, Consolas, monospace;--font-display:var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-style=terminal][data-mode=dark]{--bg:#050a06;--bg-a:#050a06;--bg-b:#050a06;--bg-c:#050a06;--surface:#09120a;--surface-solid:#09120a;--surface-2:#33ff6614;--text:#b6ffc6;--muted:#6fbf84;--ink:#3f6;--border:#33ff6659;--primary:#3f6;--primary-text:#031a08;--gold:#3f6;--gold-text:#031a08;--grad-primary:linear-gradient(#3f6, #3f6);--grad-accent:linear-gradient(#3f6, #3f6);--success:#3f6;--danger:#ff5c5c;--warning:#ffd23f;--shadow-c:#33ff6659;--shadow:0 0 18px var(--shadow-c);--shadow-sm:0 0 12px var(--shadow-c);--shadow-xs:0 0 6px var(--shadow-c);--shadow-hover:0 0 20px var(--shadow-c);--shadow-lift:0 0 26px var(--shadow-c);--shadow-press:0 0 4px var(--shadow-c);--code-bg:#000;--code-text:#7dff9a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-style=terminal] body{font-size:15px}:root[data-style=terminal] body:after{content:"";pointer-events:none;z-index:999;background:repeating-linear-gradient(#0000 0 2px,#00000017 3px);position:fixed;inset:0}:root[data-style=terminal] h1,:root[data-style=terminal] h2,:root[data-style=terminal] h3{letter-spacing:0}:root[data-style=terminal] h1:before{content:"> ";color:var(--primary)}:root[data-style=terminal] .app-brand{-webkit-text-fill-color:currentColor;color:var(--primary);background:0 0}:root[data-style=terminal] .app-brand:before{content:"$ "}:root[data-style=terminal] .hero h1{-webkit-text-fill-color:currentColor;color:var(--primary);background:0 0}:root[data-style=terminal] .btn:hover:not(:disabled),:root[data-style=terminal] a.card:hover{transform:none}:root[data-style=terminal] .chip,:root[data-style=terminal] .badge,:root[data-style=terminal] .progress,:root[data-style=terminal] .q-timer,:root[data-style=terminal] .btn,:root[data-style=terminal] .q-opt,:root[data-style=terminal] .q-nav button{border-radius:0}:root[data-style=paper]{--bg:#fafaf7;--bg-a:#fafaf7;--bg-b:#fafaf7;--bg-c:#fafaf7;--surface:#fff;--surface-solid:#fff;--surface-2:#1a1a1a0d;--text:#1a1a1a;--muted:#6b6b66;--ink:#1a1a1a29;--border:#1a1a1a1f;--primary:#c2410c;--primary-text:#fff;--gold:#c2410c;--gold-text:#fff;--grad-primary:linear-gradient(#1a1a1a, #1a1a1a);--grad-accent:linear-gradient(#c2410c, #c2410c);--success:#15803d;--danger:#b91c1c;--warning:#b45309;--radius:12px;--bw:1px;--shadow-c:#1a1a1a1a;--shadow:0 1px 2px #0000000f, 0 10px 28px #0000000f;--shadow-sm:0 1px 2px #00000012;--shadow-xs:0 1px 1px #0000000f;--shadow-hover:0 4px 14px #0000001a;--shadow-lift:0 14px 34px #0000001f;--shadow-press:0 0 0 #0000;--blur:none;--code-bg:#f1f0ea;--code-text:#1a1a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-style=paper][data-mode=dark]{--bg:#121212;--bg-a:#121212;--bg-b:#121212;--bg-c:#121212;--surface:#1b1b1b;--surface-solid:#1b1b1b;--surface-2:#ffffff0f;--text:#ecebe6;--muted:#9a9a94;--ink:#fff3;--border:#ffffff24;--primary:#fb923c;--primary-text:#121212;--gold:#fb923c;--gold-text:#121212;--grad-primary:linear-gradient(#ecebe6, #ecebe6);--grad-accent:linear-gradient(#fb923c, #fb923c);--success:#4ade80;--danger:#f87171;--shadow-c:#00000080;--code-bg:#0c0c0c;--code-text:#ecebe6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-style=paper] .btn.primary,:root[data-style=paper] .q-opt .key,:root[data-style=paper] .q-nav button.cur,:root[data-style=paper] .badge,:root[data-style=paper] .app-nav a.active{color:var(--bg)}:root[data-style=paper] .app-brand{-webkit-text-fill-color:currentColor;color:var(--text);letter-spacing:-.03em;background:0 0}:root[data-style=paper] .hero h1{-webkit-text-fill-color:currentColor;color:var(--text);background:0 0}:root[data-style=paper] .q-opt:hover:not(:disabled),:root[data-style=paper] .btn:hover:not(:disabled),:root[data-style=paper] a.card:hover{transform:translateY(-1px)}:root[data-style=paper] .q-opt:active:not(:disabled),:root[data-style=paper] .btn:active:not(:disabled),:root[data-style=paper] a.card:active,:root[data-style=paper] .q-opt.selected{transform:none}:root[data-style=paper] .q-opt.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}:root[data-style=paper] .progress>span,:root[data-style=paper] .progress>div{background:var(--primary)}:root[data-style=sunset]{--bg:#ffe9dc;--bg-a:#ff9a6b;--bg-b:#ff6fa5;--bg-c:#b794ff;--surface:#ffffff8c;--surface-solid:#fff6ef;--surface-2:#3b0f4a12;--text:#3b0f4a;--muted:#7a4a86;--ink:#3b0f4a;--border:#3b0f4a38;--primary:#c42557;--primary-text:#fff;--gold:#ff8a3d;--gold-text:#fff;--grad-primary:linear-gradient(135deg, #c2410c 0%, #c2255c 55%, #9c36b5 100%);--grad-accent:linear-gradient(135deg, #c2410c 0%, #c2255c 50%, #7048e8 100%);--success:#0e9f6e;--danger:#d6204f;--warning:#ff8a3d;--radius:22px;--bw:2px;--shadow-c:#3b0f4a;--shadow:0 6px 0 var(--shadow-c);--shadow-sm:0 4px 0 var(--shadow-c);--shadow-xs:0 2px 0 var(--shadow-c);--shadow-hover:0 6px 0 var(--shadow-c);--shadow-lift:0 9px 0 var(--shadow-c);--shadow-press:0 0 0 var(--shadow-c);--blur:saturate(170%) blur(14px);--code-bg:#2a0b36;--code-text:#ffe9dc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-style=sunset][data-mode=dark]{--bg:#1b0b2e;--bg-a:#ff5e3a;--bg-b:#c2185b;--bg-c:#5b3df5;--surface:#30124a8c;--surface-solid:#2a1245;--surface-2:#ffffff14;--text:#ffeadb;--muted:#d2a9c9;--ink:#ffb199;--border:#ffb19940;--primary:#ff7a9c;--primary-text:#1b0b2e;--gold:#ff9a55;--gold-text:#230a31;--grad-primary:linear-gradient(135deg, #c2410c 0%, #c2255c 55%, #9c36b5 100%);--grad-accent:linear-gradient(135deg, #ff8a3d 0%, #ff4f81 50%, #b197fc 100%);--success:#43e0a0;--danger:#ff6b8e;--shadow-c:#ff5e7e;--code-bg:#12061f;--code-text:#ffeadb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-style=sunset] .btn,:root[data-style=sunset] .q-opt{border-radius:18px}:root[data-style=sunset] .btn.primary,:root[data-style=sunset] .q-opt .key,:root[data-style=sunset] .q-nav button.cur,:root[data-style=sunset] .badge,:root[data-style=sunset] .app-nav a.active{color:#fff}:root[data-style=sunset] .btn:hover:not(:disabled),:root[data-style=sunset] .q-opt:hover:not(:disabled),:root[data-style=sunset] a.card:hover{transform:translateY(-2px)}:root[data-style=sunset] .btn:active:not(:disabled),:root[data-style=sunset] .q-opt:active:not(:disabled),:root[data-style=sunset] a.card:active,:root[data-style=sunset] .q-opt.selected{transform:translateY(4px)}:root[data-style=terminal] pre,:root[data-style=terminal] code,:root[data-style=terminal] .mermaid-box,:root[data-style=terminal] details.acc,:root[data-style=terminal] .q-explain{border-radius:0}:root[data-style=pop],:root[data-style=aurora],:root[data-style=terminal],:root[data-style=paper],:root[data-style=sunset]{--edge:none;--glow:transparent}:root[data-style=pop]{--ring-a:#ff4d8d;--ring-b:#fd3;--logo-a:#fd3;--logo-b:#ff4d8d}:root[data-style=aurora]{--ring-a:#38bdf8;--ring-b:#c084fc;--logo-a:#38bdf8;--logo-b:#c084fc;--glow:#6d5cff73}:root[data-style=terminal]{--ring-a:#3f6;--ring-b:#0b7a2b;--logo-a:#3f6;--logo-b:#0b7a2b}:root[data-style=paper]{--ring-a:#c2410c;--ring-b:#fb923c;--logo-a:#fb923c;--logo-b:#c2410c}:root[data-style=sunset]{--ring-a:#ffb347;--ring-b:#ff5e7e;--logo-a:#ffb347;--logo-b:#c13584;--glow:#ff5e7e73}:root[data-style=pop] .app-brand span,:root[data-style=terminal] .app-brand span,:root[data-style=paper] .app-brand span{-webkit-text-fill-color:currentColor;color:inherit;background:0 0}.play{display:block}.playtop{align-items:center;gap:12px;margin-bottom:6px;animation:.5s backwards fade;display:flex}.playtop .iconbtn{width:44px;height:44px}.q-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem;font-weight:700}.play-title{letter-spacing:.02em;margin:2px 4px 12px;font-size:.82rem}.q-card{padding:20px 18px}.q-slide{animation:slideIn .5s var(--ease) backwards}.actionbar{z-index:30;max-width:560px;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface-solid) 82%, transparent);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);animation:dockIn .6s var(--ease) backwards;border-radius:32px;align-items:center;gap:8px;margin:0 auto;padding:8px;display:flex;position:fixed}.actionbar .btn.big{border-radius:24px;min-height:52px}.q-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.q-opts{gap:10px;margin:18px 0 6px;display:grid}.q-opt{text-align:left;cursor:pointer;background:var(--surface-solid);border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);width:100%;min-height:60px;box-shadow:var(--shadow-xs);transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .25s, border-color .25s;animation:rise .55s var(--ease) backwards;animation-delay:calc(var(--i,0) * 55ms + .12s);align-items:center;gap:14px;padding:12px 16px;font-weight:500;line-height:1.45;display:flex;position:relative}.q-opt:active:not(:disabled){transform:scale(.975)}@media (hover:hover){.q-opt:hover:not(:disabled){box-shadow:var(--shadow-hover);border-color:var(--gold);transform:translateY(-2px)}}.q-opt:disabled{cursor:default}.q-opt .rich p{margin:0}.q-opt .key{border:var(--bw) solid var(--ink);background:var(--surface-2);width:32px;height:32px;color:var(--muted);transition:background .25s, color .25s, transform .4s var(--ease);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:inline-grid}.q-opt .key.box{border-radius:9px}.q-opt .mark{flex:none;place-items:center;margin-left:auto;display:inline-grid}.q-opt .mark.ok{color:var(--success)}.q-opt .mark.bad{color:var(--danger)}.q-opt .mark svg{stroke-dasharray:30;animation:checkDraw .5s var(--ease) .1s backwards}.q-opt.selected{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 16%, var(--surface-solid))}.q-opt.selected .key{background:var(--grad-primary);color:var(--gold-text);border-color:#0000;transform:scale(1.08)}.q-opt.correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 18%, var(--surface-solid));animation:pop .5s var(--ease)}.q-opt.correct .key{background:var(--success);color:#fff;border-color:#0000}.q-opt.wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 16%, var(--surface-solid));animation:.45s shake}.q-opt.wrong .key{background:var(--danger);color:#fff;border-color:#0000}.q-explain{background:var(--surface-2);border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);animation:rise .55s var(--ease) backwards;margin:18px 0 4px;padding:14px 16px 14px 18px;position:relative}.q-explain:before{content:"";background:var(--grad-primary);border-radius:3px;width:3px;position:absolute;top:14px;bottom:14px;left:0}.q-explain>strong{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:4px;font-size:.78rem;display:block}.q-nav{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:10px;margin-top:8px;display:grid}.q-nav button{border:var(--bw) solid var(--ink);background:var(--surface-2);cursor:pointer;font-variant-numeric:tabular-nums;min-height:48px;transition:transform .2s var(--ease), background .25s;border-radius:16px;font-weight:700;position:relative}.q-nav button:active{transform:scale(.92)}.q-nav button.done{background:color-mix(in srgb, var(--gold) 28%, transparent)}.q-nav button.cur{background:var(--grad-primary);color:var(--gold-text);border-color:#0000}.q-nav button.flag:after{content:"";background:var(--danger);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.q-timer{font-family:var(--mono);border:var(--bw) solid var(--ink);background:var(--surface-2);border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.q-timer.low{color:#fff;background:var(--danger);border-color:#0000;animation:1s infinite pop}.hero{isolation:isolate;padding:10px 0 14px;position:relative}.hero:after{content:"";z-index:-1;background:radial-gradient(circle at 35% 35%, color-mix(in srgb, var(--gold) 55%, transparent), transparent 70%);border-radius:50%;width:130px;height:130px;animation:7s ease-in-out infinite floaty;position:absolute;top:0;right:0}.hero h1{background:var(--grad-accent);color:#0000;-webkit-background-clip:text;background-clip:text}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.stat-grid .card,.grid>.card{margin:0!important}.stat-grid .card{text-align:center;border-radius:var(--radius-sm);padding:14px 8px}.stat-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-grid.two>:last-child:nth-child(odd){grid-column:1/-1}.stat-tile{align-content:start;justify-items:center;gap:2px;display:grid;padding:16px 10px!important}.stat-tile .stat-ico{margin-bottom:4px}.stat-label{font-size:.86rem;font-weight:600}.stat-sub{min-height:1.2em;font-size:.72rem}.stat-ico{width:40px;height:40px;color:var(--gold-text);background:var(--grad-primary);box-shadow:0 8px 16px -8px var(--glow);border-radius:14px;place-items:center;margin-bottom:6px;display:inline-grid}.stat-ico.flame svg{transform-origin:50% 90%;animation:2.6s ease-in-out infinite flicker}.stat-big{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:800;line-height:1.2}.stat-grid .muted{font-size:.74rem}.subj-ico{width:54px;height:54px;color:var(--gold-text);background:var(--grad-primary);box-shadow:0 10px 20px -10px var(--glow);border-radius:20px;flex:none;place-items:center;display:inline-grid}h1.titled{align-items:center;gap:12px;display:flex}h1.titled .subj-ico{border-radius:16px;width:46px;height:46px}.backlink{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.badge{animation:2.4s ease-in-out infinite pop}.result-hero{justify-items:center;gap:6px;padding:26px 18px 20px;display:grid;position:relative;overflow:hidden}.ring{animation:pop .8s var(--ease) .1s backwards;place-items:center;display:grid;position:relative}.ring-label{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:800;position:absolute}.verdict{text-align:center;margin:8px 0 0;font-weight:600}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{opacity:0;animation:2.4s cubic-bezier(.3,.6,.5,1) forwards confetti;position:absolute;top:0}details.acc{border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-xs);margin-bottom:10px}details.acc>summary{cursor:pointer;min-height:52px;padding:14px 16px;font-weight:600}details.acc>div{padding:0 16px 16px}details.acc[open]>div{animation:rise .45s var(--ease) backwards}@media (width>=900px){.q-opts{gap:12px}.stat-big{font-size:1.9rem}}.bars{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto}.bars-grid{grid-auto-flow:row;gap:6px;min-width:min-content;display:grid}.bar-col{flex-direction:column;grid-row:1;justify-content:flex-end;align-items:center;height:140px;display:flex}.bar-val{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7rem}.bar-fill{transform-origin:bottom;width:100%;animation:growY .8s var(--ease) backwards;border-radius:8px 8px 3px 3px}.bar-label{text-align:center;color:var(--muted);grid-row:2;font-size:.7rem}@keyframes growY{0%{transform:scaleY(0)}}.history{margin:0;padding:6px 16px;list-style:none}.history li{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 0;display:flex}.history li+li{border-top:var(--bw) solid var(--border)}.h-main{min-width:0;font-size:.82rem;display:grid}.h-main strong{font-size:.95rem}.h-score{font-variant-numeric:tabular-nums;text-align:right;flex:none;font-weight:800}.h-score small{opacity:.8;font-weight:600;display:block}.h-score.good{color:var(--success)}.h-score.bad{color:var(--danger)}@media (width>=900px){.hero{padding:24px 0 18px}.hero h1{font-size:2.8rem}.hero p{max-width:56ch;font-size:1.05rem}.container.wide .stat-grid{gap:16px}.container.wide .stat-grid .card{padding:20px 12px}.stat-grid.two{grid-template-columns:repeat(3,minmax(0,1fr))}.btn.cta{width:auto;margin:22px 0 6px;padding:0 36px;display:inline-flex}.page h2{margin-top:1.8em}.grid>.subj:only-child{grid-column:1/-1}.grid>.subj:only-child p.muted{max-width:70ch}}@media (horizontal-viewport-segments:2){:root{--seg0-right:env(viewport-segment-right 0 0,calc(50vw - 12px));--seg1-left:env(viewport-segment-left 1 0,calc(50vw + 12px));--hinge:calc(var(--seg1-left) - var(--seg0-right))}.container,.container.wide,.app-header-inner{max-width:none}.page{column-count:2;column-gap:var(--hinge)}.card,.grid>*,.stat-grid>*,details.acc,.history li,.style-card{break-inside:avoid}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid{grid-template-columns:1fr}.q-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.q-card:before{display:none}.q-opts{break-before:column;margin-top:0}.play,.q-card{break-inside:auto}.actionbar{left:calc(var(--seg1-left) + 12px);max-width:none;margin:0;right:12px}.sheet-back{padding-left:var(--seg1-left)}.toast{left:calc(var(--seg1-left) + (100vw - var(--seg1-left)) / 2)}}@media (width>=900px){.app-main.play-main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}