:root{--krau-1: #2f6bf0;--krau-2: #5b8cff;--bg-0: #0a0e17;--bg-1: #111726;--bg-2: #18202f;--bg-3: #212b3d;--line: #2a3548;--txt-0: #e9eef9;--txt-1: #aab6cd;--txt-2: #74829c;--danger: #ff5a76;--ok: #3ad29f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--txt-0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input,textarea{font:inherit}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand .mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--krau-1),var(--krau-2));display:grid;place-items:center;color:#fff;font-weight:900}.brand .name{font-size:20px}.brand .name b{color:var(--krau-2)}.auth-wrap{height:100%;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,#13233f 0%,var(--bg-0) 60%)}.auth-card{width:380px;background:var(--bg-1);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 30px 80px #00000080}.auth-card h1{font-size:18px;margin:18px 0 4px}.auth-card p.sub{color:var(--txt-2);font-size:13px;margin:0 0 18px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--txt-1);margin-bottom:6px}.field input{width:100%;background:var(--bg-2);border:1px solid var(--line);color:var(--txt-0);border-radius:10px;padding:11px 12px;outline:none}.field input:focus{border-color:var(--krau-1)}.btn{width:100%;border:none;border-radius:10px;padding:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--krau-1),var(--krau-2))}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:transparent;color:var(--txt-1);border:1px solid var(--line)}.switch{text-align:center;margin-top:14px;font-size:13px;color:var(--txt-2)}.switch a{color:var(--krau-2);cursor:pointer}.note{font-size:12px;color:var(--txt-2);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:14px;line-height:1.5}.err{color:var(--danger);font-size:13px;margin:8px 0 0}.busy{color:var(--krau-2);font-size:13px;margin:8px 0 0}.app{height:100%;display:grid;grid-template-rows:56px 1fr}.topbar{display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:16px;background:var(--bg-1);border-bottom:1px solid var(--line);padding:0 16px 0 18px}.topbar .search{display:flex;align-items:center;gap:10px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:8px 14px;max-width:620px}.topbar .search input{flex:1;background:none;border:none;outline:none;color:var(--txt-0)}.topbar .search .ic{color:var(--txt-2)}.topbar .account{display:flex;align-items:center;gap:10px;justify-self:end}.topbar .account .addr{font-size:13px;color:var(--txt-1);text-align:right}.topbar .account .me{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--krau-1),var(--krau-2));display:grid;place-items:center;color:#fff;font-weight:700}.shell-body{display:grid;grid-template-columns:240px 1fr;min-height:0}.sidebar{background:var(--bg-1);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column}.compose-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;border:none;border-radius:10px;padding:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--krau-1),var(--krau-2))}.folders{display:flex;flex-direction:column;gap:2px}.folder{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;color:var(--txt-1);background:transparent;border:none;text-align:left;font-size:14px}.folder:hover{background:var(--bg-2)}.folder.active{background:var(--bg-3);color:var(--txt-0)}.folder .ic{width:18px;text-align:center}.folder .count{margin-left:auto;font-size:12px;color:var(--krau-2);font-weight:700}.storage{margin-top:auto;padding:12px 8px 4px;border-top:1px solid var(--line)}.storage .bar{height:6px;border-radius:4px;background:var(--bg-3);overflow:hidden;margin-bottom:6px}.storage .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--krau-1),var(--krau-2))}.storage .txt{font-size:11px;color:var(--txt-2);display:flex;justify-content:space-between}.storage .logout{margin-top:12px}.main{display:flex;flex-direction:column;min-height:0;background:var(--bg-0)}.toolbar{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}.toolbar h2{margin:0;font-size:16px}.toolbar .spacer{flex:1}.toolbar .chip{background:var(--bg-2);border:1px solid var(--line);color:var(--txt-1);border-radius:8px;padding:6px 12px;font-size:13px}.toolbar .chip.active{color:var(--krau-2);border-color:var(--krau-1)}.list{flex:1;overflow-y:auto}.list .empty{padding:48px;text-align:center;color:var(--txt-2)}.mrow{display:grid;grid-template-columns:24px 38px 200px 1fr auto;align-items:center;gap:12px;padding:0 20px;height:52px;border-bottom:1px solid var(--line);cursor:pointer}.mrow:hover{background:var(--bg-1)}.mrow .star{background:none;border:none;color:var(--txt-2);font-size:15px;padding:0}.mrow.starred .star{color:#f5c451}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:14px}.mrow .sender{color:var(--txt-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.mrow .subj{color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.mrow .subj.locked{font-style:italic}.mrow .meta{display:flex;align-items:center;gap:8px}.mrow .lock{color:var(--txt-2);display:inline-flex}.mrow .star{display:inline-flex}.folder .ic,.search .ic,.lockinfo svg,.verified svg{flex:none}.mrow .date{color:var(--txt-2);font-size:12px;white-space:nowrap}.mrow.unread{position:relative}.mrow.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--krau-2)}.mrow.unread .sender,.mrow.unread .subj{color:var(--txt-0);font-weight:600}.reader{flex:1;overflow-y:auto}.reader .rhead{display:flex;align-items:center;gap:4px;padding:10px 22px;border-bottom:1px solid var(--line)}.reader .rhead .spacer{flex:1}.reader .rbody{padding:26px 40px}.rsubject{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.rsubject h1{margin:0 0 18px;font-size:22px}.rsender{display:flex;align-items:center;gap:12px;margin-bottom:16px}.rsender .rfrom{display:flex;flex-direction:column;gap:3px;font-size:13px}.rsender .rfrom .line{display:flex;align-items:center;gap:7px;color:var(--txt-1)}.rsender .rfrom .lbl{color:var(--txt-2);width:32px}.rsender .rfrom .enc{color:var(--ok)}.rsender .rfrom b{color:var(--txt-0)}.rsender .rdate{margin-left:auto;color:var(--txt-2);font-size:12px;white-space:nowrap}.iconbtn{display:inline-grid;place-items:center;background:none;border:none;color:var(--txt-2);padding:7px;border-radius:8px;cursor:pointer}.iconbtn:hover{background:var(--bg-2);color:var(--txt-0)}.iconbtn.star.on{color:#f5c451}.reader .verified{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ok);border:1px solid rgba(58,210,159,.4);border-radius:999px;padding:3px 10px;margin-bottom:18px}.reader .bodytext{white-space:pre-wrap;line-height:1.65;color:var(--txt-0)}.rcard{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:inset 0 1px #ffffff0a}.rcard-head{padding:16px 20px;margin-bottom:14px}.rcard-head .rsender{margin-bottom:0}.rcard-head .verified{margin:14px 0 0}.rcard-body{padding:22px 24px}.reader .actions{margin-top:24px;display:flex;gap:10px}.reader .actions button{background:var(--bg-2);border:1px solid var(--line);color:var(--txt-1);border-radius:9px;padding:8px 14px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#05040ca6;display:grid;place-items:center;z-index:10}.composer{width:560px;background:var(--bg-1);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #0009}.composer .head{padding:14px 18px;border-bottom:1px solid var(--line);font-weight:700;display:flex;justify-content:space-between;align-items:center}.composer .head .x{background:none;border:none;color:var(--txt-2);font-size:18px}.composer .body{padding:18px}.composer input,.composer textarea{width:100%;background:var(--bg-2);border:1px solid var(--line);color:var(--txt-0);border-radius:10px;padding:11px 12px;outline:none;margin-bottom:12px}.composer textarea{min-height:180px;resize:vertical}.composer .foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.composer .lockinfo{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--txt-2)}.composer .send{border:none;border-radius:10px;padding:11px 22px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--krau-1),var(--krau-2))}body{background:radial-gradient(820px 520px at 8% -10%,rgba(91,140,255,.18),transparent 60%),radial-gradient(900px 650px at 108% 4%,rgba(47,107,240,.14),transparent 55%),radial-gradient(720px 720px at 50% 120%,rgba(123,92,255,.1),transparent 60%),linear-gradient(160deg,#0a0e17,#0b1019 55%,#080b12);background-attachment:fixed}.app,.main{background:transparent}.topbar{background:#0e142199;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar{background:#0e131f73;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-right:1px solid rgba(255,255,255,.08)}.toolbar{border-bottom:1px solid rgba(255,255,255,.07)}.topbar .search{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.folder:hover{background:#ffffff0d}.folder.active{background:#ffffff14;box-shadow:inset 0 1px #ffffff14}.mrow{grid-template-columns:26px 22px 38px minmax(120px,200px) 1fr auto;border-bottom:1px solid rgba(255,255,255,.06)}.mrow:hover{background:#ffffff0a}.mrow.selected,.mrow.selected:hover{background:#2f6bf029}.compose-btn,.btn:not(.ghost),.composer .send{box-shadow:inset 0 1px #ffffff4d,0 8px 22px #2f6bf052}.btn.ghost{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.toolbar .chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.toolbar .chip.active{background:#2f6bf02e;border-color:var(--krau-1);color:var(--krau-2)}.iconbtn:hover{background:#ffffff14}.field input,.composer input,.composer textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.addr-field{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:0 12px}.addr-field:focus-within{border-color:var(--krau-1)}.addr-field input{flex:1;min-width:0;background:none;border:none;padding:11px 0;color:var(--txt-0);outline:none}.addr-field .suffix{color:var(--txt-2);font-size:14px;white-space:nowrap;-webkit-user-select:none;user-select:none}.auth-card{background:#12192899;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff1a}.note{background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.modal-bg{background:#05080f80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.composer{background:#121928b8;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #0009,inset 0 1px #ffffff1a}.verified{background:#3ad29f14;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.check{width:18px;height:18px;border-radius:6px;border:1.6px solid rgba(255,255,255,.22);background:#ffffff0a;display:grid;place-items:center;color:#fff;cursor:pointer;padding:0;transition:background .12s ease,border-color .12s ease}.check:hover{border-color:var(--krau-2)}.check.on{background:linear-gradient(135deg,var(--krau-1),var(--krau-2));border-color:transparent}.selbar{display:flex;align-items:center;gap:4px;flex:1}.selbar .count{font-weight:600;font-size:14px}.selbar .spacer{flex:1}.mrow .clip{color:var(--txt-2);display:inline-flex}.attach-btn{display:inline-grid;place-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--txt-1);border-radius:9px;padding:8px;cursor:pointer}.attach-btn:hover{color:var(--txt-0);border-color:var(--krau-1)}.attach-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.attach-chip{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:7px 10px;font-size:13px;color:var(--txt-1)}.attach-chip .fname{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attach-chip .fsize{color:var(--txt-2);font-size:12px}.attach-chip .rm{background:none;border:none;color:var(--txt-2);display:inline-flex;cursor:pointer;padding:2px}.attach-chip .rm:hover{color:var(--danger)}.attachments{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.att{display:flex;align-items:center;gap:9px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;color:var(--txt-1);cursor:pointer;max-width:280px}.att:hover{border-color:var(--krau-1);color:var(--txt-0)}.att .an{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.att .as{color:var(--txt-2);font-size:12px;white-space:nowrap}.att .dl{color:var(--krau-2)}.viewer{width:min(920px,94vw);height:min(86vh,940px);display:flex}.viewer.large{width:96vw;height:94vh}.viewer{flex-direction:column;background:#121928e6;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #0009}.vhead{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.vhead .enc{color:var(--ok)}.vhead .vname{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vhead .spacer{flex:1}.vbody{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;background:#00000047}.vbody img{max-width:100%;max-height:100%;object-fit:contain}.vbody iframe{width:100%;height:100%;border:0;background:#fff}.vbody video{max-width:100%;max-height:100%}.vbody pre{width:100%;height:100%;margin:0;padding:18px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--txt-0);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;align-self:stretch}.vfallback{text-align:center;color:var(--txt-2);display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px}.vfallback .send{border:none;border-radius:10px;padding:11px 22px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--krau-1),var(--krau-2))}.reader .rhead .rsep{width:1px;height:22px;background:var(--line);margin:0 4px}.iconbtn.on{background:var(--bg-3);color:var(--txt-0)}.menu-anchor{position:relative;display:inline-flex}.popover{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:300px;z-index:40;padding:14px;border-radius:14px;background:#141b2cf5;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #0000008c}.pop-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:16px;margin-bottom:12px}.pop-add{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:none;color:#fff;background:linear-gradient(135deg,var(--krau-1),var(--krau-2))}.pop-add:disabled{opacity:.55}.pop-search{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;border:1px solid var(--krau-2);background:var(--bg-2);margin-bottom:10px}.pop-search .ic{color:var(--txt-2)}.pop-search input{flex:1;background:none;border:none;color:var(--txt-0);font-size:14px;outline:none}.pop-list{display:flex;flex-direction:column;gap:2px;max-height:260px;overflow:auto}.pop-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border:none;background:none;color:var(--txt-1);border-radius:8px;text-align:left;font-size:14px}.pop-row:hover{background:var(--bg-2)}.pop-row.on{color:var(--txt-0)}.pop-row .ic{color:var(--txt-2)}.pop-row .pl{flex:1}.pop-row .here{font-size:12px;color:var(--txt-2)}.pop-row.create{color:var(--krau-2)}.pop-row .radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--txt-2);flex-shrink:0}.pop-row .radio.on{border-color:var(--krau-2);box-shadow:inset 0 0 0 4px var(--krau-2)}.pop-row .box,.pop-check .box{width:18px;height:18px;border-radius:5px;border:2px solid var(--txt-2);flex-shrink:0;display:grid;place-items:center;color:#fff}.pop-row .box.on{border-color:var(--krau-2);background:var(--krau-2)}.pop-row .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pop-check{display:flex;align-items:center;gap:10px;margin:10px 4px 0;font-size:13px;color:var(--txt-1)}.pop-apply{width:100%;margin-top:12px;padding:11px;border:none;border-radius:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--krau-1),var(--krau-2))}.pop-apply:disabled{opacity:.45}.lchip{display:inline-block;font-size:11px;font-weight:600;line-height:1;padding:3px 7px;border-radius:999px;border:1px solid currentColor;margin-right:6px;vertical-align:middle}.rsubject .lchip{font-size:12px;padding:4px 9px}.mrow.b{grid-template-columns:22px 38px minmax(140px,220px) 1fr auto}.mrow .subj .sj{color:var(--txt-0);font-weight:500}.mrow .subj .sn{color:var(--txt-2);font-weight:400}