:root{--accent:#6d5dfc;--accent-2:#8c7dff;--bg:#f5f6fb;--panel:#fff;--panel-2:#f1f2f8;--panel-3:#e9ebf3;--text:#171821;--muted:#727789;--line:#e1e3ec;--danger:#b52c46;--success:#138a68;--warning:#ba7113;--shadow:0 18px 50px rgba(30,32,50,.13);--radius:16px;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:.68rem;letter-spacing:.13em;font-weight:800;color:var(--accent)}.btn,.icon-btn,.text-btn{border:0}.btn{border-radius:12px;padding:.72rem 1rem;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 26%,transparent)}.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.btn.wide{width:100%}.text-btn{background:transparent;color:var(--muted);padding:.45rem .55rem}.text-btn.small{font-size:.72rem}.text-btn.danger{color:var(--danger)}.icon-btn{width:38px;height:38px;border-radius:11px;background:transparent;color:var(--muted);display:grid;place-items:center}.icon-btn:hover{background:var(--panel-2);color:var(--text)}.icon-btn.compact{width:28px;height:28px}.brand-logo{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;color:#fff;font-size:1.45rem;font-weight:900;background:linear-gradient(145deg,var(--accent),#9c5cff);box-shadow:0 14px 38px color-mix(in srgb,var(--accent) 35%,transparent)}.brand-logo.small{width:36px;height:36px;border-radius:11px;font-size:1rem}.login-shell{height:100%;display:grid;grid-template-columns:minmax(390px,520px) 1fr;background:var(--panel)}.login-card{padding:clamp(2rem,8vw,7rem);display:flex;flex-direction:column;justify-content:center;max-width:680px}.login-card h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.06em;margin:.7rem 0 .5rem}.login-card form{display:grid;gap:1rem;margin-top:2rem}.login-card label{display:grid;gap:.45rem;font-size:.82rem;font-weight:720}.login-card input{height:48px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:12px;padding:0 .9rem;outline:0}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.login-badges{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1.5rem}.login-badges span{font-size:.67rem;font-weight:800;padding:.35rem .55rem;border-radius:999px;background:var(--panel-2);border:1px solid var(--line)}.login-help{font-size:.72rem;color:var(--muted);margin-top:1.2rem}.login-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,#8a7cff 0,transparent 31%),radial-gradient(circle at 82% 72%,#42d8b4 0,transparent 27%),linear-gradient(145deg,#11131f,#242747 55%,#101119)}.login-visual:before{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.11);border-radius:38px;transform:rotate(-6deg)}.visual-card{position:absolute;left:11%;bottom:12%;right:11%;padding:1.5rem;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);backdrop-filter:blur(20px);border-radius:20px;color:#fff;display:grid;gap:.4rem;box-shadow:0 24px 80px rgba(0,0,0,.3)}.visual-card strong{font-size:1.35rem}.visual-card span{color:rgba(255,255,255,.68)}.app{height:100%;display:grid;grid-template-columns:250px minmax(390px,470px) minmax(0,1fr);grid-template-rows:68px 1fr;grid-template-areas:"top top top" "side list read"}.topbar{grid-area:top;display:flex;align-items:center;gap:1rem;padding:0 1rem;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);z-index:20}.brand{display:flex;align-items:center;gap:.7rem;width:220px}.search-box{flex:1;max-width:760px;height:44px;border-radius:14px;background:var(--panel-2);display:flex;align-items:center;gap:.5rem;padding:0 .8rem;border:1px solid transparent}.search-box:focus-within{background:var(--panel);border-color:var(--accent)}.search-box input{flex:1;border:0;outline:0;background:transparent;color:var(--text)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:.25rem}.connection-status{font-size:.68rem;color:var(--success);font-weight:750}.connection-status.error{color:var(--danger)}.avatar{width:38px;height:38px;border:0;border-radius:12px;background:#282b3d;color:#fff;font-weight:850}.sidebar{grid-area:side;display:flex;flex-direction:column;min-height:0;background:var(--panel);border-right:1px solid var(--line);padding:1rem}.compose{width:100%;margin-bottom:.9rem}.mailbox-nav{display:grid;gap:.2rem}.mailbox-nav button{width:100%;display:grid;grid-template-columns:23px 1fr auto;gap:.55rem;align-items:center;text-align:left;border:0;background:transparent;color:var(--muted);padding:.66rem .72rem;border-radius:11px;font-weight:690}.mailbox-nav button:hover,.mailbox-nav button.active{background:var(--panel-2);color:var(--text)}.mailbox-nav button.active{box-shadow:inset 3px 0 var(--accent)}.mailbox-nav .count{font-size:.68rem}.folder-section{margin-top:.85rem;min-height:0;overflow:auto}.section-title{display:flex;align-items:center;justify-content:space-between;padding:.35rem .55rem;font-size:.69rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:820}.sidebar-footer{margin-top:auto;display:grid;gap:.75rem}.security-card{display:flex;align-items:center;gap:.6rem;padding:.75rem;border-radius:12px;background:color-mix(in srgb,var(--success) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--success) 22%,var(--line));color:var(--success)}.security-card div{display:grid}.security-card strong{font-size:.76rem}.security-card small{font-size:.65rem;color:var(--muted)}.list-panel{grid-area:list;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--panel);border-right:1px solid var(--line)}.list-toolbar{min-height:64px;display:flex;align-items:center;gap:.65rem;padding:0 .85rem;border-bottom:1px solid var(--line)}.select-all input{width:17px;height:17px}.bulk-actions,.normal-actions{display:flex;align-items:center;gap:.25rem;min-width:0}.normal-actions h2{margin:0;font-size:1.08rem}.normal-actions span{font-size:.68rem}.bulk-actions select{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:9px;padding:.45rem}.message-list{overflow:auto;min-height:0;flex:1}.message-row{position:relative;width:100%;display:grid;grid-template-columns:28px 30px minmax(0,1fr) auto;grid-template-areas:"check star sender time" "check star subject time" "check star preview flags";gap:.15rem .55rem;padding:.85rem .8rem;text-align:left;border:0;border-bottom:1px solid var(--line);background:var(--panel);color:var(--text)}.message-row:hover,.message-row.active{background:var(--panel-2)}.message-row.unread{background:color-mix(in srgb,var(--accent) 4%,var(--panel))}.message-row.unread:before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:3px;background:var(--accent);border-radius:4px}.row-check{grid-area:check;align-self:center}.row-star{grid-area:star;align-self:center;border:0;background:transparent;color:#b2b5c1;font-size:1.15rem;padding:0}.row-star.on{color:#efad14}.row-sender{grid-area:sender;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row.unread .row-sender,.message-row.unread .row-subject{font-weight:850}.row-subject{grid-area:subject;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-preview{grid-area:preview;color:var(--muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-time{grid-area:time;font-size:.66rem;color:var(--muted);align-self:start}.row-flags{grid-area:flags;color:var(--muted);font-size:.68rem}.empty-state,.empty-reader{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted);padding:2rem}.load-more{margin:.65rem;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:10px;padding:.7rem}.reader{grid-area:read;overflow:auto;min-width:0;background:var(--bg)}.empty-reader h2{margin:.6rem 0 .2rem;color:var(--text)}.empty-reader p{margin:0}.empty-icon{font-size:3rem;opacity:.25}.reader-article{min-height:100%;max-width:1100px;margin:0 auto;background:var(--panel)}.reader-toolbar{position:sticky;top:0;z-index:3;height:58px;display:flex;align-items:center;gap:.25rem;padding:0 1rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(15px)}.reader-toolbar .spacer{flex:1}.reader-head{padding:1.5rem 2rem .8rem}.reader-head h1{font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.18;letter-spacing:-.035em;margin:.35rem 0 1rem}.sender-card{display:flex;align-items:center;gap:.75rem}.sender-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--panel-2);font-weight:850}.sender-info{display:grid;min-width:0}.sender-info strong,.sender-info span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sender-info span{font-size:.75rem;color:var(--muted)}.reader-meta{margin-left:auto;text-align:right;font-size:.7rem;color:var(--muted)}.remote-image-bar{margin:0 2rem .8rem;padding:.7rem .9rem;border-radius:10px;background:color-mix(in srgb,var(--warning) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--warning) 26%,var(--line));font-size:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem}.message-body{padding:1rem 2rem 2rem;line-height:1.65;min-height:320px}.message-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.message-frame{width:100%;min-height:540px;border:0;background:#fff;border-radius:12px}.attachments{display:flex;flex-wrap:wrap;gap:.6rem;padding:0 2rem 2rem}.attachment-chip{display:flex;align-items:center;gap:.5rem;padding:.7rem .85rem;border-radius:11px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:.75rem}.reader-reply-box{padding:0 2rem 2rem;display:flex;gap:.6rem}.reader-reply-box .btn{min-width:120px}.compose-dialog{width:min(900px,calc(100vw - 2rem));height:min(820px,calc(100vh - 2rem));border:0;padding:0;border-radius:20px;background:var(--panel);color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.34)}dialog::backdrop{background:rgba(8,9,14,.58);backdrop-filter:blur(6px)}.compose-dialog form{height:100%;display:flex;flex-direction:column}.compose-dialog header,.settings-dialog header,.small-dialog header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.compose-dialog h2,.settings-dialog h2,.small-dialog h2{margin:.15rem 0 0}.compose-head-actions{display:flex;align-items:center;gap:.35rem}.compose-fields{padding:.25rem 1.2rem}.compose-fields label{display:grid;grid-template-columns:70px 1fr auto;align-items:center;border-bottom:1px solid var(--line);font-size:.76rem;color:var(--muted)}.compose-fields input,.compose-fields select{border:0;outline:0;background:transparent;color:var(--text);padding:.75rem 0}.editor-toolbar{display:flex;gap:.2rem;flex-wrap:wrap;padding:.55rem 1.2rem;border-bottom:1px solid var(--line)}.editor-toolbar button{border:0;background:var(--panel-2);color:var(--text);border-radius:8px;padding:.38rem .55rem;font-size:.72rem}.compose-editor{flex:1;overflow:auto;outline:0;padding:1.2rem;line-height:1.6}.compose-editor:empty:before{content:attr(data-placeholder);color:var(--muted)}.attachment-list{display:flex;gap:.45rem;flex-wrap:wrap;padding:0 1.2rem .65rem}.file-pill{display:flex;align-items:center;gap:.45rem;padding:.45rem .6rem;border-radius:9px;background:var(--panel-2);font-size:.7rem}.file-pill button{border:0;background:transparent;color:var(--danger)}.compose-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;border-top:1px solid var(--line)}.compose-left,.compose-actions{display:flex;gap:.55rem;align-items:center}.settings-dialog,.small-dialog{border:0;padding:0;border-radius:18px;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.settings-dialog{width:min(620px,calc(100vw - 2rem))}.settings-dialog form{display:grid;gap:1rem}.settings-dialog form>label{display:grid;gap:.45rem;margin:0 1.2rem;font-size:.8rem;font-weight:700}.settings-dialog select,.settings-dialog textarea,.small-dialog input{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:10px;padding:.7rem;outline:0}.checkbox-row{grid-template-columns:auto 1fr!important;align-items:center}.settings-actions{display:flex;justify-content:space-between;gap:.6rem;padding:1rem 1.2rem;border-top:1px solid var(--line)}.small-dialog{width:min(440px,calc(100vw - 2rem))}.small-dialog form{display:grid;gap:1rem}.small-dialog label{display:grid;gap:.4rem;padding:0 1.2rem}.small-dialog footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.2rem;border-top:1px solid var(--line)}.toast{position:fixed;right:1rem;bottom:1rem;z-index:2000;max-width:min(560px,calc(100vw - 2rem));background:#1b1d28;color:#fff;border-radius:13px;padding:.85rem 1rem;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}.toast.error{background:#8e2138}.toast.success{background:#126b55}.mobile-only{display:none}.density-compact .message-row{padding:.55rem .75rem}.density-compact .mailbox-nav button{padding:.48rem .68rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1016;--panel:#151821;--panel-2:#1d212c;--panel-3:#282d39;--text:#f4f5f9;--muted:#959bad;--line:#292e3b;--shadow:0 20px 60px rgba(0,0,0,.34);color-scheme:dark}}:root[data-theme=dark]{--bg:#0e1016;--panel:#151821;--panel-2:#1d212c;--panel-3:#282d39;--text:#f4f5f9;--muted:#959bad;--line:#292e3b;--shadow:0 20px 60px rgba(0,0,0,.34);color-scheme:dark}@media(max-width:1200px){.app{grid-template-columns:230px 390px minmax(0,1fr)}}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.app{grid-template-columns:1fr;grid-template-rows:62px 1fr;grid-template-areas:"top" "list"}.topbar{height:62px}.brand{width:auto}.brand strong{display:none}.connection-status{display:none}.sidebar{position:fixed;top:62px;bottom:0;left:0;width:280px;z-index:50;transform:translateX(-102%);box-shadow:var(--shadow);transition:.2s}.sidebar.open{transform:none}.reader{position:fixed;inset:62px 0 0;z-index:40;display:none}.reader.open{display:block}.mobile-only{display:grid}.list-panel{border-right:0}.compose-dialog{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.compose-dialog footer{align-items:stretch;flex-direction:column}.compose-left,.compose-actions{width:100%;justify-content:flex-end}.search-box{min-width:0}.top-actions .icon-btn:nth-of-type(2){display:none}}@media(max-width:560px){.topbar{gap:.35rem;padding:.4rem}.search-box{height:40px}.reader-head,.message-body{padding-left:1rem;padding-right:1rem}.remote-image-bar,.attachments,.reader-reply-box{margin-left:1rem;margin-right:1rem;padding-left:0;padding-right:0}.message-row{grid-template-columns:24px 25px minmax(0,1fr) auto}.compose-fields label{grid-template-columns:54px 1fr auto}.compose-dialog footer{padding:.65rem}.settings-actions{flex-direction:column}}