:root{--primary: #0075de;--primary-active: #005bab;--secondary: #213183;--on-primary: #ffffff;--canvas: #ffffff;--canvas-soft: #f6f5f4;--surface: #ffffff;--ink: #000000;--ink-secondary: #31302e;--ink-muted: #615d59;--ink-faint: #a39e98;--hairline: #e6e6e6;--accent-green: #1aae39;--accent-pink: #ff64c8;--r-xs: 4px;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--s-xxs: 4px;--s-xs: 8px;--s-sm: 12px;--s-md: 16px;--s-lg: 24px;--s-xl: 28px;--s-xxl: 32px;--font: "Inter", -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;--shadow-1: rgba(0, 0, 0, .01) 0 .175px 1.041px, rgba(0, 0, 0, .02) 0 .8px 2.925px, rgba(0, 0, 0, .027) 0 2.025px 7.847px, rgba(0, 0, 0, .04) 0 4px 18px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--canvas-soft);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:40px;font-weight:700;line-height:1.1;letter-spacing:-1px;margin:0}h2{font-size:26px;font-weight:700;line-height:1.23;letter-spacing:-.625px;margin:0}h3{font-size:22px;font-weight:700;line-height:1.27;letter-spacing:-.25px;margin:0}a{color:var(--primary);text-decoration:none}.btn{font-family:var(--font);font-size:16px;font-weight:500;border:none;cursor:pointer;border-radius:var(--r-full);padding:10px 20px;transition:transform .08s ease,background .15s ease}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-active)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.btn-utility{background:var(--surface);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-md);padding:6px 14px;font-size:15px;white-space:nowrap;flex-shrink:0}.input{width:100%;background:var(--surface);color:var(--ink);border:1px solid #dddddd;border-radius:var(--r-xs);padding:10px;font-family:var(--font);font-size:15px}.input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-1)}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-lg)}.card[draggable=true]{cursor:grab}.card.dragging{opacity:.5}.drag-grip{color:var(--ink-faint);font-size:18px;line-height:1;cursor:grab;-webkit-user-select:none;user-select:none}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.125px;text-transform:uppercase;color:var(--ink-faint)}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--s-md) var(--s-lg);background:var(--canvas);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:10}.nav-links{display:flex;gap:var(--s-md);align-items:center;font-size:15px}.nav-links a.active{color:var(--primary);font-weight:600}.container{max-width:1100px;margin:0 auto;padding:var(--s-lg)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--s-lg)}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-xl);padding:var(--s-lg);box-shadow:var(--shadow-1)}.viewer{display:grid;grid-template-columns:360px 1fr;gap:var(--s-md);align-items:start}.back-btn{display:none;margin-bottom:var(--s-sm)}@media (max-width: 840px){.viewer{grid-template-columns:1fr}.viewer:not(.has-selected) .reader{display:none}.viewer.has-selected .msg-list{display:none}.back-btn{display:inline-block}.msg-list{max-height:none}}.msg-list{border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;max-height:75vh;overflow-y:auto}.msg-row{padding:var(--s-sm) var(--s-md);border-bottom:1px solid var(--hairline);cursor:pointer;border-radius:var(--r-sm)}.msg-row:hover{background:var(--canvas-soft)}.msg-row.active{background:var(--canvas-soft);box-shadow:inset 3px 0 0 var(--primary)}.msg-from{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-subject{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-snippet{font-size:14px;color:var(--ink-faint);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.dot-unread{display:inline-block;width:8px;height:8px;border-radius:var(--r-full);background:var(--primary);margin-right:6px}.reader{border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--surface);padding:var(--s-lg);min-height:60vh}.reader iframe{width:100%;border:none;min-height:60vh}.empty{display:grid;place-items:center;text-align:center;background:var(--canvas-soft);border-radius:var(--r-xl);padding:var(--s-xxl);color:var(--ink-muted)}.row{display:flex;gap:var(--s-sm);align-items:center}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--s-sm)}select.input{cursor:pointer}.banner{border-radius:var(--r-md);padding:var(--s-sm) var(--s-md);font-size:14px;margin-bottom:var(--s-md)}.banner.ok{background:#1aae391a;color:#137a29}.banner.err{background:#dd5b001a;color:#793400}.spinner{color:var(--ink-faint);padding:var(--s-md);font-size:14px}@media (max-width: 600px){.nav{padding:var(--s-sm) var(--s-md);flex-wrap:wrap;gap:var(--s-xs)}.nav-links{gap:var(--s-sm);font-size:14px}.container{padding:var(--s-md)}h1{font-size:28px;letter-spacing:-.5px}.container>.row.spread{flex-wrap:wrap;align-items:flex-start}.container>.row.spread>.row{flex-wrap:wrap}select.input{max-width:100%!important;width:100%}.reader,.card{padding:var(--s-md)}}