:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1e222b;--border:#2a2f3a;--text:#e8eaed;--text-dim:#9aa3b2;--accent:#4a9eff;--accent-dim:#1e3a5f;--ok:#3fb950;--warn:#d29922;--danger:#f85149;--radius:12px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;padding:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}input,textarea,select,button{font-family:inherit;font-size:16px}.shell{max-width:720px;padding:0 16px calc(96px + var(--safe-bottom));margin:0 auto}@media (display-mode:standalone){.shell{padding-bottom:calc(32px + var(--safe-bottom))}}.topbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:#0f1115eb;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:10px;font-weight:650;text-decoration:none;display:flex}.topbar .brand img{border-radius:6px;width:28px;height:28px}.topbar .spacer{flex:1}h1{letter-spacing:-.02em;margin:20px 0 4px;font-size:22px}h2{letter-spacing:-.01em;margin:24px 0 10px;font-size:17px}p.sub{color:var(--text-dim);margin:0 0 16px;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}a.card{color:inherit;text-decoration:none;display:block}a.card:active{background:var(--surface-2)}.row{align-items:center;gap:12px;display:flex}.row .spacer{flex:1}label{color:var(--text-dim);margin:14px 0 6px;font-size:13px;font-weight:500;display:block}input[type=text],input[type=tel],input[type=password],input[type=search],textarea,select{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:13px 14px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:96px}button,.btn{border:1px solid var(--border);background:var(--surface-2);min-height:48px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}button:active,.btn:active{transform:scale(.99)}button:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#06121f}.btn-ok{background:var(--ok);border-color:var(--ok);color:#04140a}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-inline{width:auto;min-height:40px;margin-top:0;font-size:14px}.pill{border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill-draft{color:var(--text-dim)}.pill-sent{color:var(--accent);border-color:var(--accent-dim);background:#4a9eff14}.pill-approved{color:var(--ok);background:#3fb95014;border-color:#3fb95059}.pill-changes_requested{color:var(--warn);background:#d2992214;border-color:#d2992259}.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.grid img{aspect-ratio:1;object-fit:cover;background:var(--surface-2);border-radius:8px;width:100%;display:block}.error{color:#ffb4b0;background:#f851491a;border:1px solid #f8514966;border-radius:10px;margin:12px 0;padding:12px 14px;font-size:14px}.notice{color:#9be89f;background:#3fb9501a;border:1px solid #3fb95059;border-radius:10px;margin:12px 0;padding:12px 14px;font-size:14px}.comment{border-left:2px solid var(--border);margin:12px 0;padding:4px 0 4px 12px}.comment.admin{border-left-color:var(--accent-dim)}.comment .meta{color:var(--text-dim);margin-bottom:2px;font-size:12px}.empty{text-align:center;color:var(--text-dim);padding:40px 16px;font-size:14px}.muted{color:var(--text-dim);font-size:13px}.mono{font-variant-numeric:tabular-nums}.lightbox{z-index:100;background:#000000f0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100%;max-height:100%}.lightbox .close{top:calc(12px + env(safe-area-inset-top,0px));color:#fff;background:#ffffff1f;border:none;border-radius:999px;width:44px;min-height:44px;margin:0;font-size:20px;position:absolute;right:12px}