:root{--ground:#eff0eb;--surface:#fff;--surface-sunken:#fbfbf9;--surface-muted:#f8f8f7;--surface-hover:#f0f1ef;--border:#e9eae7;--border-strong:#c7c9c1;--ink:#1a1a1a;--ink-muted:#646462;--ink-subtle:#81817e;--inverse:#222;--inverse-deep:#1d2026;--on-inverse:#fff;--accent:#dd6b34;--link:#2e5ebf;--success:#3e842a;--success-soft:#d0f0ca;--warning:#f1c84b;--warning-soft:#fbedb6;--notify-soft:#f7ceb6;--tile-purple:#c8b4e2;--tile-green:#bde4bf;--tile-pink:#e2b0c3;--avatar-blue:#a6c4f6;--avatar-teal:#9bded9;--avatar-green:#81d46c;--chart-1:#6fbbdd;--module-marketing:#dd6b34;--module-creators:#1f8a8a;--module-library:#3e8a4f;--scrim:#0000004d;--shadow-panel:0 0 0 1px #00000008, 0 1px 4px #0000000f;--shadow-raised:0 1px 2px #00000014, 0 0 0 1px #0000000a;--shadow-popover:0 4px 16px #0000001f, 0 0 0 1px #0000000d;--shadow-modal:0 12px 40px #0000002e;--sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--control-sm:28px;--control-md:32px;--header-height:56px;--rail-width:40px;--sidebar-width:224px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#1b1c19;--surface:#262824;--surface-sunken:#222420;--surface-muted:#2d2f2b;--surface-hover:#353733;--border:#34362f;--border-strong:#4d5047;--ink:#ececea;--ink-muted:#a6a7a1;--ink-subtle:#7f807b;--inverse:#ececea;--inverse-deep:#e4e6e0;--on-inverse:#1a1a1a;--accent:#e5793f;--link:#8fb0f0;--success:#6fbf5a;--success-soft:#27452a;--warning:#e2bd4c;--warning-soft:#4a3f16;--notify-soft:#5a3826;--tile-purple:#4d3d66;--tile-green:#2f4f33;--tile-pink:#5a3a48;--avatar-blue:#2f4a75;--avatar-teal:#2f5c58;--avatar-green:#33602a;--chart-1:#6fbbdd;--scrim:#0009;--module-marketing:#f08a55;--module-creators:#5fc1c1;--module-library:#74bf83;--shadow-panel:0 0 0 1px #ffffff0a, 0 1px 4px #0006;--shadow-raised:0 1px 2px #00000080, 0 0 0 1px #ffffff0d;--shadow-popover:0 4px 16px #00000080, 0 0 0 1px #ffffff0f}}:root[data-theme=dark]{--ground:#1b1c19;--surface:#262824;--surface-sunken:#222420;--surface-muted:#2d2f2b;--surface-hover:#353733;--border:#34362f;--border-strong:#4d5047;--ink:#ececea;--ink-muted:#a6a7a1;--ink-subtle:#7f807b;--inverse:#ececea;--inverse-deep:#e4e6e0;--on-inverse:#1a1a1a;--accent:#e5793f;--link:#8fb0f0;--success:#6fbf5a;--success-soft:#27452a;--warning:#e2bd4c;--warning-soft:#4a3f16;--notify-soft:#5a3826;--tile-purple:#4d3d66;--tile-green:#2f4f33;--tile-pink:#5a3a48;--avatar-blue:#2f4a75;--avatar-teal:#2f5c58;--avatar-green:#33602a;--chart-1:#6fbbdd;--scrim:#0009;--module-marketing:#f08a55;--module-creators:#5fc1c1;--module-library:#74bf83;--shadow-panel:0 0 0 1px #ffffff0a, 0 1px 4px #0006;--shadow-raised:0 1px 2px #00000080, 0 0 0 1px #ffffff0d;--shadow-popover:0 4px 16px #00000080, 0 0 0 1px #ffffff0f}
*{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);font:14px/20px var(--sans);margin:0}a{color:var(--link)}button{font:inherit;color:inherit}.muted{color:var(--ink-muted)}.caption{color:var(--ink-muted);font-size:12px;line-height:16px}.small{font-size:12px}.strong{font-weight:600}.nowrap{white-space:nowrap}.grow{flex:1;min-width:0}.pad{padding:var(--space-6)}.page-title{font:500 20px/28px var(--sans);margin:0}.error{color:var(--ink);background:var(--warning-soft);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin:0}.notice{background:var(--surface-muted);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin:0}.warn-note{background:var(--warning-soft);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin:0;font-size:13px}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border);color:var(--ink);cursor:pointer;white-space:nowrap;border:0;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn.primary{background:var(--inverse);color:var(--on-inverse);box-shadow:none;font-weight:600}.btn.ghost{box-shadow:none;background:0 0}.btn.sm{height:var(--control-sm);padding:0 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.link{color:var(--ink-muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px;text-decoration:underline}.btn:focus-visible,.link:focus-visible,.input:focus-visible,textarea:focus-visible,.con-nav button:focus-visible,.tabs button:focus-visible,.kind:focus-visible,.var:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.input,.form input,textarea,select.input{border-radius:var(--radius-md);background:var(--surface-muted);width:100%;box-shadow:inset 0 0 0 1px var(--border);color:var(--ink);font:14px/20px var(--sans);padding:6px var(--space-3);border:0}.input,.form input{height:var(--control-md)}.input.compact{width:auto;height:var(--control-sm);padding:0 var(--space-2);font-size:13px}textarea{resize:vertical}.centered{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);padding:var(--space-6);width:100%;max-width:400px}.form{gap:var(--space-3);flex-direction:column;display:flex}.form p{margin:0}.form label{gap:var(--space-1);flex-direction:column;font-size:13px;font-weight:500;display:flex}.qr{border-radius:var(--radius-md);padding:var(--space-2);background:#fff;align-self:center}code{font-family:var(--mono);word-break:break-all}.con{min-height:100vh;padding:16px max(16px, env(safe-area-inset-right,0px)) 16px max(16px, env(safe-area-inset-left,0px));flex-direction:column;gap:12px;display:flex}.con-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.con-mark{letter-spacing:.02em;color:#ffd400;background:#111;border-radius:6px;padding:3px 10px;font-size:13px;font-weight:800}.con-title{font-size:18px;font-weight:600}.con-nav{background:var(--surface);border:1px solid var(--border);border-radius:99px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.con-nav button{cursor:pointer;color:var(--ink-muted);background:0 0;border:0;border-radius:99px;padding:6px 14px;font-size:13px}.con-nav button.on{background:var(--inverse);color:var(--on-inverse)}.who{align-items:center;gap:8px;display:inline-flex}.panel{background:var(--surface);border-radius:var(--radius-xl);min-width:0;box-shadow:var(--shadow-panel);flex-direction:column;flex:1;display:flex;overflow:hidden}.later{text-align:center;flex:1;place-items:center;padding:40px 24px;display:grid}.later div{max-width:48ch}.section{flex-direction:column;flex:1;min-height:0;display:flex}.head{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 24px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:20px;padding:0 24px;display:flex;overflow-x:auto}.tabs button{color:var(--ink-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 0}.tabs button.on{color:var(--ink);border-color:var(--ink);font-weight:500}.mail{flex:1;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.kinds{border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:12px 8px;display:flex}.kind{border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:0;gap:1px;padding:8px 10px;display:grid}.kind:hover{background:var(--surface-hover)}.kind.on{background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border)}.kind b{font-weight:500}.edit{border-right:1px solid var(--border);flex-direction:column;gap:12px;min-width:0;padding:16px 20px;display:flex}.field{gap:4px;font-size:13px;font-weight:500;display:grid}.how{background:var(--surface-muted);border-radius:var(--radius-md);gap:4px;margin:0;padding:10px 12px;font-size:13px;display:grid}.how div{grid-template-columns:150px minmax(0,1fr);gap:12px;display:grid}.how dt{color:var(--ink-muted)}.how dd{margin:0}.vars{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.var{font:11px/20px var(--mono);border-radius:var(--radius-sm);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;color:var(--ink);border:0;padding:0 6px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prev{background:var(--surface-muted);flex-direction:column;gap:12px;min-width:0;padding:16px 20px;display:flex}.envelope{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);flex-direction:column;display:flex;overflow:hidden}.envelope .meta{border-bottom:1px solid var(--border);color:var(--ink-muted);gap:2px;padding:12px 16px;font-size:12px;display:grid}.envelope .meta b{color:var(--ink);font-size:15px}.envelope iframe{background:#f4f4f2;border:0;width:100%;height:560px}.scroll{flex-direction:column;gap:12px;min-width:0;padding:16px 24px 24px;display:flex}.hint{color:var(--ink-muted);margin:0;font-size:13px}.empty{text-align:center;padding:40px 0}.empty p{margin:4px 0 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th{text-align:left;color:var(--ink-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:500}td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px}.pill{background:var(--surface-muted);height:22px;color:var(--ink);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:0 8px;font-size:12px;display:inline-flex}.pill .dot{background:var(--ink-subtle);border-radius:50%;width:6px;height:6px}.pill.ok{background:var(--success-soft)}.pill.ok .dot{background:var(--success)}.pill.warn{background:var(--warning-soft)}.pill.warn .dot{background:var(--warning)}.pill.bad{background:var(--notify-soft)}.pill.bad .dot{background:var(--accent)}@media (max-width:1100px){.mail{grid-template-columns:180px minmax(0,1fr)}.prev{border-top:1px solid var(--border);grid-column:2}.edit{border-right:0}}@media (max-width:720px){.mail{grid-template-columns:minmax(0,1fr)}.kinds{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.kind{flex:none}.prev{grid-column:1}.how div{grid-template-columns:minmax(0,1fr);gap:0}.head,.scroll,.tabs{padding-left:16px;padding-right:16px}.con-head>.caption{display:none}.con-nav{flex-wrap:nowrap;order:3;max-width:100%;overflow-x:auto}.con-nav button{flex:none}.who{margin-left:auto}}