:root{--font-ui: "Instrument Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ink-0: #0c0e12;--ink-2: #171b22;--line-hard: rgba(150, 165, 192, .2);--line-control: rgba(150, 165, 192, .35);--text: #e8ebf2;--text-2: #aab2c0;--text-3: #788292;--accent: #a8bcff;--accent-hi: #c1cfff;--accent-ink: #0d1124;--r: 8px;--r-sm: 6px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(pointer:coarse){select{font-size:16px!important}}body{margin:0;background:var(--ink-0);color:var(--text);font:400 13px/1.45 var(--font-ui);-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:#a8bcff4d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border:1px solid var(--line-hard);border-radius:var(--r);background:var(--ink-2);color:var(--text-2);font-weight:500;white-space:nowrap;box-shadow:inset 0 1px #ffffff08}.btn:hover:not(:disabled){color:var(--text);border-color:#96a5c052;background:#1b2028}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:600;box-shadow:inset 0 1px #ffffff59,0 1px 2px #0000004d}.btn.primary:hover:not(:disabled){background:var(--accent-hi);color:var(--accent-ink)}.btn.primary:disabled{background:#a8bcff40;color:#0d1124cc;opacity:1}.app{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100%;padding:0 16px}.main{flex:1;min-height:0;display:flex;flex-direction:column}.nav{flex:none;display:flex;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:6px;min-height:52px;padding:10px 0;border-bottom:1px solid var(--line-hard)}.logo{font-size:19px;font-weight:600;letter-spacing:.02em}.nav-links{display:flex;gap:16px;margin-left:4px;font-size:14px}.nav-links a{padding:2px 0;border-bottom:2px solid transparent;color:var(--text-2);text-decoration:none}.nav-links a:hover{color:var(--text)}.nav-links a[aria-current=page]{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.nav-gap{flex:1 1 auto}.refresh{display:inline-flex;align-items:center;gap:8px;color:var(--text-2)}.refresh select{height:28px;padding:0 6px;border:1px solid var(--line-control);border-radius:var(--r-sm);background:var(--ink-2);color:var(--text);font:500 12px var(--font-mono);color-scheme:dark}.clock{color:var(--text-2);font:400 14px var(--font-mono);font-variant-numeric:tabular-nums}.who{display:flex;align-items:center;gap:10px;min-width:0}.who-name{overflow:hidden;max-width:200px;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap}.ground{flex:1;display:grid;place-items:center;padding:24px 0;text-align:center;overflow-wrap:anywhere}.ground>div{max-width:460px}.ground h1{margin:0;font-size:17px;font-weight:600;line-height:1.3}.ground div h1{margin-bottom:8px}.ground p{margin:0 0 14px;color:var(--text-2)}.ground b{color:var(--text);font-weight:600}.ground .quiet{margin:0;color:var(--text-3)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}@media(max-width:640px){.nav-links{order:1;flex-wrap:wrap;gap:4px 12px;width:100%;margin-left:0;font-size:13px}.who{order:2;justify-content:space-between;width:100%}.who-name{max-width:none}}
