:root{--bg:#08111f;--panel:#0e1a2b;--panel-soft:#12243b;--text:#d7e2f0;--muted:#88a0bb;--heading:#fff;--line:#95b2d533;--accent:#60a5fa;--accent-strong:#93c5fd;--danger:#fca5a5;--shadow:0 24px 80px #00000059;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--desktop-layout-min-width:1101px;color:var(--text);background:radial-gradient(circle at top left, #60a5fa2e, transparent 32rem), var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}body{min-width:320px;margin:0}button{font:inherit}#app{min-height:100vh}h1,h2,h3,p{margin:0}.shell{box-sizing:border-box;flex-direction:column;gap:20px;min-height:100vh;padding:28px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar-actions{align-items:center;gap:10px;min-width:0;display:flex}.brand-row{align-items:center;gap:12px;display:flex}.eyebrow{color:var(--accent-strong);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}h1{color:var(--heading);letter-spacing:-.05em;font-size:clamp(32px,5vw,58px);line-height:1}h2{color:var(--heading);font-size:18px}h3{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.database-url{border:1px solid var(--line);max-width:520px;color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:12px;overflow:hidden}.language-switch{border:1px solid var(--line);background:#08111fb8;border-radius:999px;flex:none;grid-template-columns:1fr 1fr;width:88px;padding:3px;display:grid;position:relative}.language-switch:before{content:"";background:#2563ebb8;border-radius:999px;width:calc(50% - 3px);transition:transform .18s;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 8px 20px #2563eb47}.language-switch:has(button:last-child.active):before{transform:translate(100%)}.language-switch button{z-index:1;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 0;font-size:12px;font-weight:800;position:relative}.language-switch button.active{color:var(--heading)}.mobile-language-switch{display:none}.user-chip{border:1px solid var(--line);background:#12243bc2;border-radius:999px;align-items:center;gap:10px;max-width:520px;padding:6px 8px 6px 6px;display:flex}.user-chip img{border-radius:999px;width:28px;height:28px}.user-chip span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.user-chip button,.google-button{color:var(--heading);cursor:pointer;background:#2563eb3d;border:1px solid #60a5fa8c;border-radius:999px;font-weight:700}.user-chip button{flex:none;padding:5px 10px;font-size:12px}.user-chip button:not(:disabled):hover{color:#f8fbff;background:#2563eb5c}.user-chip button:not(:disabled):active{background:#1d4ed870;transform:translateY(1px)}.google-button{margin-top:20px;padding:12px 18px}.google-button:disabled{cursor:wait;opacity:.65}.alert{color:var(--danger);background:#7f1d1d3d;border:1px solid #fca5a559;border-radius:18px;padding:12px 14px}.login-card{border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1a2bdb;border-radius:28px;flex-direction:column;justify-content:center;align-items:flex-start;margin:auto;padding:28px;display:flex}.login-card h2{letter-spacing:-.04em;margin-top:8px;font-size:clamp(28px,4vw,42px);line-height:1.05}.login-card .muted{margin-top:12px}.layout{flex:1;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.1fr) minmax(360px,2fr);align-items:stretch;gap:16px;min-height:0;display:grid}.layout.groups-collapsed{grid-template-columns:64px minmax(260px,1.1fr) minmax(360px,3fr)}.panel{border:1px solid var(--line);min-height:0;box-shadow:var(--shadow);box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1a2bd1;border-radius:24px;padding:16px}.groups-panel,.messages-panel{width:100%;max-width:var(--desktop-layout-min-width);flex-direction:column;flex:none;min-width:0;height:auto;max-height:none;display:flex;overflow:visible}.groups-panel{transition:padding .15s}.groups-panel.collapsed{padding:12px 8px}.groups-panel.collapsed .panel-heading h2,.groups-panel.collapsed .group-name,.groups-panel.collapsed .group-count-label{display:none}.panel-heading{flex:none;justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px;display:flex}.groups-panel.collapsed .panel-heading{justify-content:center;margin-bottom:10px}.panel-heading button{border:1px solid var(--line);background:var(--panel-soft);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 12px}.panel-heading button.panel-toggle{flex:none;place-items:center;width:32px;height:32px;padding:0;font-size:14px;line-height:1;display:inline-grid}.panel-heading button:disabled{cursor:wait;opacity:.55}.groups-panel.collapsed .muted{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.groups-panel.collapsed .group-list button{justify-content:center;align-items:center;padding:10px 4px;display:flex}.groups-panel.collapsed .group-count{text-align:center;font-variant-numeric:tabular-nums;margin-top:0;font-size:13px}.muted{color:var(--muted);font-size:13px}.group-list,.message-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#95b2d559 transparent;flex-direction:column;flex:0 auto;gap:8px;max-height:280px;display:flex;overflow:auto}.group-list::-webkit-scrollbar{width:3px;height:3px}.message-list::-webkit-scrollbar{width:3px;height:3px}.group-list::-webkit-scrollbar-track{background:0 0}.message-list::-webkit-scrollbar-track{background:0 0}.group-list::-webkit-scrollbar-thumb{background:#95b2d559;border-radius:999px}.message-list::-webkit-scrollbar-thumb{background:#95b2d559;border-radius:999px}.group-list::-webkit-scrollbar-thumb:hover{background:#95b2d58c}.message-list::-webkit-scrollbar-thumb:hover{background:#95b2d58c}.groups-panel>.muted,.messages-panel>.muted{flex:none}@media (width>=1101px){.layout{--desktop-panel-height:calc(100vh - 56px);align-items:start}.groups-panel,.messages-panel{width:auto;height:var(--desktop-panel-height);max-height:var(--desktop-panel-height);position:sticky;top:28px;overflow:hidden}.detail-panel{min-height:var(--desktop-panel-height)}.group-list,.message-list{flex:auto;min-height:0;max-height:none}}.group-list button,.message-list button{width:100%;color:var(--text);cursor:pointer;text-align:left;background:#12243ba6;border:1px solid #0000;border-radius:16px;padding:12px}.message-list button{grid-template-columns:minmax(0,1fr) minmax(110px,38%);align-items:center;gap:12px;display:grid}.group-list button:hover,.message-list button:hover,.group-list button.active,.message-list button.active{background:#2563eb3d;border-color:#60a5fa8c}.group-name,.group-count,.message-main,.message-addresses,.message-from,.message-id,.message-recipients,.message-time{display:block}.message-main{overflow:hidden}.group-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-count{color:var(--accent-strong);margin-top:4px;font-size:12px;font-weight:700}.message-id{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.message-time{color:var(--muted);margin-top:4px;font-size:12px}.message-addresses{min-width:0}.message-from,.message-recipients{color:var(--text);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.message-recipients{color:var(--muted);margin-top:4px}@media (width<=520px){.message-list button{grid-template-columns:1fr;gap:4px}.message-from,.message-recipients{text-align:left}}.detail-panel{min-width:0;overflow:visible}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.text-box{border:1px solid var(--line);background:#08111fad;border-radius:18px;padding:14px}.text-box.wide{grid-column:1/-1}.otp-box pre{color:var(--accent-strong);letter-spacing:.08em;font-size:22px;font-weight:800}.otp-box pre.empty-otp,.name-box pre.empty-name{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:400}.name-lines{flex-direction:column;gap:2px;min-width:0;margin-top:8px;display:flex}.name-line{align-items:baseline;gap:6px;min-width:0;line-height:1.35;display:flex}.name-label{color:var(--muted);flex:none;font-size:12px;font-weight:600}.name-value{min-width:0;color:var(--accent-strong);font-family:var(--mono);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.text-box-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.text-box-heading a{color:var(--accent-strong);border:1px solid #60a5fa73;border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:700;text-decoration:none}.text-box-heading a:hover{color:var(--heading);background:#2563eb3d}.text-box-actions{flex:none;align-items:center;gap:8px;display:flex}.text-box-heading a.icon-link{place-items:center;width:28px;height:28px;padding:0;display:inline-grid}.text-box-heading a.icon-link svg{fill:currentColor;width:16px;height:16px}.rendered-email-box{color:var(--text);background:#08111fad}.rendered-email-box h3{color:var(--accent-strong)}.parsed-email-status{color:var(--muted);margin-top:10px}.email-html-preview{border:1px solid var(--line);box-sizing:border-box;background:#fff;border-radius:14px;width:100%;min-height:360px;max-height:520px;margin-top:12px}pre{color:#e5eefb;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;margin:8px 0 0;font-size:13px;line-height:1.55;overflow:auto}pre.collapsed-preview{max-height:7.75em;position:relative;overflow:hidden}.text-box:has(pre.collapsed-preview){position:relative}.text-box:has(pre.collapsed-preview):after{content:"";pointer-events:none;background:linear-gradient(#08111f00,#08111ff5);border-radius:0 0 18px 18px;height:3.1em;position:absolute;bottom:14px;left:14px;right:14px}@media (width<=1100px){.layout{grid-template-columns:220px minmax(260px,1fr)}.layout.groups-collapsed{grid-template-columns:64px minmax(260px,1fr)}.groups-panel,.messages-panel{height:auto;max-height:none;position:static;top:auto;overflow:visible}.group-list,.message-list{flex:0 auto;max-height:280px}.detail-panel{grid-column:1/-1}}@media (width<=760px){.shell{padding:16px}.topbar,.layout{flex-direction:column;display:flex}.topbar{align-items:stretch}.brand-row{justify-content:space-between}.database-url{box-sizing:border-box;max-width:100%}.desktop-language-switch{display:none}.mobile-language-switch{display:grid}.topbar-actions,.user-chip{width:100%}.topbar-actions{flex-direction:column;align-items:stretch}.user-chip{box-sizing:border-box}.layout{align-items:stretch}.groups-panel.collapsed{padding:16px}.groups-panel.collapsed .panel-heading{justify-content:space-between;margin-bottom:14px}.groups-panel.collapsed .panel-heading h2,.groups-panel.collapsed .group-name{display:block}.groups-panel.collapsed .group-count-label{display:inline}.groups-panel.collapsed .muted{text-align:left;text-overflow:unset;white-space:normal;font-size:13px;overflow:visible}.groups-panel.collapsed .group-list button{text-align:left;width:100%;padding:12px;display:block}.groups-panel.collapsed .group-count{text-align:left;margin-top:4px;font-size:12px}.panel-heading button.panel-toggle{display:none}.detail-grid{grid-template-columns:1fr}}