:root{color-scheme:light dark;--bg:#f5f5f3;--surface:#fff;--surface-2:#efefec;--line:#e2e2de;--text:#1c1c1a;--muted:#6b6b66;--accent:#2f6f4f;--accent-text:#fff;--danger:#b3261e;--ok-bg:#e6f2ea;--err-bg:#fbe9e7;--radius:8px;--nav:4rem;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141414;--surface:#1c1c1c;--surface-2:#252525;--line:#2e2e2e;--text:#ececea;--muted:#9a9a95;--accent:#5fb487;--accent-text:#0f1f17;--danger:#e5736b;--ok-bg:#1d2b23;--err-bg:#2f1d1b}}:root[data-theme=dark]{color-scheme:dark;--bg:#141414;--surface:#1c1c1c;--surface-2:#252525;--line:#2e2e2e;--text:#ececea;--muted:#9a9a95;--accent:#5fb487;--accent-text:#0f1f17;--danger:#e5736b;--ok-bg:#1d2b23;--err-bg:#2f1d1b}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);margin:0;font-size:16px;line-height:1.4}body{min-height:100dvh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;font-weight:600}h3{font-size:1rem}p{margin:0}.app-shell{min-height:100dvh}.rail{display:none}.stage{min-width:0;padding:0 1rem calc(var(--nav) + 1.25rem)}.topbar{z-index:20;background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 0;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.5rem;min-width:0;font-weight:600;display:flex}.topbar-end{align-items:center;gap:.75rem;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;place-items:center;width:2.25rem;height:2.25rem;padding:0;font-size:1rem;line-height:1;display:grid}.theme-toggle:hover{border-color:var(--muted)}.mobile-menu{position:relative}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] summary{background:var(--surface-2)}.mobile-menu-panel{z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:14rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 8px 24px #00000026}.mobile-menu-panel a,.mobile-menu-panel button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:.7rem .75rem;font-size:.9375rem;display:block}.mobile-menu-panel a.active{background:var(--surface-2);font-weight:600}.mobile-menu-panel form{border-top:1px solid var(--line);margin-top:.35rem;padding-top:.35rem}.mobile-menu-panel button{color:var(--danger)}.wallet{color:var(--muted);white-space:nowrap;font-size:.875rem}.wallet strong{color:var(--text)}.chip{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;padding:.3rem .75rem;font-size:.875rem;display:inline-flex}.chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}.page{gap:1rem;padding-bottom:1rem;display:grid}.page-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.page-head h2{font-size:1.4rem}.lede{color:var(--muted);font-size:.9375rem}.grid{gap:.75rem;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}a.card:hover{border-color:var(--muted)}.card-row{align-items:flex-start;gap:.75rem;display:flex}.icon-seal{background:color-mix(in srgb, var(--seal,var(--muted)) 18%, var(--surface));border-radius:6px;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;font-size:1.1rem;display:grid}.muted{color:var(--muted)}.tiny{font-size:.8125rem}.xp-bar{background:var(--surface-2);border-radius:999px;height:.5rem;overflow:hidden}.xp-bar span{background:var(--accent);height:100%;display:block}.quest{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:.75rem;padding:.75rem 1rem;display:flex}.quest-body{flex:1;min-width:0}.quest-name{font-weight:600}.quest-name:hover{text-decoration:underline}.quest-xp{color:var(--accent);white-space:nowrap;font-size:.875rem;font-weight:600}.quest-links{align-items:center;gap:1rem;margin-top:.35rem;display:flex}.quest-links form{display:flex}.quest.done .quest-name{color:var(--muted);text-decoration:line-through}.check{border:2px solid var(--line);cursor:pointer;color:#0000;background:0 0;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;margin-top:.1rem;padding:0;font-size:.9rem;line-height:1;display:grid}.check:hover{border-color:var(--accent);color:var(--accent)}.check.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.link,.link-danger{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.8125rem;line-height:1.4;display:inline-block}.link:hover{color:var(--text);text-decoration:underline}.link-danger:hover{color:var(--danger);text-decoration:underline}.bottom-nav{height:var(--nav);background:var(--surface);border-top:1px solid var(--line);padding:0 .25rem env(safe-area-inset-bottom);z-index:30;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--muted);justify-content:center;align-items:center;min-height:44px;font-size:.8125rem;display:flex}.bottom-nav a.active{color:var(--text);font-weight:600}.btn,.btn-ghost,.btn-danger{border:1px solid var(--accent);background:var(--accent);min-height:40px;color:var(--accent-text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--line)}.btn-ghost:hover{border-color:var(--muted)}.btn-danger{color:var(--danger);border-color:var(--line);background:0 0}.btn-danger:hover{border-color:var(--danger)}.btn.wide,.btn-ghost.wide,.btn-danger.wide{width:100%}button:disabled{opacity:.45;cursor:not-allowed;filter:none}.field{gap:.3rem;display:grid}.field span{color:var(--muted);font-size:.875rem}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--bg);border-radius:6px;width:100%;min-height:40px;padding:.5rem .7rem}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:-1px}.field input[type=checkbox]{width:1.1rem;min-height:0;accent-color:var(--accent)}.field input[type=color]{padding:.2rem}.field textarea{resize:vertical;min-height:5rem}.banner{border-radius:6px;padding:.7rem .9rem;font-size:.9375rem}.banner.ok{background:var(--ok-bg)}.banner.err{background:var(--err-bg);color:var(--danger)}.badge{color:var(--muted);white-space:nowrap;font-size:.8125rem}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.split{align-items:start;gap:.75rem;display:grid}.stat{gap:.15rem;display:grid}.stat b{font-size:1.35rem}.done{opacity:.6}.quest.done{opacity:1}.avatar-pick{flex-wrap:wrap;gap:.4rem;display:flex}.avatar-pick label{border:1px solid var(--line);cursor:pointer;border-radius:6px;place-items:center;width:44px;height:44px;display:grid}.avatar-pick input{display:none}.avatar-pick label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent)}.auth-wrap{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.auth-card{width:min(24rem,100%)}@media (width>=900px){.app-shell{grid-template-columns:13rem 1fr;display:grid}.rail{border-right:1px solid var(--line);flex-direction:column;gap:.15rem;height:100dvh;padding:1rem .75rem;display:flex;position:sticky;top:0}.rail .brand{padding:.5rem .6rem 1rem}.rail a{color:var(--muted);border-radius:6px;padding:.5rem .6rem;font-size:.9375rem}.rail a.active,.rail a:hover{background:var(--surface-2);color:var(--text)}.bottom-nav,.mobile-menu{display:none}.stage{padding:0 2rem 2rem}.split{grid-template-columns:1.4fr .8fr}.grid.cols-2{grid-template-columns:repeat(auto-fill,minmax(24rem,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}}