:root{--font-display:"Sora",-apple-system,"Segoe UI",sans-serif;--font-ui:"Manrope",-apple-system,"Segoe UI",sans-serif;--font-numeric:"Manrope",-apple-system,"Segoe UI",sans-serif;--ink-1000:#0a0b0c;--ink-900:#141517;--ink-800:#1c1d22;--ink-700:#24252b;--ink-600:#2f3037;--ink-500:#3e3f47;--ink-400:#5a5b63;--ink-300:#8a8b93;--ink-200:#b4b5bc;--ink-100:#e4e4e7;--white:#fafafa;--cream:#feede4;--cream-deep:#f7dccb;--orange-700:#8f3000;--orange-600:#b23c00;--orange-500:#ec4f00;--orange-400:#ff6a1f;--orange-300:#ff8a4c;--orange-200:#ffb68e;--orange-100:#ffd9c4;--lime-600:#8fd13f;--lime-500:#b7f272;--lime-300:#d4f8a8;--amber-500:#f5c044;--rose-500:#f5455c;--rose-600:#c7203a;--alpha-hairline:#ffffff12;--alpha-hairline-strong:#ffffff1f;--alpha-scrim:#0a0b0cb8;--orange-wash:#ec4f0024;--lime-wash:#b7f27224;--rose-wash:#f5455c24;--bg-app:var(--ink-900);--bg-sunken:var(--ink-1000);--surface-card:var(--ink-800);--surface-raised:var(--ink-700);--surface-input:var(--ink-700);--surface-hover:var(--ink-600);--surface-accent:var(--orange-wash);--surface-selected:var(--white);--text-strong:var(--white);--text-on-selected:var(--ink-900);--text-body:var(--ink-100);--text-muted:var(--ink-300);--text-faint:var(--ink-400);--text-on-accent:var(--white);--text-accent:var(--orange-400);--border-subtle:var(--alpha-hairline);--border-default:var(--ink-600);--border-strong:var(--ink-500);--border-accent:var(--orange-500);--accent:var(--orange-500);--accent-hover:var(--orange-400);--accent-press:var(--orange-600);--accent-soft:var(--orange-wash);--success:var(--lime-500);--success-soft:var(--lime-wash);--warning:var(--amber-500);--danger:var(--rose-500);--danger-soft:var(--rose-wash);--track:var(--ink-600);--chart-1:var(--orange-500);--chart-2:var(--lime-500);--chart-3:var(--amber-500);--chart-4:var(--ink-400);--chart-5:var(--rose-500);--grad-ember:linear-gradient(135deg,#ec4f00 0%,#ff8a4c 58%,#f5c044 100%);--grad-ember-soft:radial-gradient(120% 90% at 20% 15%,#ff6a1f 0%,#ec4f00 45%,#8f3000 100%);--grad-scrim:linear-gradient(180deg,#0a0b0c00 0%,#0a0b0cd9 100%)}[data-theme=light]{--bg-app:var(--cream);--bg-sunken:var(--cream-deep);--surface-card:#fff;--surface-raised:#fff7f1;--surface-input:#fff;--surface-hover:var(--cream-deep);--surface-accent:#ec4f001a;--surface-selected:var(--ink-900);--text-strong:var(--ink-900);--text-on-selected:var(--white);--text-body:#2a2b30;--text-muted:#6b6c74;--text-faint:#9a9ba3;--text-on-accent:#fff;--text-accent:var(--orange-600);--border-subtle:#14151714;--border-default:#14151724;--border-strong:#1415173d;--success:var(--lime-600);--track:#1415171a;--chart-2:var(--lime-600);--alpha-hairline:#14151714;--alpha-hairline-strong:#14151724}:root{--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:36px;--fs-4xl:46px;--fs-5xl:60px;--lh-tight:1.08;--lh-snug:1.25;--lh-normal:1.45;--lh-relaxed:1.6;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--ls-tightest:0;--ls-tight:0;--ls-normal:0;--ls-wide:0;--ls-widest:0;--text-display:var(--fw-black) var(--fs-5xl)/var(--lh-tight) var(--font-display);--text-h1:var(--fw-bold) var(--fs-3xl)/var(--lh-tight) var(--font-display);--text-h2:var(--fw-bold) var(--fs-2xl)/var(--lh-snug) var(--font-display);--text-h3:var(--fw-semibold) var(--fs-xl)/var(--lh-snug) var(--font-display);--text-metric:var(--fw-bold) var(--fs-3xl)/var(--lh-tight) var(--font-display);--text-body-md:var(--fw-regular) var(--fs-base)/var(--lh-normal) var(--font-ui);--text-body-sm:var(--fw-regular) var(--fs-sm)/var(--lh-normal) var(--font-ui);--text-label:var(--fw-medium) var(--fs-xs)/1.2 var(--font-ui);--text-eyebrow:var(--fw-semibold) var(--fs-2xs)/1.2 var(--font-ui);--sp-0:0px;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:12px;--sp-6:16px;--sp-7:20px;--sp-8:24px;--sp-9:32px;--sp-10:40px;--sp-11:48px;--sp-12:64px;--sp-13:80px;--gap-card:14px;--pad-card:18px;--pad-card-tight:14px;--pad-screen:24px;--pad-screen-mobile:16px;--rail-w:64px;--topbar-h:60px;--tabbar-h:64px;--hit-min:44px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-2xl:36px;--r-full:999px;--hairline:inset 0 0 0 1px var(--alpha-hairline);--hairline-top:inset 0 1px 0 0 #ffffff0f;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 6px 20px #0006;--shadow-lg:0 18px 48px #00000080;--glow-accent:0 0 0 1px #ec4f0073, 0 10px 40px #ec4f0047;--glow-accent-soft:0 8px 32px #ec4f002e;--glow-success:0 0 0 1px #b7f27259, 0 8px 28px #b7f27229;--ring-focus:0 0 0 2px var(--bg-app), 0 0 0 4px var(--orange-500);--blur-glass:saturate(140%) blur(18px);--dur-instant:90ms;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.38s;--dur-reveal:.62s;--ease-standard:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-spring:cubic-bezier(.34,1.4,.5,1);--t-hover:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);--t-press:transform var(--dur-instant) var(--ease-in);--t-enter:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--dur-reveal:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0}.genial-root{background:var(--bg-app);color:var(--text-body);font:var(--text-body-md);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh}h1,h2,h3,h4,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--text-accent);transition:var(--t-hover);text-decoration:none}a:hover{color:var(--orange-300);text-underline-offset:3px;text-decoration:underline}:focus-visible{box-shadow:var(--ring-focus);outline:none}::selection{background:var(--orange-500);color:var(--white)}[data-numeric]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--ink-600);border-radius:var(--r-full);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}.d827-btn{justify-content:center;align-items:center;gap:var(--sp-4);border-radius:var(--r-full);font-family:var(--font-ui);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);cursor:pointer;white-space:nowrap;transition:var(--t-hover),var(--t-press),box-shadow var(--dur-base) var(--ease-standard);border:1px solid #0000;display:inline-flex}.d827-btn:active:not(:disabled){transform:scale(.97)}.d827-btn:disabled{opacity:.38;cursor:not-allowed}.d827-btn--sm{height:34px;padding:0 var(--sp-5);font-size:var(--fs-sm)}.d827-btn--md{height:42px;padding:0 var(--sp-7);font-size:var(--fs-base)}.d827-btn--lg{height:52px;padding:0 var(--sp-9);font-size:var(--fs-md)}.d827-btn--block{width:100%}.d827-btn--primary{background:var(--accent);color:var(--text-on-accent);box-shadow:var(--glow-accent-soft)}.d827-btn--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--glow-accent)}.d827-btn--primary:active:not(:disabled){background:var(--accent-press)}.d827-btn--secondary{background:var(--surface-raised);color:var(--text-strong);border-color:var(--border-subtle)}.d827-btn--secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-default)}.d827-btn--ghost{color:var(--text-muted);background:0 0}.d827-btn--ghost:hover:not(:disabled){background:var(--surface-raised);color:var(--text-strong)}.d827-btn--outline{color:var(--text-accent);border-color:var(--border-accent);background:0 0}.d827-btn--outline:hover:not(:disabled){background:var(--accent-soft)}.d827-btn--success{background:var(--success);color:var(--ink-900);box-shadow:var(--glow-success)}.d827-btn--success:hover:not(:disabled){background:var(--lime-300)}.d827-iconbtn{border-radius:var(--r-full);background:var(--surface-raised);color:var(--text-muted);cursor:pointer;transition:var(--t-hover),var(--t-press);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.d827-iconbtn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-strong)}.d827-iconbtn:active:not(:disabled){transform:scale(.92)}.d827-iconbtn:disabled{opacity:.38;cursor:not-allowed}.d827-iconbtn--sm{width:32px;height:32px;font-size:15px}.d827-iconbtn--md{width:38px;height:38px;font-size:18px}.d827-iconbtn--lg{width:var(--hit-min);height:var(--hit-min);font-size:20px}.d827-iconbtn--bare{background:0 0}.d827-iconbtn--accent{background:var(--accent);color:var(--text-on-accent)}.d827-iconbtn--accent:hover:not(:disabled){background:var(--accent-hover);color:var(--text-on-accent)}.d827-iconbtn--active{background:var(--surface-selected);color:var(--text-on-selected)}.d827-badge{align-items:center;gap:var(--sp-2);border-radius:var(--r-full);font-family:var(--font-ui);font-weight:var(--fw-semibold);font-size:var(--fs-2xs);letter-spacing:var(--ls-wide);text-transform:uppercase;padding:4px var(--sp-4);line-height:1.3;display:inline-flex}.d827-badge--neutral{background:var(--surface-raised);color:var(--text-muted)}.d827-badge--accent{background:var(--accent-soft);color:var(--orange-300)}.d827-badge--solid{background:var(--accent);color:var(--text-on-accent)}.d827-badge--success{background:var(--success-soft);color:var(--success)}.d827-badge--warning{color:var(--warning);background:#f5c04424}.d827-badge--danger{background:var(--danger-soft);color:var(--danger)}.d827-badge--outline{color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--border-default);background:0 0}.d827-card{background:var(--surface-card);border-radius:var(--r-lg);box-shadow:var(--hairline);position:relative;overflow:hidden}.d827-card--pad{padding:var(--pad-card)}.d827-card--tight{padding:var(--pad-card-tight)}.d827-card--flush{padding:0}.d827-card--accent{background:var(--grad-ember-soft);box-shadow:none;color:var(--white)}.d827-card--outline{box-shadow:inset 0 0 0 1px var(--border-default);background:0 0}.d827-card--interactive{cursor:pointer;transition:var(--t-hover),transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-standard)}.d827-card--interactive:hover{background:var(--surface-raised);box-shadow:var(--hairline),var(--shadow-md);transform:translateY(-2px)}.d827-card--interactive:active{transform:translateY(0)scale(.995)}.d827-card__head{justify-content:space-between;align-items:center;gap:var(--sp-5);margin-bottom:var(--sp-5);display:flex}.d827-card__title{font:var(--text-label);color:var(--text-muted);align-items:center;gap:var(--sp-3);display:flex}.d827-card--accent .d827-card__title{color:#ffffffd1}.d827-avatar{border-radius:var(--r-full);background:var(--surface-raised);color:var(--text-body);font-family:var(--font-display);font-weight:var(--fw-bold);object-fit:cover;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.d827-avatar--ring{box-shadow:0 0 0 2px var(--bg-app),0 0 0 4px var(--accent)}.d827-prog{border-radius:var(--r-full);background:var(--track);width:100%;overflow:hidden}.d827-prog__fill{border-radius:var(--r-full);height:100%;transition:width var(--dur-slow) var(--ease-out)}.d827-prog__fill--accent{background:var(--grad-ember)}.d827-prog__fill--success{background:var(--success)}.d827-prog__fill--neutral{background:var(--ink-300)}.d827-prog__fill--glow{background:var(--grad-ember);box-shadow:0 0 18px #ec4f00a6}.d827-field{gap:var(--sp-3);flex-direction:column;display:flex}.d827-field__label{font:var(--text-label);color:var(--text-muted)}.d827-field__hint{font:var(--text-body-sm);color:var(--text-faint)}.d827-field__hint--error{color:var(--danger)}.d827-inputwrap{align-items:center;display:flex;position:relative}.d827-inputwrap__icon{left:var(--sp-5);color:var(--text-faint);pointer-events:none;font-size:17px;position:absolute}.d827-inputwrap__trail{right:var(--sp-4);align-items:center;display:flex;position:absolute}.d827-input{width:100%;height:46px;padding:0 var(--sp-5);background:var(--surface-input);color:var(--text-strong);border:1px solid var(--border-subtle);border-radius:var(--r-md);font-family:var(--font-ui);font-size:var(--fs-base);transition:var(--t-hover),box-shadow var(--dur-fast) var(--ease-standard)}.d827-input::placeholder{color:var(--text-faint)}.d827-input:hover:not(:disabled){border-color:var(--border-default)}.d827-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.d827-input:disabled{opacity:.45;cursor:not-allowed}.d827-input--icon{padding-left:42px}.d827-input--trail{padding-right:44px}.d827-input--error{border-color:var(--danger)}.d827-input--error:focus{box-shadow:0 0 0 3px var(--danger-soft)}.d827-input--pill{border-radius:var(--r-full)}.d827-select{appearance:none;cursor:pointer;background-image:none;padding-right:38px}.d827-selectwrap__caret{right:var(--sp-5);color:var(--text-faint);pointer-events:none;font-size:15px;position:absolute}.d827-check{align-items:center;gap:var(--sp-5);cursor:pointer;font-size:var(--fs-base);color:var(--text-body);min-height:var(--hit-min);display:inline-flex}.d827-check__box{border-radius:var(--r-xs);border:1.5px solid var(--border-strong);color:#0000;width:20px;height:20px;transition:var(--t-hover);background:0 0;flex:none;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.d827-check:hover .d827-check__box{border-color:var(--accent)}.d827-check--on .d827-check__box{background:var(--accent);border-color:var(--accent);color:var(--white)}.d827-check--disabled{opacity:.42;cursor:not-allowed}.d827-switch{align-items:center;gap:var(--sp-5);cursor:pointer;min-height:var(--hit-min);display:inline-flex}.d827-switch__track{border-radius:var(--r-full);background:var(--track);width:44px;height:26px;transition:background var(--dur-base) var(--ease-standard);flex:none;position:relative}.d827-switch__knob{border-radius:var(--r-full);background:var(--ink-300);width:20px;height:20px;transition:transform var(--dur-base) var(--ease-spring),background var(--dur-base) var(--ease-standard);position:absolute;top:3px;left:3px}.d827-switch--on .d827-switch__track{background:var(--accent-soft)}.d827-switch--on .d827-switch__knob{background:var(--accent);transform:translate(18px)}.d827-switch--disabled{opacity:.42;cursor:not-allowed}.d827-answers{gap:var(--sp-4);flex-wrap:wrap;display:flex}.d827-answer{width:var(--hit-min);height:var(--hit-min);border-radius:var(--r-full);border:1.5px solid var(--border-default);color:var(--text-muted);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-md);cursor:pointer;transition:var(--t-hover),var(--t-press);background:0 0;justify-content:center;align-items:center;display:inline-flex}.d827-answer:hover:not(:disabled){border-color:var(--accent);color:var(--text-strong)}.d827-answer:active:not(:disabled){transform:scale(.92)}.d827-answer--selected{background:var(--accent);border-color:var(--accent);color:var(--white);box-shadow:var(--glow-accent-soft)}.d827-answer--correct{background:var(--success);border-color:var(--success);color:var(--ink-900)}.d827-answer--wrong{background:var(--danger);border-color:var(--danger);color:var(--white)}.d827-answer--ghost{opacity:.4}.d827-answer:disabled{cursor:default}.d827-stat__value{font:var(--text-metric);color:var(--text-strong);letter-spacing:var(--ls-tightest);align-items:baseline;gap:var(--sp-3);display:flex}.d827-stat__unit{font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-faint);letter-spacing:0}.d827-stat__placeholder{font-family:var(--font-ui);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text-faint);letter-spacing:0}.d827-stat__delta{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);margin-top:var(--sp-3);display:inline-flex}.d827-stat__delta--up{color:var(--success)}.d827-stat__delta--down{color:var(--danger)}.d827-stat__delta--flat{color:var(--text-faint)}.d827-spark{justify-content:space-between;align-items:flex-end;gap:3px;width:100%;display:flex}.d827-spark__bar{border-radius:var(--r-full);max-width:9px;min-height:5px;transition:height var(--dur-slow) var(--ease-out);flex:1}.d827-spark__labels{margin-top:var(--sp-3);justify-content:space-between;gap:3px;display:flex}.d827-spark__label{text-align:center;max-width:9px;font-size:var(--fs-2xs);color:var(--text-faint);flex:1;overflow:visible}.d827-topic{gap:var(--sp-3) var(--sp-5);padding:var(--sp-5) 0;border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr auto;align-items:center;display:grid}.d827-topic:last-child{border-bottom:none}.d827-topic__name{font-size:var(--fs-base);color:var(--text-body);font-weight:var(--fw-medium)}.d827-topic__meta{font-size:var(--fs-xs);color:var(--text-faint);grid-column:1/-1;margin-top:-4px}.d827-topic__pct{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-md);color:var(--text-strong)}.d827-topic__bar{grid-column:1/-1}.d827-streak{gap:var(--sp-3);flex-wrap:wrap;display:flex}.d827-streak__day{border-radius:var(--r-sm);width:30px;height:30px;font-size:var(--fs-2xs);font-weight:var(--fw-semibold);font-family:var(--font-ui);color:var(--text-faint);background:var(--track);justify-content:center;align-items:center;display:inline-flex}.d827-streak__day--done{background:var(--accent);color:var(--white)}.d827-streak__day--partial{background:var(--accent-soft);color:var(--orange-300)}.d827-streak__day--today{box-shadow:0 0 0 2px var(--surface-card),0 0 0 4px var(--success);color:var(--text-strong)}.d827-streak__day--miss{box-shadow:inset 0 0 0 1px var(--border-default);background:0 0}.d827-leader{align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6);border-radius:var(--r-md);transition:var(--t-hover);display:flex}.d827-leader:hover{background:var(--surface-raised)}.d827-leader--me{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #ec4f0059}.d827-leader__rank{width:30px;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-md);color:var(--text-faint);text-align:center;flex:none}.d827-leader__rank--medal{color:var(--accent)}.d827-leader__name{min-width:0;font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.d827-leader__sub{font-size:var(--fs-xs);color:var(--text-faint);font-weight:var(--fw-regular)}.d827-leader__score{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-md);color:var(--text-strong);flex:none}.d827-rail{width:var(--rail-w);background:var(--surface-card);border-radius:var(--r-xl);padding:var(--sp-6) 0;align-items:center;gap:var(--sp-4);flex-direction:column;flex:none;display:flex}.d827-rail__logo{object-fit:contain;width:32px;height:32px;margin-bottom:var(--sp-6);opacity:.95}.d827-rail__spacer{flex:1}.d827-rail__item{width:var(--hit-min);height:var(--hit-min);border-radius:var(--r-full);color:var(--text-muted);cursor:pointer;transition:var(--t-hover),var(--t-press);background:0 0;border:none;justify-content:center;align-items:center;font-size:19px;display:inline-flex;position:relative}.d827-rail__item:hover{background:var(--surface-raised);color:var(--text-body)}.d827-rail__item:active{transform:scale(.92)}.d827-rail__item--active,.d827-rail__item--active:hover{background:var(--surface-selected);color:var(--text-on-selected)}.d827-toptabs{align-items:center;gap:var(--sp-2);background:var(--surface-card);border-radius:var(--r-full);padding:var(--sp-2);display:inline-flex}.d827-toptab{align-items:center;gap:var(--sp-3);height:34px;padding:0 var(--sp-5);border-radius:var(--r-full);color:var(--text-muted);font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap;transition:var(--t-hover);background:0 0;border:none;display:inline-flex}.d827-toptab:hover{color:var(--text-strong)}.d827-toptab--active{background:var(--surface-selected);color:var(--text-on-selected);font-weight:var(--fw-semibold)}.d827-seg{background:var(--surface-raised);border-radius:var(--r-full);gap:2px;padding:3px;display:inline-flex}.d827-seg__item{color:var(--text-muted);font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:var(--fw-medium);height:32px;padding:0 var(--sp-6);border-radius:var(--r-full);cursor:pointer;transition:var(--t-hover);background:0 0;border:none}.d827-seg__item:hover{color:var(--text-strong)}.d827-seg__item--active{background:var(--surface-selected);color:var(--text-on-selected);font-weight:var(--fw-semibold)}.d827-seg--full{width:100%;display:flex}.d827-seg--full .d827-seg__item{flex:1}.d827-tabbar{justify-content:space-between;align-items:center;gap:var(--sp-2);height:var(--tabbar-h);padding:0 var(--sp-5);background:var(--surface-card);border-radius:var(--r-xl);box-shadow:var(--hairline),var(--shadow-lg);display:flex}.d827-tabbar__item{min-width:var(--hit-min);height:var(--hit-min);border-radius:var(--r-full);color:var(--text-muted);cursor:pointer;transition:var(--t-hover),var(--t-press);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:21px;display:inline-flex}.d827-tabbar__item:active{transform:scale(.9)}.d827-tabbar__label{font-family:var(--font-ui);font-size:9px;font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase}.d827-tabbar__item--active{color:var(--text-strong)}.d827-tabbar__item--accent{background:var(--accent);color:var(--white);width:52px;height:52px;box-shadow:var(--glow-accent-soft);flex:none;font-size:24px}.d827-modal__scrim{background:var(--alpha-scrim);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);padding:var(--sp-8);z-index:50;animation:d827-fade var(--dur-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.d827-modal{background:var(--surface-card);border-radius:var(--r-xl);width:100%;max-width:460px;box-shadow:var(--hairline),var(--shadow-lg);padding:var(--sp-9);animation:d827-pop var(--dur-slow) var(--ease-out)}.d827-modal__title{font:var(--text-h3);color:var(--text-strong);margin-bottom:var(--sp-4)}.d827-modal__body{font:var(--text-body-md);color:var(--text-muted)}.d827-modal__actions{gap:var(--sp-5);margin-top:var(--sp-8);display:flex}@keyframes d827-fade{0%{opacity:0}to{opacity:1}}@keyframes d827-pop{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.d827-toast{align-items:center;gap:var(--sp-5);background:var(--surface-raised);border-radius:var(--r-full);padding:var(--sp-5) var(--sp-7);box-shadow:var(--hairline),var(--shadow-md);font-size:var(--fs-sm);color:var(--text-body);animation:d827-pop var(--dur-base) var(--ease-out);display:inline-flex}.d827-toast__icon{font-size:19px;display:inline-flex}.d827-toast--success .d827-toast__icon{color:var(--success)}.d827-toast--accent .d827-toast__icon{color:var(--accent)}.d827-toast--danger .d827-toast__icon{color:var(--danger)}.d827-empty{text-align:center;align-items:center;gap:var(--sp-5);padding:var(--sp-11) var(--sp-8);color:var(--text-muted);flex-direction:column;display:flex}.d827-empty__icon{border-radius:var(--r-full);background:var(--surface-raised);width:60px;height:60px;color:var(--text-faint);justify-content:center;align-items:center;font-size:26px;display:inline-flex}.d827-empty__title{font:var(--text-h3);color:var(--text-strong)}.d827-empty__body{font:var(--text-body-sm);max-width:34ch}.d827-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.d827-avatar img{object-fit:cover;width:100%;height:100%}.d827-visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.d827-check:focus-within .d827-check__box,.d827-switch:focus-within .d827-switch__track,.d827-answer:focus-within{box-shadow:var(--ring-focus)}.d827-answer{position:relative}.d827-ring{flex:none;place-items:center;display:grid;position:relative}.d827-ring svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.d827-ring circle:last-child{transition:stroke-dashoffset var(--dur-slow) var(--ease-out)}.d827-ring__content{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.d827-ring__content strong{font:var(--text-h3);color:var(--text-strong)}.d827-ring__content span{font:var(--text-label);color:var(--text-faint);margin-top:var(--sp-2)}.d827-leader__name{gap:var(--sp-1);flex-direction:column;display:flex}.d827-stat__delta-label{color:var(--text-faint);font-weight:var(--fw-regular)}.d827-modal__scrim{position:fixed}.d827-modal{position:relative}.d827-modal__close{top:var(--sp-5);right:var(--sp-5);position:absolute}@media (width<=640px){.d827-modal__scrim{padding:var(--sp-6);align-items:flex-end}.d827-modal{padding:var(--sp-8);border-radius:var(--r-lg)}.d827-modal__actions{flex-direction:column-reverse}.d827-modal__actions .d827-btn{width:100%}}.showcase-shell{background:var(--bg-app);min-height:100vh;color:var(--text-body);transition:background-color var(--dur-base) var(--ease-standard);padding:var(--sp-8);padding-left:calc(var(--rail-w) + var(--sp-11));font-family:var(--font-ui)}.showcase-rail{z-index:20;left:var(--sp-8);top:var(--sp-8);bottom:var(--sp-8);position:fixed}.showcase-rail .d827-rail{height:100%}.showcase-main{max-width:1240px;margin:0 auto}.showcase-header{min-height:var(--topbar-h);justify-content:space-between;align-items:flex-start;gap:var(--sp-8);margin-bottom:var(--sp-9);display:flex}.showcase-header h1,.showcase-section h2{font:var(--text-h2);color:var(--text-strong)}.showcase-header p{font:var(--text-body-sm);color:var(--text-muted);margin-top:var(--sp-3)}.showcase-eyebrow{font:var(--text-eyebrow);color:var(--text-accent);text-transform:uppercase;margin-bottom:var(--sp-3);display:block}.showcase-actions{align-items:center;gap:var(--sp-4);display:flex}.showcase-hero{border-radius:var(--r-xl);background:var(--grad-ember-soft);min-height:360px;color:var(--white);justify-content:space-between;align-items:center;gap:var(--sp-10);padding:var(--sp-11);display:flex;overflow:hidden}.showcase-hero h2{font:var(--text-display);max-width:650px;margin:var(--sp-5) 0 var(--sp-4)}.showcase-hero p{font-size:var(--fs-lg);max-width:50ch;color:var(--cream)}.showcase-button-row{gap:var(--sp-4);margin-top:var(--sp-8);flex-wrap:wrap;display:flex}.showcase-button-row .d827-btn--primary{background:var(--white);color:var(--ink-900);box-shadow:none}.showcase-button-row .d827-btn--secondary{background:var(--alpha-hairline-strong);color:var(--white)}.showcase-hero-metric{align-items:center;gap:var(--sp-4);color:var(--white);font:var(--text-label);flex-direction:column;flex:none;display:flex}.showcase-hero-metric .d827-ring__content strong,.showcase-hero-metric .d827-ring__content span{color:var(--white)}.showcase-section{padding:var(--sp-13) 0 0}.showcase-section-head{margin-bottom:var(--sp-8)}.showcase-token-grid{gap:var(--gap-card);grid-template-columns:repeat(6,1fr);display:grid}.showcase-swatch{gap:var(--sp-3);font:var(--text-label);color:var(--text-strong);flex-direction:column;display:flex}.showcase-swatch>span{aspect-ratio:1.4;border-radius:var(--r-md);box-shadow:var(--hairline)}.showcase-swatch code{font-size:var(--fs-2xs);color:var(--text-faint)}.showcase-type-grid,.showcase-grid{gap:var(--gap-card);margin-top:var(--gap-card);display:grid}.showcase-type-grid{grid-template-columns:1.2fr 1fr}.showcase-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-display{font:var(--text-h1);color:var(--text-strong);max-width:15ch}.showcase-body{font:var(--text-body-md);color:var(--text-body)}.showcase-metric{font:var(--text-metric);color:var(--text-strong);margin-top:var(--sp-6)}.showcase-stack{align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.showcase-avatar-row{gap:var(--sp-4);width:100%;padding-top:var(--sp-4);display:flex}.showcase-progress-list{gap:var(--sp-6);margin-bottom:var(--sp-8);flex-direction:column;display:flex}.showcase-form{gap:var(--sp-6);flex-direction:column;display:flex}.showcase-inline{justify-content:space-between;align-items:center;gap:var(--sp-8);flex-wrap:wrap;display:flex}.showcase-question{font-size:var(--fs-md);color:var(--text-body);margin:var(--sp-5) 0 var(--sp-8)}.showcase-answer-note,.showcase-muted{font:var(--text-body-sm);color:var(--text-muted);margin-top:var(--sp-6)}.showcase-centered{justify-content:center;display:flex}.showcase-gap-top{margin-top:var(--gap-card)}.showcase-nav-row{justify-content:space-between;align-items:center;gap:var(--sp-8);margin-top:var(--gap-card);display:flex}.showcase-nav-row .d827-tabbar{width:min(100%,420px)}@media (width<=900px){.showcase-token-grid{grid-template-columns:repeat(3,1fr)}.showcase-grid--3{grid-template-columns:1fr 1fr}.showcase-hero h2{font-size:var(--fs-4xl)}}@media (width<=700px){.showcase-shell{padding:var(--sp-6);padding-bottom:calc(var(--tabbar-h) + var(--sp-10))}.showcase-rail{display:none}.showcase-header{flex-direction:column}.showcase-actions{width:100%;overflow-x:auto}.showcase-actions .d827-toptabs{flex:1}.showcase-hero{min-height:auto;padding:var(--sp-8);align-items:flex-start}.showcase-hero h2{font-size:var(--fs-3xl)}.showcase-hero-metric{display:none}.showcase-type-grid,.showcase-grid--2,.showcase-grid--3{grid-template-columns:1fr}.showcase-section{padding-top:var(--sp-11)}.showcase-nav-row{flex-direction:column;align-items:stretch}.showcase-nav-row .d827-tabbar{left:var(--sp-4);right:var(--sp-4);bottom:var(--sp-4);z-index:30;width:auto;position:fixed}.showcase-token-grid{grid-template-columns:repeat(2,1fr)}}.study-app{background:var(--bg-sunken);min-height:100vh;color:var(--text-body);display:flex;position:relative;overflow:hidden}.study-rail{width:var(--rail-w);background:var(--bg-sunken);min-height:100vh;padding:var(--sp-8) var(--sp-4);align-items:center;gap:var(--sp-9);z-index:3;flex-direction:column;flex:none;display:flex}.study-rail>img{width:var(--sp-10);object-fit:contain;height:auto}.study-rail nav,.study-rail-actions{gap:var(--sp-5);display:grid}.study-rail nav{flex:1;align-content:start}.study-rail-link{width:var(--hit-min);height:var(--hit-min);color:var(--text-faint);border-radius:var(--r-sm);transition:var(--t-hover),transform var(--dur-fast) var(--ease-out);place-items:center;display:grid}.study-rail-link:hover{color:var(--text-strong);background:var(--surface-raised);transform:translateY(calc(var(--sp-1) * -1))}.study-rail-link.study-nav-active{color:var(--text-accent);background:var(--accent-soft);box-shadow:inset var(--sp-1) 0 0 var(--accent)}.study-rail-link:focus-visible{box-shadow:var(--ring-focus);outline:0}.study-rail-actions .d827-icon-btn{color:var(--text-faint)}.study-content{background:var(--bg-app);flex:1;min-width:0;min-height:100vh;position:relative;overflow:hidden}.study-top{height:var(--topbar-h);padding:var(--sp-4) var(--sp-8);z-index:2;align-items:center;gap:var(--sp-5);display:flex;position:relative}.study-brand-title{font:var(--text-display);font-size:clamp(var(--fs-2xl),2.6vw,var(--fs-3xl));color:var(--accent);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 28px color-mix(in srgb,var(--accent) 45%,transparent);flex:none}.study-top nav{align-items:center;gap:var(--sp-3);flex-wrap:wrap;flex:none;display:flex}.study-top-link{align-items:center;gap:var(--sp-3);min-height:var(--sp-9);padding:0 var(--sp-5);border-radius:var(--r-full);color:var(--text-muted);font:var(--text-label);transition:var(--t-hover);display:flex}.study-top-link:hover{color:var(--text-strong);background:var(--surface-raised)}.study-top-link.study-nav-active{color:var(--text-on-selected);background:var(--surface-selected)}.study-top-actions{align-items:center;gap:var(--sp-4);font:var(--text-eyebrow);color:var(--text-faint);flex:none;margin-left:auto;display:flex}.study-top-actions .d827-icon-btn{display:none}.study-main{max-width:1440px;padding:var(--sp-7) var(--sp-8) var(--sp-12);gap:var(--sp-8);z-index:1;margin:auto;display:grid;position:relative}.study-ember{z-index:0;height:var(--sp-13);background:var(--grad-ember-soft);filter:blur(var(--sp-8));opacity:.55;pointer-events:none;position:absolute;bottom:0;left:0;right:0;transform:translateY(55%)}.study-heading{justify-content:space-between;align-items:flex-end;gap:var(--sp-8);display:flex}.study-heading h1{font:var(--text-h1);color:var(--text-strong);margin-top:var(--sp-2)}.study-heading>div>p:last-child{color:var(--text-muted);font:var(--text-body-sm);margin-top:var(--sp-3)}.study-kicker{font:var(--text-eyebrow);color:var(--text-accent)}.study-row{align-items:center;gap:var(--sp-5);flex-wrap:wrap;display:flex}.study-subtitle{color:var(--text-muted);margin-block:var(--sp-5);font:var(--text-body-sm)}.study-dashboard-grid{gap:var(--gap-card);grid-template-columns:minmax(0,3fr) minmax(260px,2fr);display:grid}.study-dashboard-grid>.d827-card{border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface-card) 84%,transparent);min-height:220px;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass)}.study-completion{grid-area:1/1;box-shadow:var(--hairline),var(--glow-accent-soft)!important}.study-completion-body{justify-content:space-between;align-items:center;gap:var(--sp-9);min-height:190px;display:flex}.study-completion-body>div:first-child strong{font:var(--text-display);font-size:clamp(var(--fs-4xl),8vw,var(--fs-5xl));color:var(--text-strong);display:block}.study-completion-body p{color:var(--text-muted)}.study-progress-orbit{aspect-ratio:1;border-radius:var(--r-full);background:conic-gradient(var(--accent) var(--study-progress),var(--track) 0);flex:none;place-items:center;width:150px;display:grid;position:relative}.study-progress-orbit:after{content:"";inset:var(--sp-5);border-radius:inherit;background:var(--surface-card);position:absolute}.study-progress-orbit span{z-index:1;font:var(--text-metric);color:var(--text-strong);position:relative}.study-topic-list{gap:var(--sp-6);display:grid}.study-topic-list>div>div:first-child{justify-content:space-between;gap:var(--sp-6);margin-bottom:var(--sp-3);font:var(--text-body-sm);display:flex}.study-topic-list strong{color:var(--text-strong)}.study-ranking-card{grid-area:1/2}.study-ranking-card .d827-card__head a{color:var(--text-accent);font:var(--text-eyebrow)}.study-strength{grid-area:2/1}.study-weakness{grid-area:2/2}.study-weakness>.d827-spark{margin-top:var(--sp-8)}.study-leader-list{gap:var(--sp-2);display:grid}.study-leader-list .d827-leader{padding-inline:0}.study-ranking-page{max-width:780px}.study-ranking-page .d827-leader:nth-child(n+6) .d827-avatar{visibility:hidden}.study-ranking-page .d827-leader:nth-child(n+6) .d827-leader__name{color:var(--text-muted)}.study-promotions{gap:var(--sp-6);display:grid}.study-section-title{justify-content:space-between;align-items:end;display:flex}.study-section-title h2,.study-admin-section h2{font:var(--text-h2);color:var(--text-strong)}.study-promo-grid{gap:var(--gap-card);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.study-promo{border-radius:var(--r-lg);background:var(--surface-card);box-shadow:var(--hairline);flex-direction:column;display:flex;position:relative;overflow:hidden}.study-promo-media{background:var(--surface-raised);flex:none;height:72px;position:relative;overflow:hidden}.study-promo-media img{object-fit:cover;object-position:center;width:100%;height:100%}.study-promo>div{z-index:1;width:100%;padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;flex:1;justify-content:flex-start;display:flex;position:relative}.study-promo span:first-child{font:var(--text-eyebrow);color:var(--text-accent)}.study-promo h3{font:var(--text-h3);color:var(--text-strong)}.study-promo p{font:var(--text-body-sm);color:var(--text-muted);margin:0}.study-promo a,.study-promo-cta{padding-top:var(--sp-3);align-items:center;gap:var(--sp-2);font:var(--text-label);color:var(--text-accent);margin-top:0;display:inline-flex}.study-list-grid{gap:var(--gap-card);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.study-answer-grid{gap:var(--gap-card);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.study-stack{gap:var(--sp-6);margin-top:var(--sp-6);display:grid}.study-form{gap:var(--sp-6);display:grid}.study-tabs{gap:var(--sp-4);flex-wrap:wrap;display:flex}.study-admin-section{gap:var(--sp-6);padding-top:var(--sp-7);display:grid}.study-admin-section+.study-admin-section{border-top:1px solid var(--border-subtle)}.study-admin-grid{gap:var(--gap-card);grid-template-columns:minmax(320px,2fr) minmax(0,3fr);align-items:start;display:grid}.study-question{font:var(--text-h3);white-space:pre-wrap}.study-options{gap:var(--sp-5);padding-left:var(--sp-8);margin-block:var(--sp-8);display:grid}.study-result{gap:var(--sp-5);margin-top:var(--sp-6);display:grid}.study-textarea{resize:vertical;height:auto;min-height:var(--sp-13);padding:var(--sp-6)}.study-main .d827-card>.d827-btn{margin-top:var(--sp-6)}.study-auth{min-height:100vh;padding:var(--sp-9) var(--sp-10);flex-direction:column;display:flex}.study-auth header{justify-content:space-between;align-items:center;display:flex}.study-auth-body{width:100%;max-width:460px;margin:var(--sp-12) auto;gap:var(--sp-6);display:grid}.study-auth h1{font:var(--text-h1);color:var(--text-strong)}.study-auth-body>p{color:var(--text-muted);margin-bottom:var(--sp-6)}.study-auth footer{text-align:center;color:var(--text-muted);font:var(--text-eyebrow);padding:var(--sp-8);margin-top:auto}.study-main p,.study-main h2,.study-main h1{overflow-wrap:anywhere}@media (width<=980px){.study-dashboard-grid{grid-template-columns:1fr 1fr}.study-completion{grid-area:auto/1/auto/-1}.study-ranking-card{grid-area:auto}.study-weakness{grid-column:auto}.study-promo-grid{grid-template-columns:1fr}.study-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-admin-grid{grid-template-columns:1fr}}@media (width<=700px){.study-app{display:block;overflow:visible}.study-rail{width:100%;min-height:var(--tabbar-h);height:var(--tabbar-h);padding:var(--sp-3) var(--sp-6);border-top:1px solid var(--border-subtle);z-index:10;flex-direction:row;position:fixed;bottom:0;left:0;right:0}.study-rail>img,.study-rail-actions{display:none}.study-rail nav{justify-content:space-around;align-items:center;width:100%;display:flex}.study-rail-link.study-nav-active{box-shadow:inset 0 calc(var(--sp-1) * -1) 0 var(--accent)}.study-content{min-height:100vh;padding-bottom:var(--tabbar-h)}.study-top{padding:var(--sp-4) var(--sp-6)}.study-top nav{display:none}.study-top-actions{justify-content:flex-end;width:100%}.study-top-actions>span{margin-right:auto}.study-top-actions .d827-icon-btn{display:grid}.study-main{padding:var(--sp-6);gap:var(--sp-7)}.study-heading{flex-direction:column;align-items:flex-start}.study-heading h1{font:var(--text-h2)}.study-dashboard-grid,.study-list-grid,.study-answer-grid{grid-template-columns:1fr}.study-completion-body{min-height:150px}.study-progress-orbit{width:112px}.study-ranking-card,.study-weakness{grid-column:auto}.study-promo-media{height:150px}.study-auth{padding:var(--sp-6)}.study-auth-body{margin:var(--sp-10) auto}}.study-calendar{gap:var(--sp-6);display:grid}.study-calendar-grid{gap:var(--gap-card);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.study-today-card{background:var(--accent-soft);box-shadow:var(--hairline),var(--glow-accent-soft)}.study-today-content{align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.study-today-content h2{font:var(--text-h1);color:var(--text-strong);margin-top:var(--sp-5)}.study-day-heading{justify-content:space-between;align-items:center;gap:var(--sp-3);color:var(--text-muted);display:flex}.study-day-card{min-width:0}.study-day-card h3{font:var(--text-h3);color:var(--text-strong);margin-top:var(--sp-5);overflow-wrap:anywhere}.study-day-card .d827-btn{white-space:normal;width:100%}.study-day-locked{background:var(--bg-sunken)}.study-day-locked h3,.study-day-locked .study-kicker{color:var(--text-muted)}.study-day-today{box-shadow:var(--hairline),var(--glow-accent-soft)}@media (width<=1000px){.study-calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.study-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-today-content{padding:var(--sp-5) 0;grid-template-columns:minmax(0,1fr)}.study-calendar .study-section-title{align-items:start;gap:var(--sp-4)}.study-day-card{padding:var(--sp-5)}}.study-summary-preview{white-space:pre-wrap;font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-muted);background:var(--surface-raised);border-radius:var(--radius-md);padding:var(--sp-4);margin:0}html{background:var(--bg-app)}body{min-width:320px}button{font:inherit}