:root{--bg:#f6f4ef;--surface:#fff;--text:#1c2429;--muted:#55626b;--accent:#1b3a4b;--accent-text:#fff;--line:#d9d4c7;--space:16px;--radius:10px;--tap:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12181c;--surface:#1b2328;--text:#e8ecee;--muted:#a3afb6;--accent:#8fc3dc;--accent-text:#0f1a20;--line:#2f3a41}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);overflow-wrap:anywhere;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:0 0 var(--space);font-size:1.5rem}button{min-height:var(--tap);padding:0 var(--space);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.welcome{max-width:28rem;padding:calc(var(--space) * 3) var(--space);margin:0 auto}.banner{z-index:10;gap:var(--space);padding:8px var(--space);background:var(--accent);color:var(--accent-text);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.shell{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.top{gap:var(--space);min-width:0;padding:8px var(--space);background:var(--surface);border-bottom:1px solid var(--line);align-items:center;display:flex;position:sticky;top:0}.who{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.content{padding:var(--space);width:100%;min-width:0;max-width:44rem;margin:0 auto}.empty{color:var(--muted)}.nav{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);order:3;display:flex;position:sticky;bottom:0}.nav a{min-height:var(--tap);text-align:center;color:var(--muted);flex:1;place-items:center;padding:4px;font-size:.8rem;text-decoration:none;display:grid}.nav a[aria-current=page]{color:var(--accent);box-shadow:inset 0 3px 0 var(--accent);font-weight:700}@media (width>=720px){.shell{grid-template-rows:auto 1fr;grid-template-columns:14rem 1fr}.top{grid-column:1/-1}.nav{border-top:0;border-right:1px solid var(--line);padding:var(--space) 0;flex-direction:column;order:0;grid-row:2;position:static}.nav a{padding:0 var(--space);flex:none;justify-content:start;place-items:center start;font-size:1rem}.nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--accent)}.content{margin:0}}