:root{--bg: #f5f6f8;--fg: #12141a;--card: #fff;--muted: #5b6270;--accent: #3b5bdb;--border: #dfe2e8}@media(prefers-color-scheme:dark){:root{--bg: #12141a;--fg: #eceef3;--card: #1b1e26;--muted: #9aa2b1;--accent: #748ffc;--border: #2b303b}}*{box-sizing:border-box}body{margin:0;font:16px/1.5 -apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}.topbar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--accent);color:#fff;position:sticky;top:0;z-index:2}.hamburger{font-size:20px;line-height:1;padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.5);background:transparent;color:inherit}.tabs{display:none;gap:16px;margin-left:auto}.tabs a,.sidebar a,.drawer a{color:inherit;text-decoration:none}.breakpoint{margin-left:auto;font:12px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;opacity:.9}.bp-mobile,.bp-tablet,.bp-desktop{display:none}.shell{display:flex;align-items:flex-start}.sidebar{display:none;flex:0 0 200px;padding:24px 16px;border-right:1px solid var(--border);min-height:100vh}.sidebar nav{display:grid;gap:12px}.drawer{position:fixed;inset:52px 0 auto;background:var(--card);border-bottom:1px solid var(--border);padding:16px;display:grid;gap:12px;z-index:3}.grid{flex:1;display:grid;grid-template-columns:1fr;gap:16px;padding:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}h2{margin:0 0 12px;font-size:17px}.filler{grid-column:1 / -1}.filler p,.hint,.clock{color:var(--muted)}.clock{font:28px/1 ui-monospace,monospace;font-variant-numeric:tabular-nums}.avatars{display:flex;gap:12px}.avatar{width:48px;height:48px;border-radius:50%;background:conic-gradient(from 0deg,#ff6b6b,#ffd43b,#51cf66,#339af0,#ff6b6b)}input{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--fg)}.pulse{height:12px;width:60%;border-radius:6px;background:var(--border);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner,.pulse{animation:none}}@media(max-width:639px){.bp-mobile{display:inline}}@media(min-width:640px){.bp-tablet{display:inline}.hamburger{display:none}.tabs{display:flex}.breakpoint{margin-left:0}.grid{grid-template-columns:repeat(2,1fr);padding:24px}}@media(min-width:1024px){.bp-tablet{display:none}.bp-desktop{display:inline}.sidebar{display:block}.grid{grid-template-columns:repeat(3,1fr);max-width:1200px}}