*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-border: #2a2d3a;--color-text: #e2e8f0;--color-muted: #94a3b8;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-error: #f87171;--font: "Inter", system-ui, -apple-system, sans-serif;--radius: 8px}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:16px;line-height:1.5;min-height:100dvh}.loading{display:flex;align-items:center;justify-content:center;height:100dvh;color:var(--color-muted)}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:1rem;padding:2rem;text-align:center}.login-screen h1{margin:0;font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.tagline{margin:0;color:var(--color-muted);font-size:1.1rem}.error-banner{color:var(--color-error);background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius);padding:.75rem 1.25rem;margin:0;max-width:400px}.login-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:500;cursor:pointer;transition:background .15s;margin-top:.5rem}.login-btn:hover{background:var(--color-accent-hover)}.app-header{display:flex;align-items:center;gap:1rem;padding:0 1.5rem;height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.app-header h1{margin:0;font-size:1.25rem;font-weight:600}.spacer{flex:1}.sign-out-btn{padding:.375rem .875rem;background:transparent;color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;cursor:pointer;transition:color .15s,border-color .15s}.sign-out-btn:hover{color:var(--color-text);border-color:var(--color-muted)}.app-main{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.home{display:flex;flex-direction:column;gap:.75rem}.home h2{margin:0;font-size:1.5rem;font-weight:600}.user-id{margin:0;color:var(--color-muted);font-size:.875rem;font-family:monospace}.placeholder-note{margin:0;color:var(--color-muted)}