:root{--bg: #0b0b0c;--surface: #141416;--surface-2: #1c1c20;--border: #2a2a30;--text: #e5e7eb;--muted: #9aa0aa;--accent: #4f8cff;--live: #35c37d;--ended: #9aa0aa;--archived: #6b7280;--error: #ff6b6b;--header-h: 3rem;--tabbar-h: 3.25rem}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.4}button{font:inherit;cursor:pointer}.token-gate{min-height:100%;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 1.5rem) 1.25rem calc(env(safe-area-inset-bottom) + 1.5rem)}.token-gate__panel{width:100%;max-width:26rem}.token-gate h1{margin:0 0 .5rem;font-size:1.5rem}.token-gate form{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.token-gate label{font-size:.85rem;color:var(--muted)}.token-gate input{padding:.75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem}.token-gate button[type=submit]{padding:.75rem;border-radius:.5rem;border:none;background:var(--accent);color:#fff;font-weight:600}.token-gate button[type=submit]:disabled{opacity:.5}.muted{color:var(--muted)}.small{font-size:.8rem}.install-hint{margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1rem}.install-hint summary{cursor:pointer;color:var(--accent)}.install-hint ol{color:var(--muted);padding-left:1.25rem}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 1rem 0;background:#0b0b0ce6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:10}.app-header__brand{font-weight:700}.link-button{background:none;border:none;color:var(--accent);padding:.5rem}.app-main{flex:1;padding:1rem 1rem calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 1rem)}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#141416f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border)}.tab-bar a{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;font-size:.85rem}.tab-bar a.active{color:var(--text);font-weight:600}.session-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.session-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:.9rem}.session-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.session-card__title{margin:0;font-size:1rem}.session-card__meta{margin:.35rem 0 0;color:var(--muted);font-size:.85rem}.session-card__preview{margin:.5rem 0 0;color:var(--text);font-size:.9rem;opacity:.85}.session-card__actions{margin-top:.75rem}.badge{font-size:.7rem;padding:.15rem .5rem;border-radius:1rem;white-space:nowrap}.badge--live{background:#35c37d26;color:var(--live)}.badge--ended{background:#9aa0aa26;color:var(--ended)}.badge--archived{background:#6b728026;color:var(--archived)}.notice,.placeholder{padding:1rem;color:var(--muted)}.notice--error{color:var(--error)}.placeholder h2{color:var(--text)}.pin-button{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:1rem;padding:.35rem .8rem;font-size:.8rem}.pin-button--on{color:var(--accent);border-color:var(--accent)}.pin-button:disabled{opacity:.55}.session-card--stale{opacity:.8;border-style:dashed}.toggle-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.75rem 1rem 0;padding:.6rem .9rem;background:#ff6b6b1f;border:1px solid var(--error);border-radius:.5rem;color:var(--error);font-size:.85rem}.live-view__picker{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted)}.live-view__picker select{padding:.6rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem}.live-view__status{font-size:.9rem;color:var(--muted)}.live-view__events{margin-top:.5rem;max-height:60vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.75rem}.live-view__line{margin:0 0 .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;white-space:pre-wrap;word-break:break-word}.update-prompt{position:fixed;left:1rem;right:1rem;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + .75rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.75rem;padding:.75rem 1rem;z-index:20}.update-prompt button{background:var(--accent);color:#fff;border:none;border-radius:.5rem;padding:.5rem .9rem}