#app{height:100%}:root{box-sizing:border-box;--bg:#f6f1e7;--fg:#1d1b18;--mute:#7b7468;--acc:#2f5d3a;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121110;--fg:#ece6d9;--mute:#948c7d;--acc:#6fb585}}:root[data-theme=dark]{--bg:#121110;--fg:#ece6d9;--mute:#948c7d;--acc:#6fb585}html{scroll-padding-top:env(safe-area-inset-top,0px)}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font-family:Georgia,Times New Roman,serif}header{top:env(safe-area-inset-top,0px);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);z-index:5;background:linear-gradient(var(--bg),transparent);justify-content:space-between;padding:12px 18px;font:600 13px system-ui,sans-serif;display:flex;position:fixed;left:0;right:0}header b{color:var(--acc)}header span:last-child{cursor:pointer}#feed{scroll-snap-type:y mandatory;height:100%;overflow-y:auto}.card{scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;flex-direction:column;justify-content:center;max-width:640px;height:100%;margin:0 auto;padding:64px 26px 40px;display:flex;position:relative}.src{color:var(--acc);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font:600 12px system-ui,sans-serif}.teaser{cursor:pointer;margin:0;font-size:clamp(24px,5.4vw,32px);line-height:1.38}.rest{max-height:42vh;margin-top:18px;font-size:clamp(19px,4.4vw,24px);line-height:1.55;transition:filter .6s,opacity .6s;overflow-y:auto}.rest p{margin:0 0 14px}.locked .rest{filter:blur(9px);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden}.reveal{color:var(--bg);background:var(--fg);cursor:pointer;border:0;border-radius:99px;padding:13px 18px;font:600 14px system-ui,sans-serif;display:none;position:absolute;bottom:34%;left:26px;right:26px}.locked .reveal{display:block}.bar{color:var(--mute);align-items:center;gap:10px;margin-top:20px;font:14px system-ui,sans-serif;display:flex}.bar button,.chip,#go{font:inherit;border:1px solid var(--mute);color:var(--fg);cursor:pointer;background:0 0;border-radius:99px;padding:8px 14px}.on{background:var(--acc)!important;border-color:var(--acc)!important;color:#fff!important}.hint{margin-left:auto}#onb{background:var(--bg);z-index:10;box-sizing:border-box;flex-direction:column;justify-content:center;max-width:560px;margin:0 auto;padding:30px;display:flex;position:fixed;inset:0}#onb h1{margin:0 0 8px;font-size:30px}#onb p{color:var(--mute);margin:0 0 22px;font:15px system-ui,sans-serif}#chips{flex-wrap:wrap;gap:10px;margin-bottom:26px;font-family:system-ui,sans-serif;display:flex}.chip{text-transform:capitalize;padding:11px 18px;font-size:16px}#go{background:var(--fg);color:var(--bg);opacity:.35;padding:14px;font:600 15px system-ui,sans-serif}#go.ready{opacity:1}#inst{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:8;background:var(--fg);max-width:520px;color:var(--bg);border-radius:16px;margin:0 auto;padding:14px 16px;font:14px/1.4 system-ui,sans-serif;display:none;position:fixed;box-shadow:0 6px 24px #0000004d}#inst b{margin-bottom:3px;font-size:15px;display:block}#inst .x{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;font-size:20px;position:absolute;top:6px;right:10px}#inst .go{background:var(--acc);color:#fff;cursor:pointer;border:0;border-radius:99px;margin-top:8px;padding:8px 16px;font:600 14px system-ui,sans-serif;display:none}.end h2{margin:0 0 14px;font-size:clamp(28px,6.4vw,40px);font-weight:400;line-height:1.2}.endp{color:var(--mute);max-width:30em;margin:0;font:18px/1.55 system-ui,sans-serif}.end .bar{flex-wrap:wrap;margin-top:26px}button:disabled{opacity:.4}.err{text-align:center;color:var(--mute);padding:90px 26px;font:16px system-ui,sans-serif}header span:first-child{color:var(--fg)}