:root{--bg:#090b12;--surface:#111521;--soft:#171d2c;--line:#273149;--text:#edf1ff;--muted:#97a4c8;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% -10%, #4667bf47, transparent 34%), radial-gradient(circle at 90% -5%, #2db6982e, transparent 28%), var(--bg);min-height:100vh;margin:0}button{font:inherit;cursor:pointer}.app-shell{width:min(100%,44rem);min-height:100svh;margin:0 auto;padding:1rem .9rem 5.5rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0;font-size:.72rem}h1{letter-spacing:.01em;margin:.2rem 0 0;font-size:1.55rem}.ghost-btn{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:999px;padding:.5rem .85rem;font-size:.85rem}.ghost-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn.danger{color:#ffc5d0;border-color:#673444}.tabs{background:color-mix(in oklab, var(--surface) 86%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;border-radius:1rem;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-bottom:1rem;padding:.5rem;display:grid;position:sticky;bottom:.8rem}.tab{color:var(--muted);background:0 0;border:0;border-radius:.75rem;padding:.55rem .35rem;font-size:.84rem;font-weight:600}.tab.active{background:var(--soft);color:var(--text)}.card{border:1px solid var(--line);background:var(--surface);border-radius:1rem;padding:.95rem;box-shadow:0 10px 32px #0003}.card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.78rem}.auth-surface{margin-bottom:.8rem}.auth-surface h2{margin:.5rem 0;font-size:1.2rem}.auth-surface p{margin:0 0 .6rem;line-height:1.45}.account-block{border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 88%, black);border-radius:.8rem;margin:.75rem 0;padding:.75rem}.text-input{border:1px solid var(--line);width:100%;color:var(--text);background:#0d111b;border-radius:.75rem;padding:.55rem .65rem}.row-actions{flex-wrap:wrap;gap:.5rem;margin-top:.55rem;display:flex}.toggle-row{align-items:flex-start;gap:.5rem;margin:.55rem 0;font-size:.9rem;display:flex}.privacy-note{color:var(--muted);font-size:.83rem}.apple-btn{color:#0d111b;background:#f5f7ff;border:1px solid #f5f7ff;border-radius:999px;padding:.56rem .92rem;font-size:.87rem;font-weight:600}.apple-btn:disabled{opacity:.5;cursor:not-allowed}.error-text{color:#ffb8c5}.dev-details{margin-bottom:.9rem}.dev-details>summary{cursor:pointer;color:var(--muted);margin-bottom:.5rem;font-size:.84rem}.dev-panel{border:1px dashed var(--line);background:color-mix(in oklab, var(--surface) 70%, black);border-radius:.85rem;padding:.75rem}.dev-panel p{color:var(--muted);word-break:break-word;margin:.35rem 0 0;font-size:.82rem}.dev-panel strong{color:var(--text)}.dev-session-form{gap:.5rem;margin-top:.65rem;display:grid}.dev-session-form label{color:var(--muted);font-size:.8rem}.dev-session-form textarea{border:1px solid var(--line);width:100%;color:var(--text);resize:vertical;background:#0d111b;border-radius:.75rem;padding:.55rem .65rem}.dev-actions{flex-wrap:wrap;gap:.5rem;display:flex}.feed,.quip-list{gap:.8rem;display:grid}.composer-form{gap:.6rem;margin-top:.7rem;display:grid}.composer-input{text-align:left;border:1px solid var(--line);background:var(--soft);width:100%;color:var(--text);resize:vertical;border-radius:.85rem;padding:.75rem;font-size:.95rem}.signed-out p{margin:.6rem 0 0;line-height:1.45}.quip-head{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.45rem;font-size:.86rem;display:flex}.quip-head span,.quip-head time{color:var(--muted)}.delete-btn{color:#ffc5d0;background:#2a1621;border:1px solid #653446;border-radius:.7rem;margin-top:.7rem;padding:.4rem .62rem;font-size:.8rem}.delete-btn:disabled{opacity:.45;cursor:not-allowed}.quip-card p,.placeholder p,.empty-state p{margin:0;line-height:1.5}.placeholder h2,.empty-state h2{margin:.5rem 0;font-size:1.2rem}@media (width>=700px){.app-shell{padding-top:1.35rem}.tabs{margin-bottom:1.2rem;position:static}h1{font-size:1.8rem}}