:root{--bg: oklch(18% .003 250deg);--surface: oklch(23% .005 250deg);--surface-2: oklch(30% .008 250deg);--line: oklch(30% .008 250deg);--shell: oklch(14.48% 0 0deg);--text: oklch(92% .008 250deg);--text-dim: oklch(72% .01 250deg);--text-faint: oklch(55% .008 250deg);--teal: #01a4a4;--teal-press: #017f7f;--green: #5aca00;--amber: #e6a100;--red: #e5484d;--bubble-out: #01a4a4;--bubble-in: oklch(27% .005 250deg);--radius: 14px;--tap: 48px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;height:100%;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit}.app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:#0a0a0aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar h1{font-size:20px;font-weight:600;margin:0;flex:1}.brandbar{background:var(--shell)}.brandwrap{flex:1;display:flex;flex-direction:column}.wordmark{font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.05}.wordmark .g{color:var(--teal)}.subtitle{font-size:12px;color:var(--text-dim);margin-top:2px;letter-spacing:.02em}.dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--text-faint)}.dot.free{background:var(--green)}.dot.busy{background:var(--amber)}.dot.unknown{background:var(--text-faint)}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--teal);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}