:root{--bg:#F7F6FC;--surface:#FFFFFF;--border:#ECEAF6;--ink:#15103F;--ink-dim:rgba(21,16,63,.06);--muted:#6B6A86;--faint:#9C9AB3;--brand:#5B4FE0;--brand-dim:rgba(91,79,224,.12);--on-brand:#fff;--brand-grad:linear-gradient(135deg,#1158ED,#6D4AE6);--success:#22C55E;--success-dim:rgba(34,197,94,.12);--warning:#F59E0B;--warning-dim:rgba(245,158,11,.12);--error:#EF4444;--error-dim:rgba(239,68,68,.12);--sans:"Outfit",system-ui,sans-serif;--shadow-card:0 6px 16px rgba(21,16,63,.08);--shadow-sm:0 2px 8px rgba(21,16,63,.06)}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.app{max-width:920px;margin:0 auto;padding:32px 24px}.top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px}.wordmark{font-size:18px;font-weight:600;letter-spacing:-.01em}.brand-logo{max-height:28px;width:auto;display:block;object-fit:contain}.top .wordmark{font-weight:700;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.who{color:var(--muted);font-size:13px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{background:none;border:none;color:var(--muted);font:500 14px var(--sans);padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;flex:0 0 auto}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.k{color:var(--faint);font-size:12px;font-variant-numeric:tabular-nums}.mono{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.name{font-weight:500}.sub{color:var(--muted);font-size:12px}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font:600 12px var(--sans);padding:4px 10px}.chip.synced{background:var(--success-dim);color:var(--success)}.chip.queued,.chip.pending{background:var(--ink-dim);color:var(--muted)}.chip.failed,.chip.dead{background:var(--error-dim);color:var(--error)}.chip.draft{background:var(--warning-dim);color:var(--warning)}.btn{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:10px;padding:7px 12px;font:600 13px var(--sans);cursor:pointer}.btn:hover{border-color:var(--brand-dim)}.btn.primary{background:var(--brand-grad);color:var(--on-brand);border:none}.btn.ghost{background:transparent;color:var(--brand)}.btn:disabled{opacity:.5;cursor:default}.card-box{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.draft-body{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px;margin:10px 0;font-size:13px;line-height:1.6;color:var(--muted)}.actions{display:flex;gap:8px;margin-top:10px}.empty{color:var(--muted);padding:40px 0;text-align:center}.screen{padding:4px 0}.auth{max-width:340px;margin:72px auto;display:grid;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow-card)}.auth .wordmark{text-align:center;margin-bottom:4px}input,select{font:14px var(--sans);color:var(--ink)}.auth input,.row select,.invite input,.invite select,.branding input{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:11px}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #5b4fe038}.btn:focus-visible,.tab:focus-visible,.linkbtn:focus-visible,.row[role=button]:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}.linkbtn{background:none;border:none;padding:0;font:inherit;color:var(--brand);cursor:pointer;text-decoration:underline}.banner{background:var(--success-dim);color:var(--ink);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin-bottom:16px;font-size:13px}.card-row{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:16px;margin-bottom:12px}.btn,.tab{transition:color .15s ease,border-color .15s ease,opacity .15s ease,filter .15s ease}.btn.primary:hover{filter:brightness(1.05)}h2{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}h2.wordmark{text-transform:none;letter-spacing:-.01em;font-size:18px;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skel{background:linear-gradient(90deg,var(--border) 25%,var(--bg) 37%,var(--border) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}.skel-line{height:14px}.skel-sm{height:12px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.skel{animation:none}}