:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#faf9f5;--surface:#f0eee6;--text:#141413;--muted:#6b6a65;--accent:#d97757;--accent-strong:#c15f3c;--accent-tint:#fbebe3;--on-accent:#fff;--border:#e3e0d5;--correct:#5b8c5a;--wrong:#b5433a;--rank-1:#8a8880;--rank-2:#a8683a;--rank-3:#8e96a0;--rank-4:#b8891a;--rank-5:#d9482b;--tint-red:#fbeae6;--tint-red-strong:#b4473a;--tint-blue:#e8eff8;--tint-blue-strong:#2f69a8;--tint-green:#e7f1e5;--tint-green-strong:#3b7a47;--tint-purple:#efeaf7;--tint-purple-strong:#6a4ca3;--tint-yellow:#faf1d6;--tint-yellow-strong:#8a6300;--font-title:Georgia, "Noto Serif SC", serif;--font-body:-apple-system, "PingFang SC", "Noto Sans SC", sans-serif;--font-code:"SF Mono", Menlo, monospace;--radius:12px;--motion:.15s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141413;--surface:#1f1e1b;--text:#f0eee6;--muted:#a8a69f;--accent:#e0876a;--accent-strong:#d97757;--accent-tint:#3a2a23;--on-accent:var(--bg);--border:#2e2c28;--correct:#7fb07e;--wrong:#d0655b;--rank-1:#a8a69f;--rank-2:#c98553;--rank-3:#b4bbc4;--rank-4:#ddb043;--rank-5:#ee6a4d;--tint-red:#3a2522;--tint-red-strong:#f08f80;--tint-blue:#1f2a38;--tint-blue-strong:#7faee3;--tint-green:#1f2d22;--tint-green-strong:#86c391;--tint-purple:#2a2436;--tint-purple-strong:#b49ce3;--tint-yellow:#322a16;--tint-yellow-strong:#e0b952}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.6}h1,h2,h3{font-family:var(--font-title);line-height:1.3}a{color:var(--accent-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:480px;margin:0 auto;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;padding:16px}.muted{color:var(--muted)}.stem{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px}.code{font-family:var(--font-code);white-space:pre-wrap;overflow-wrap:anywhere}.btn{background:var(--surface);min-height:48px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit;cursor:pointer;transition:background-color var(--motion), border-color var(--motion), opacity var(--motion);justify-content:center;align-items:center;padding:0 20px;display:inline-flex}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--text)}.btn--primary:active{background:var(--accent-strong);border-color:var(--accent-strong)}@media (prefers-color-scheme:dark){.btn--primary{color:var(--bg)}}.btn:disabled{opacity:.5;cursor:default}.option{background:var(--surface);width:100%;min-height:52px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion), border-color var(--motion);align-items:center;padding:12px 16px;display:flex}.option--selected{border-color:var(--accent)}.option--checked{background:var(--accent-tint)}.option--correct{border-color:var(--correct)}.option--wrong{border-color:var(--wrong)}.bottom-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);position:sticky;bottom:0}a.btn{text-decoration:none}.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}.quiz-top{justify-content:space-between;align-items:center;min-height:48px;display:flex}.back{min-height:48px;color:var(--muted);align-items:center;text-decoration:none;display:inline-flex}.progress-text{color:var(--muted);font-size:14px}.progress-chips{gap:4px;margin:0 0 16px;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--border);min-width:0;height:20px;color:var(--muted);text-align:center;white-space:nowrap;border-radius:6px;flex:1;font-size:10px;line-height:18px;overflow:hidden}.chip--correct{background:var(--correct);border-color:var(--correct)}.chip--wrong{background:var(--wrong);border-color:var(--wrong)}.chip--current{border-color:var(--text);border-width:2px;line-height:16px}.chip--current.chip--pending{background:var(--accent)}.chip--skipped{border-style:dashed}.tags{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.tag{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:0 8px;font-size:13px;line-height:22px}.tag--accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.question{margin-bottom:16px}.question .card{margin-bottom:12px}.question .stem{margin:0}.blank{border-bottom:2px solid var(--muted);text-align:center;min-width:4ch;display:inline-block}.blank--correct{border-color:var(--correct);color:var(--correct)}.blank--wrong{border-color:var(--wrong);color:var(--wrong)}.options{gap:8px;margin:0 0 16px;display:grid}.option-label{flex:none;width:28px;font-weight:700}.mark-symbol{flex:none;margin-left:auto;padding-left:8px;font-weight:700}.option-text{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}.option:disabled{color:var(--text);cursor:default}.reference,.feedback{margin-bottom:16px}.reference h3,.feedback h3{margin:0 0 4px;font-size:15px}.feedback p,.reference p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0 0 8px}.rate-actions{margin-top:12px}.rate-actions .btn{padding:0 8px}.reference .key-points{margin:0 0 8px;padding-left:20px}.key-points li{overflow-wrap:anywhere;margin-bottom:6px}.open-timer{justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;display:flex}.open-timer-hint{color:var(--muted);margin:0}.countdown{flex:none;width:44px;height:44px;position:relative}.countdown svg{width:100%;height:100%;transform:rotate(-90deg)}.countdown circle{fill:none;stroke-width:4px}.countdown-track{stroke:var(--border)}.countdown-arc{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset var(--motion) linear}.countdown-number{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.countdown--done .countdown-arc{stroke:var(--wrong)}.countdown--done .countdown-number{color:var(--wrong)}.verdict--correct{color:var(--correct);font-weight:700}.verdict--wrong{color:var(--wrong);font-weight:700}.actions{gap:12px;width:100%;display:flex}.actions>*{flex:1}.page>.bottom-bar{margin:0 -16px}.notice-page{justify-items:start;gap:16px;display:grid}.rank-badge{border:1px solid;border-radius:999px;padding:0 10px;font-size:13px;line-height:24px;display:inline-block}.rank-badge--1{color:var(--rank-1)}.rank-badge--2{color:var(--rank-2)}.rank-badge--3{color:var(--rank-3)}.rank-badge--4{color:var(--rank-4)}.rank-badge--5{color:var(--rank-5)}.home{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.home .card{border-radius:16px}.home-top{gap:12px;display:grid}.home-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-bar h1{margin:0;font-size:22px}.home-bar .rank-badge{flex:none;text-decoration:none}.home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.home-stat{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column-reverse;justify-content:flex-end;gap:2px;min-width:0;padding:10px 8px;display:flex}.home-stat-value{overflow-wrap:anywhere;order:1;font-size:18px;line-height:1.3}.home-stat-label{font-size:12px}.home-stat-note{font-size:11px;line-height:1.3}.home-status{text-align:center;margin:0;font-size:12px}.home-version{white-space:nowrap}.daily-slot:empty{display:none}.entries-title{margin:4px 0 -4px;font-size:15px}.entries{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;display:grid}.entry{background:var(--entry-tint,var(--surface));min-width:0;color:var(--text);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--motion);grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:center;gap:8px;padding:12px;text-decoration:none;display:grid}.entry:active{border-color:var(--accent)}.home-icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.entry-icon{width:28px;height:28px;color:var(--entry-ink,var(--accent-strong));grid-area:1/1}.entry--wrong{--entry-tint:var(--tint-red);--entry-ink:var(--tint-red-strong)}.entry--persona{--entry-tint:var(--tint-green);--entry-ink:var(--tint-green-strong)}.entry--mock{--entry-tint:var(--tint-purple);--entry-ink:var(--tint-purple-strong)}.entry--fun{--entry-tint:var(--tint-yellow);--entry-ink:var(--tint-yellow-strong)}.entry-arrow{width:16px;height:16px;color:var(--muted);grid-area:1/2}.entry-text{grid-area:2/1/auto/-1;gap:2px;min-width:0;display:grid}.entry-title{font-size:15px;font-weight:600;line-height:1.3}.entry-badge{background:var(--accent);color:var(--text);vertical-align:2px;border-radius:999px;margin-inline-start:4px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;display:inline-block}@media (prefers-color-scheme:dark){.entry-badge{color:var(--bg)}}.entry-sub{font-size:12px;line-height:1.4}.wrong-book{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.wrong-book h1,.wrong-book p{margin:0}.wrong-group{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.wrong-group-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.wrong-group-head h2{margin:0;font-size:18px}.wrong-group-head .btn{min-height:40px;padding:0 14px;text-decoration:none}.wrong-list{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.wrong-item{color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:4px;padding:12px;text-decoration:none;display:grid}.wrong-top{align-items:center;gap:12px;display:flex}.wrong-stem{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.wrong-chevron{color:var(--muted);flex:none}.wrong-meta{font-size:13px}.daily-card{--daily-ink:var(--text);background:var(--accent);border-color:var(--accent);color:var(--daily-ink);gap:8px;display:grid}.daily-card :focus-visible{outline-color:var(--daily-ink)}.daily-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.daily-card h2,.daily-card p{margin:0}.daily-card h2{font-size:20px}.daily-date,.daily-headcount{font-size:13px}.daily-hint{font-size:12px;line-height:1.5}.daily-story{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.daily-go{background:var(--bg);border-color:var(--bg);width:100%;color:var(--text);margin-top:4px;font-weight:600;text-decoration:none}.daily-next{text-align:center;font-size:12px}@media (prefers-color-scheme:dark){.daily-card{--daily-ink:var(--bg)}}.story{gap:8px;margin-bottom:12px;display:grid}.story h3,.story p{margin:0}.story-note{font-size:13px}.quiz-banner{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:14px}.report{gap:16px;display:grid}.report-summary,.report-encourage{margin:0}.report-encourage{font-family:var(--font-title);font-size:18px}.report-stats{gap:8px;display:grid}.report-stat{border-bottom:1px solid var(--border);overflow-wrap:anywhere;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:8px 0;display:flex}.report-preview{justify-self:center;margin:0}.report-canvas{aspect-ratio:3/4;border:1px solid var(--border);border-radius:var(--radius);width:216px;max-width:100%;height:auto;display:block}.report-actions{gap:12px;display:grid}.report-notice{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:8px 12px}.report-notice--error{border-color:var(--wrong)}.report-overlay{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);animation:report-fade var(--motion) ease-out;place-items:center;padding:16px;display:grid;position:fixed;inset:0}@keyframes report-fade{0%{opacity:0}}:root{--motion-crit:calc(var(--motion) * 8 / 3);--motion-kill:calc(var(--motion) * 4);--motion-levelup:calc(var(--motion) * 10 / 3)}.combo-bar{border:1px solid var(--accent);background:var(--surface);width:fit-content;max-width:100%;color:var(--text);font-variant-numeric:tabular-nums;border-radius:999px;margin:0 auto 12px;padding:2px 14px;font-weight:700}.combo-bar--bump{animation:combo-fade var(--motion) ease-out}.combo-bar--crit{animation:combo-fade var(--motion-crit) ease-out}@keyframes combo-fade{0%{opacity:.4}}@keyframes combo-bump{50%{transform:scale(1.12)}}@keyframes crit-pop{40%{transform:scale(1.35)}}.crit-flash{z-index:20;background:var(--accent);opacity:0;pointer-events:none;animation:crit-flash var(--motion-crit) ease-out;position:fixed;inset:0}@keyframes crit-flash{30%{opacity:.35}}.kill-note{color:var(--text);font-weight:700}.kill-note--play{animation:kill-fade var(--motion-kill) ease-out}.kill-burst{display:inline-block;position:relative}.kill-shard{background:var(--accent);pointer-events:none;width:8px;height:8px;display:none;position:absolute;top:50%;left:50%}@keyframes kill-fade{0%{opacity:0}}@keyframes kill-pop{0%{opacity:0;transform:scale(.6)}}@keyframes kill-shard{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--rot)) scale(.3)}}.levelup{width:100%;max-width:320px;animation:levelup-fade var(--motion-levelup) ease-out;justify-items:center;gap:12px;padding:16px;display:grid}@keyframes levelup-fade{0%{opacity:0}}@keyframes levelup-rise{0%{opacity:0;transform:translateY(24px)scale(.94)}}.levelup-canvas{aspect-ratio:3/4;border:1px solid var(--border);border-radius:var(--radius);width:auto;max-width:100%;height:auto;max-height:50vh;display:block}.levelup .actions{flex-direction:column}.levelup-notice{min-height:1.6em;color:var(--muted);text-align:center;margin:0;font-size:14px}.levelup-notice--error{color:var(--wrong)}@media (prefers-reduced-motion:no-preference){.combo-bar--bump{animation-name:combo-bump}.combo-bar--crit{animation-name:crit-pop}.kill-note--play{animation-name:kill-pop}.kill-shard{opacity:0;animation:kill-shard var(--motion-kill) ease-out;display:block}.kill-shard:first-of-type{--dx:-56px;--dy:-34px;--rot:-60deg}.kill-shard:nth-of-type(2){--dx:0px;--dy:-44px;--rot:45deg}.kill-shard:nth-of-type(3){--dx:56px;--dy:-30px;--rot:80deg}.kill-shard:nth-of-type(4){--dx:-48px;--dy:30px;--rot:50deg}.kill-shard:nth-of-type(5){--dx:4px;--dy:42px;--rot:-70deg}.kill-shard:nth-of-type(6){--dx:52px;--dy:34px;--rot:30deg}.levelup{animation-name:levelup-rise}}.map{gap:12px;display:grid}.map-title,.map-topic-name{margin:0}.map-title{font-size:18px}.map-rows{gap:12px;margin:0;padding:0;list-style:none;display:grid}.map-row{gap:4px;display:grid}.map-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.map-topic-name{white-space:nowrap;font-size:14px;line-height:20px}.map-count{flex:none;font-size:12px}.map-track{align-items:center;gap:8px;display:flex}.map-dots{--dot:26px;flex-wrap:wrap;flex:1;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.map-dots--dense{--dot:22px}.map-dots li{display:flex}.map-dot{width:var(--dot);height:var(--dot);border:2px solid var(--muted);color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.map-swatch{border:2px solid var(--muted);border-radius:50%;width:12px;height:12px}.map-dot--in_progress{border-color:var(--accent);color:var(--text);border-style:dashed}.map-dot--lit{border-color:var(--accent);background:var(--accent);color:var(--text)}@media (prefers-color-scheme:dark){.map-dot--lit{color:var(--bg)}}.map-intro{gap:2px;display:grid}.map-title-row{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.map-title-row .map-title{flex:auto;min-width:0}.map-title-link{min-height:44px;color:inherit;align-items:center;gap:2px;text-decoration:none;display:flex}.map-arrow{width:18px;height:18px;color:var(--muted)}.map-random{background:var(--tint-blue);min-height:36px;color:var(--text);border:1px solid var(--tint-blue);font:inherit;cursor:pointer;transition:border-color var(--motion);border-radius:999px;flex:none;align-items:center;gap:4px;margin-inline-start:auto;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.map-random:active{border-color:var(--accent)}.map-random-icon{width:16px;height:16px;color:var(--tint-blue-strong)}@media (width<=359px){.map-title{font-size:16px}.map-random{padding:0 10px}.map-random-icon{display:none}}.map-hint{margin:0;font-size:12px;line-height:1.5}.map-legend{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.map-legend li{align-items:center;gap:6px;display:flex}.map-boss{border:1px solid var(--accent-strong);color:var(--text);border-radius:999px;flex:none;margin-inline-start:auto;padding:0 8px;font-size:12px;font-weight:600;line-height:18px;text-decoration:none}.map-boss--cleared{border-color:var(--accent);background:var(--accent)}@media (prefers-color-scheme:dark){.map-boss--cleared{color:var(--bg)}}.map-dot--new{animation:map-light-fade calc(var(--motion) * 2) ease-out}@keyframes map-light{0%{opacity:.4;transform:scale(.7)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes map-light-fade{0%{opacity:.4}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.map-dot--new{animation-name:map-light}}.boss-clear{text-align:center;gap:12px;display:grid}.boss-clear h2,.boss-clear p{margin:0}.persona-start,.persona-result{gap:16px;display:grid}.persona-start h1,.persona-result h1,.persona-result h2,.persona-start p,.persona-result p{margin:0}.persona-heading{font-size:20px}.persona-title{color:var(--accent-strong);overflow-wrap:anywhere;font-size:32px}.persona-weak{text-align:center;overflow-wrap:anywhere}.persona-radar{width:100%;max-width:320px;height:auto;margin:0 auto;display:block}.persona-radar__ring{fill:none;stroke:var(--border);stroke-width:1px}.persona-radar__axis{stroke:var(--border);stroke-width:1px}.persona-radar__shape{fill:var(--accent);fill-opacity:.28;stroke:var(--accent-strong);stroke-width:2px;stroke-linejoin:round}.persona-radar__index{fill:var(--muted);text-anchor:middle;dominant-baseline:central;font-size:12px}.persona-scores{counter-reset:persona-axis;gap:4px;margin:0;padding:0;list-style:none;display:grid}.persona-scores li{overflow-wrap:anywhere;counter-increment:persona-axis;gap:8px;display:flex}.persona-scores li:before{min-width:1.5em;color:var(--muted);content:counter(persona-axis);flex:none}.persona-section{gap:4px;display:grid}.persona-section h2{color:var(--muted);font-size:15px}.persona-card-preview{border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:320px;height:auto;margin:0 auto;display:block}.persona-notice{color:var(--muted);font-size:14px}.mock-start,.mock-result{gap:16px;display:grid}.mock-start h1,.mock-result h1,.mock-result h2,.mock-start p,.mock-result p{margin:0}.mock-top{flex-wrap:wrap;gap:4px 12px}.mock-timer{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-weight:600}.mock-confirm{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:12px;padding:16px;display:grid}.mock-confirm p{overflow-wrap:anywhere;margin:0}.mock-score{color:var(--accent-strong);font-size:40px;font-weight:700;line-height:1.2}.mock-offer{font-weight:600}.mock-disclaimer{color:var(--muted);font-size:14px}.mock-remark{gap:8px;display:grid}.mock-remark h2{color:var(--muted);font-size:15px}.mock-remark p{overflow-wrap:anywhere}.mock-card-preview{border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:320px;height:auto;margin:0 auto;display:block}.mock-notice{color:var(--muted);font-size:14px}.rank-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.rank-top h1{margin:0}.rank-tabs{grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0;display:grid}.rank-tab{text-align:center;padding:0 8px}.rank-tab--active{border-color:var(--accent);color:var(--accent-strong)}.rank-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rank-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:8px 12px;display:flex}.rank-no{min-width:2ch;color:var(--muted);text-align:center;flex:none}.rank-avatar{object-fit:cover;border-radius:50%;flex:none;width:36px;height:36px}.rank-avatar--placeholder{background:var(--border);color:var(--muted);place-items:center;display:grid}.rank-name{overflow-wrap:anywhere;flex:1;min-width:0}.rank-score{font-variant-numeric:tabular-nums;flex:none}.rank-mine{border:1px solid var(--accent);border-radius:var(--radius);justify-content:space-between;gap:12px;margin:16px 0 0;padding:12px;display:flex}.rank-message,.rank-disclaimer{margin:12px 0;font-size:14px}.rank-notice{margin:8px 0}.rank-authorize{gap:8px;margin-top:12px;display:grid}.rank-authorize p{margin:0}.banner{color:var(--text);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 16px;text-decoration:none;display:grid}.banner-text{min-width:0;display:grid}.banner-title,.banner-status{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.banner-title{font-family:var(--font-body);font-size:15px;font-weight:600;line-height:1.4}.banner-status{color:var(--muted);font-size:13px}.banner-arrow{width:20px;height:20px;color:var(--muted)}.banner-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin-top:6px;display:flex}.fan-card--answered .banner-title{color:var(--muted)}.fan-card--follow .banner-status{white-space:normal}.challenge-overlay{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.challenge-dialog{text-align:center;gap:12px;width:100%;max-width:360px;display:grid}.challenge-dialog h2,.challenge-dialog p{margin:0}.challenge-body{justify-items:center;gap:12px;display:grid}.challenge-qr{background:var(--surface);border-radius:var(--radius);width:200px;max-width:100%;height:auto}.challenge-link{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;max-width:100%;font-size:14px}.video-points{margin:12px 0}.video-points strong{margin-right:8px}.fun-start,.fun-result{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.fun-start h1,.fun-start p,.fun-result h1,.fun-result h2,.fun-result p{overflow-wrap:anywhere;margin:0}.fun-intro{white-space:pre-wrap}.fun .question .stem{margin:0 0 16px;font-size:18px;line-height:1.6}.fun .option-label{border:1px solid var(--muted);height:28px;transition:background-color var(--motion), border-color var(--motion), color var(--motion);border-radius:50%;justify-content:center;align-items:center;margin-right:12px;font-size:14px;line-height:1;display:inline-flex}.fun .option--selected .option-label{background:var(--accent);border-color:var(--accent);color:var(--text)}@media (prefers-color-scheme:dark){.fun .option--selected .option-label{color:var(--bg)}}.fun-name{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--accent-strong);text-align:center;padding:24px 16px;font-size:32px;line-height:1.25}.fun-section{gap:4px;display:grid}.fun-section h2{color:var(--muted);font-size:15px}.fun-card-preview{border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:320px;height:auto;margin:0 auto;display:block}.fun-notice{color:var(--muted);font-size:14px}.fun-actions{margin-top:16px}.card-actions>.btn{white-space:nowrap;flex:1;padding:0 12px}.card-actions>.btn--primary{flex:1.3}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:var(--motion)!important;transition-duration:var(--motion)!important;scroll-behavior:auto!important;animation-iteration-count:1!important}}