:root{--bg: #f5eee7;--surface: #fffaf6;--surface-soft: #f8f1ea;--surface-strong: #f0e5db;--text: #27323b;--muted: #7a7f85;--border: #eadfd6;--border-strong: #decfc4;--primary: #ef5a43;--primary-deep: #d94834;--primary-soft: #ffe5df;--accent: #8e9e77;--accent-soft: #edf2e7;--warm: #f2c9a5;--shadow-sm: 0 8px 20px rgba(72, 52, 39, .06);--shadow: 0 18px 38px rgba(72, 52, 39, .08);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8f1ea,#f3ece5);line-height:1.5}a{color:var(--primary-deep);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:clamp(1.5rem,2vw,1.85rem)}h2{font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.08;letter-spacing:-.03em}h3{font-size:1.02rem;line-height:1.25}.app-frame{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1rem;max-width:1380px;margin:0 auto;padding:1rem}.app-sidebar{position:sticky;top:1rem;align-self:start;min-height:calc(100vh - 2rem);display:flex;flex-direction:column;justify-content:space-between;gap:1rem;background:linear-gradient(180deg,#fff8f2,#f8efe8);border:1px solid var(--border);border-radius:28px;padding:1.2rem;box-shadow:var(--shadow-sm)}.sidebar-kicker,.home-eyebrow,.section-kicker,.story-label,.topbar-label{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;color:#8b7768}.sidebar-brand{display:inline-flex;margin-top:.35rem;font-size:1.8rem;font-weight:800;color:#21303a;letter-spacing:-.04em}.sidebar-brand:hover{text-decoration:none}.sidebar-tagline{margin-top:.5rem;color:var(--muted);font-size:.95rem}.sidebar-nav{display:grid;gap:.35rem}.sidebar-nav a{display:flex;align-items:center;min-height:2.7rem;padding:.72rem .9rem;border-radius:16px;color:#34424d;font-weight:650}.sidebar-nav a:hover{text-decoration:none;background:#fffaf6}.sidebar-nav a.router-link-active{background:var(--primary);color:#fff;box-shadow:0 10px 22px #ef5a433d}.sidebar-footer{display:grid;gap:.75rem}.sidebar-notice{background:var(--primary-soft);border:1px solid #f3c8c0;color:#7d3d35}.app-main-column{display:grid;gap:1rem}.topbar-card,.view-card,.hero-editorial-card,.rail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.topbar-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.15rem}.topbar-title{font-size:1.55rem;letter-spacing:-.03em}.topbar-actions{min-width:min(640px,62%);display:flex;justify-content:flex-end}.home-dashboard{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.95fr);gap:1rem}.home-main-column,.home-right-rail{min-width:0}.stack{display:grid;gap:1rem}.stack-sm{display:grid;gap:.5rem}.row{display:flex;align-items:center;gap:.7rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:1rem}.align-start{align-items:flex-start}.hero-editorial-card{padding:1.3rem;background:linear-gradient(180deg,#fffaf5,#fff6ef)}.home-hero-text{max-width:42rem}.home-hero-actions{margin-top:.3rem}.editorial-feature-card,.feature-section,.rail-card{padding:1.1rem}.story-feed,.rail-list{display:grid;gap:.75rem}.story-feed-card,.rail-list-item{background:var(--surface-soft);border:1px solid var(--border);border-radius:18px;padding:.95rem}.empty-state-card{background:#fcf8f4}.story-meta,.muted,.text-sm,.text-xs{color:var(--muted)}.home-stat-row{display:flex;gap:.9rem;margin-top:.9rem;color:#7a604f;font-weight:700}.rail-card-accent{background:linear-gradient(180deg,#fff7f0,#fff0e7)}.rail-card-soft{background:linear-gradient(180deg,#fbf6f1,#f7efe8)}label{display:grid;gap:.35rem;font-weight:600}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.7rem .8rem;background:#fff;color:var(--text)}textarea{resize:vertical;min-height:110px}button{border:1px solid var(--primary-deep);background:linear-gradient(180deg,var(--primary) 0%,var(--primary-deep) 100%);color:#fff;border-radius:14px;padding:.65rem .95rem;font-weight:700;cursor:pointer}button:hover:enabled{filter:brightness(1.03)}button:disabled{opacity:.7;cursor:not-allowed}.button-secondary{background:#fff;color:#5a4d43;border:1px solid var(--border-strong)}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1rem;border-radius:14px;font-weight:700;text-decoration:none}.button-link:hover{text-decoration:none}.button-link.warm{background:var(--primary);color:#fff;box-shadow:0 12px 24px #ef5a4333}.button-link.muted-link{background:#fff;color:#5c5b5b;border:1px solid var(--border)}.auth-panel{display:grid;gap:.55rem;background:#fffdfb;border:1px solid var(--border);border-radius:18px;padding:.75rem}.auth-panel-inline{width:min(100%,640px)}.auth-tabs{display:flex;gap:.35rem}.auth-tabs button{flex:1;background:#f8eee8;color:#6d5648;border:1px solid var(--border);padding:.45rem .65rem;border-radius:10px;box-shadow:none}.auth-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary-deep)}.auth-inline-fields{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto;gap:.45rem}.auth-inline-mini{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.auth-chip{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:#fff9f5;border:1px solid var(--border);border-radius:999px;padding:.35rem .45rem .35rem .7rem}.auth-email{font-size:.85rem;font-weight:600;color:#5b4d42}.auth-role{background:var(--accent-soft);color:#57634a;border-radius:999px;font-size:.7rem;font-weight:800;padding:.16rem .45rem}.auth-btn{padding:.55rem .8rem;font-size:.84rem}.auth-error{color:#a3473e;font-size:.78rem}.auth-google-mini{white-space:nowrap}.site-auth-notice{display:inline-block;border-radius:14px;padding:.55rem .75rem;font-size:.82rem}.status-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .7rem;border-radius:999px;font-size:.82rem;font-weight:700}.status-chip-warm{background:#fff0e5;color:#9a563b;border:1px solid #f0d4be}.status-dot{width:.55rem;height:.55rem;border-radius:999px;background:var(--primary)}.pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border);background:#fff;color:#6d5648;font-size:.76rem;font-weight:700;padding:.2rem .5rem}.warm-pill{background:var(--primary-soft);border-color:#f3c9c0;color:#8b4a3a}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:.9rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:.9rem}.view-card{padding:1rem}.cardish{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem}.install-toast{position:fixed;right:1rem;bottom:1rem;z-index:50;width:min(380px,calc(100vw - 2rem));display:flex;align-items:flex-end;justify-content:space-between;gap:.9rem;padding:.95rem 1rem;border-radius:18px;background:#27323bf5;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px #0b102a40;color:#fffaf6}.install-toast-body{min-width:0}.install-toast-body strong{display:block;margin-bottom:.18rem;font-size:.95rem}.install-toast-body p{color:#fffaf6d1;font-size:.84rem}.install-toast-actions{display:flex;gap:.45rem;flex-shrink:0}.update-toast{bottom:5.9rem}.toast-slide-enter-active,.toast-slide-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-slide-enter-from,.toast-slide-leave-to{opacity:0;transform:translateY(10px)}:focus-visible{outline:3px solid #f3a68c;outline-offset:1px}@media(max-width:1100px){.app-frame{grid-template-columns:1fr}.app-sidebar{position:static;min-height:auto}.home-dashboard{grid-template-columns:1fr}}@media(max-width:820px){.topbar-card,.auth-inline-fields,.grid-2,.grid-3{grid-template-columns:1fr}.topbar-card{flex-direction:column;align-items:stretch}.topbar-actions{min-width:0;width:100%}.auth-inline-mini{flex-direction:column;align-items:stretch}.install-toast,.update-toast{left:.75rem;right:.75rem;bottom:.75rem;width:auto;flex-direction:column;align-items:stretch}.update-toast{bottom:6.4rem}.install-toast-actions{width:100%;flex-direction:column}button{width:100%}.row-mobile-stack{flex-direction:column;align-items:stretch}}