:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface-2: #242424;--border: #2e2e2e;--text: #e8e8e8;--text-muted: #888;--accent: #ff4d4d;--accent-dim: #c43030;--green: #3dba6e;--yellow: #e8b84b;--radius: 6px;--font: "Inter", "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit;border:none;border-radius:var(--radius);padding:.4rem .9rem;background:var(--surface-2);color:var(--text);transition:background .15s}button:hover{background:var(--border)}button.primary{background:var(--accent);color:#fff}button.primary:hover{background:var(--accent-dim)}button:disabled{opacity:.4;cursor:not-allowed}input,select{font:inherit;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .7rem}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.03em;background:var(--surface-2);color:var(--text-muted)}.badge.pending{background:#2a2a00;color:var(--yellow)}.badge.posted{background:#0a2a1a;color:var(--green)}.badge.skipped{background:#2a1a1a;color:#c06060}.tag{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:11px;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.error-msg{color:var(--accent);font-size:13px}.signout.svelte-12qhfyh{margin-top:auto;margin-left:1.25rem;margin-right:1.25rem;font-size:13px;text-align:left;padding:.45rem 0;color:var(--text-muted);background:none;border:none;border-top:1px solid var(--border);cursor:pointer}.signout.svelte-12qhfyh:hover{color:var(--text)}.shell.svelte-12qhfyh{display:flex;height:100vh;overflow:hidden}.sidebar.svelte-12qhfyh{width:180px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.25rem 0}.logo.svelte-12qhfyh{font-size:18px;font-weight:700;color:var(--accent);padding:0 1.25rem 1.25rem;letter-spacing:-.02em}ul.svelte-12qhfyh{list-style:none}li.svelte-12qhfyh a:where(.svelte-12qhfyh){display:block;padding:.55rem 1.25rem;color:var(--text-muted);font-weight:500;border-left:3px solid transparent;transition:color .15s,border-color .15s}li.svelte-12qhfyh a:where(.svelte-12qhfyh):hover,li.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--text);border-color:var(--accent);background:var(--surface-2);text-decoration:none}.content.svelte-12qhfyh{flex:1;overflow-y:auto;padding:1.75rem 2rem}.topbar.svelte-12qhfyh,.bottom-nav.svelte-12qhfyh{display:none}@media(max-width:767px){.shell.svelte-12qhfyh{flex-direction:column}.sidebar.svelte-12qhfyh{display:none}.topbar.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem;height:48px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);padding:0 1rem}.topbar.svelte-12qhfyh .logo:where(.svelte-12qhfyh){padding:0;font-size:18px;font-weight:700;color:var(--accent);letter-spacing:-.02em;flex-shrink:0}.topbar-title.svelte-12qhfyh{font-size:14px;font-weight:600;color:var(--text-muted);border-left:1px solid var(--border);padding-left:.75rem}.content.svelte-12qhfyh{padding:1rem;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.bottom-nav.svelte-12qhfyh{display:flex;align-items:stretch;position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);z-index:100}.nav-side.svelte-12qhfyh{display:flex;flex:1;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.nav-side.svelte-12qhfyh a:where(.svelte-12qhfyh){display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;font-size:10px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .15s}.nav-side.svelte-12qhfyh a:where(.svelte-12qhfyh):hover,.nav-side.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--accent)}.home-btn.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:80px;flex-shrink:0;background:var(--accent);color:#fff;text-decoration:none;font-size:11px;font-weight:600;border-radius:18px 18px 0 0;box-shadow:0 -4px 20px #ff4d4d59;padding-bottom:calc(6px + env(safe-area-inset-bottom));transition:background .15s,box-shadow .15s}.home-btn.svelte-12qhfyh:hover,.home-btn.active.svelte-12qhfyh{background:var(--accent-dim);box-shadow:0 -4px 24px #ff4d4d8c}}