:root{--bg: #06070b;--bg-soft: #090b11;--panel: rgba(17, 20, 29, .72);--panel-solid: #0e1119;--panel-hi: #141824;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--text: #e9edf6;--text-2: #a3acc0;--text-3: #6b7488;--accent: #4c8dff;--accent-hi: #6ea3ff;--accent-soft: rgba(76, 141, 255, .14);--accent-line: rgba(76, 141, 255, .38);--violet: #8b5cf6;--red: #ff5f6d;--red-soft: rgba(255, 95, 109, .14);--green: #3ddc97;--amber: #ffc857;--r-sm: 9px;--r-md: 13px;--r-lg: 18px;--r-xl: 24px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 12px 32px -12px rgba(0, 0, 0, .7);--shadow-3: 0 28px 70px -24px rgba(0, 0, 0, .85);--spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1100px 620px at 8% -12%,rgba(76,141,255,.16),transparent 62%),radial-gradient(900px 520px at 102% -6%,rgba(139,92,246,.13),transparent 58%),var(--bg);color:var(--text);font:400 14px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}::selection{background:#4c8dff52}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#ffffff38;background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:268px minmax(340px,400px) minmax(0,1fr);height:100%;min-height:0}.app[data-reader=off]{grid-template-columns:268px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;min-height:0;padding:18px 14px 14px;border-right:1px solid var(--line);background:linear-gradient(180deg,#0f121ae6,#090b11b8);-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3)}.brand{display:flex;align-items:center;gap:10px;padding:2px 6px 18px;-webkit-user-select:none;user-select:none}.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--violet));box-shadow:0 6px 18px -6px #4c8dffbf;flex:0 0 auto}.brand-mark svg{width:17px;height:17px}.brand-name{font-weight:620;letter-spacing:-.015em;font-size:15px}.brand-sub{font-size:11px;color:var(--text-3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.compose-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;margin-bottom:18px;border-radius:var(--r-md);font-weight:580;font-size:14px;color:#fff;background:linear-gradient(180deg,var(--accent-hi),var(--accent));box-shadow:0 1px #ffffff38 inset,0 10px 26px -10px #4c8dffd9;transition:filter .18s ease,transform .18s var(--spring)}.compose-btn:hover{filter:brightness(1.07)}.compose-btn:active{transform:scale(.975)}.compose-btn svg{width:16px;height:16px}.nav{display:flex;flex-direction:column;gap:2px;margin-bottom:20px}.nav-item{display:flex;align-items:center;gap:11px;height:36px;padding:0 10px;border-radius:var(--r-sm);color:var(--text-2);font-size:13.5px;font-weight:500;transition:background .16s ease,color .16s ease;position:relative;text-align:left;width:100%}.nav-item:hover{background:#ffffff0b;color:var(--text)}.nav-item.is-active{background:var(--accent-soft);color:var(--text)}.nav-item.is-active:before{content:"";position:absolute;left:-14px;top:50%;translate:0 -50%;width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 12px var(--accent)}.nav-item svg{width:16px;height:16px;flex:0 0 auto;opacity:.85}.nav-item .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{min-width:20px;height:19px;padding:0 6px;border-radius:99px;display:grid;place-items:center;font-size:11px;font-weight:640;font-variant-numeric:tabular-nums;background:var(--accent);color:#fff;box-shadow:0 0 14px -2px #4c8dffcc}.badge.is-muted{background:#ffffff17;color:var(--text-2);box-shadow:none}.section{display:flex;align-items:center;justify-content:space-between;padding:0 10px 8px;color:var(--text-3);font-size:11px;font-weight:620;letter-spacing:.08em;text-transform:uppercase}.section button{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;color:var(--text-3);transition:background .16s,color .16s}.section button:hover{background:#ffffff14;color:var(--text)}.section svg{width:13px;height:13px}.mailboxes{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-bottom:8px;margin:0 -4px;padding-inline:4px}.mbox{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--r-sm);color:var(--text-2);font-size:13px;text-align:left;width:100%;transition:background .16s ease,color .16s ease}.mbox:hover{background:#ffffff0b;color:var(--text)}.mbox.is-active{background:#ffffff12;color:var(--text)}.mbox-dot{width:6px;height:6px;border-radius:99px;background:var(--text-3);flex:0 0 auto}.mbox.is-active .mbox-dot{background:var(--accent);box-shadow:0 0 9px var(--accent)}.mbox-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.sidebar-foot{border-top:1px solid var(--line);padding-top:10px;margin-top:6px;display:flex;align-items:center;gap:8px}.avatar-btn{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#1d2434,#141a26);border:1px solid var(--line-strong);font-size:12px;font-weight:640;color:var(--text-2);transition:border-color .16s,color .16s;flex:0 0 auto}.avatar-btn:hover{border-color:var(--accent-line);color:var(--text)}.ghost-btn{height:30px;padding:0 10px;border-radius:9px;display:inline-flex;align-items:center;gap:6px;color:var(--text-3);font-size:12.5px;transition:background .16s,color .16s}.ghost-btn:hover{background:#ffffff0f;color:var(--text)}.ghost-btn svg{width:14px;height:14px}.list-pane{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:#080a0f80}.list-head{padding:16px 16px 12px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.list-title{display:flex;align-items:baseline;gap:9px}.list-title h2{margin:0;font-size:17px;font-weight:640;letter-spacing:-.02em}.list-title .count{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.search{position:relative;display:flex;align-items:center}.search svg{position:absolute;left:11px;width:14px;height:14px;color:var(--text-3);pointer-events:none}.search input{width:100%;height:34px;padding:0 32px;border-radius:10px;border:1px solid var(--line);background:#ffffff09;font-size:13px;transition:border-color .18s,background .18s,box-shadow .18s}.search input::placeholder{color:var(--text-3)}.search input:focus{outline:none;border-color:var(--accent-line);background:#4c8dff0f;box-shadow:0 0 0 3px #4c8dff1a}.search kbd{position:absolute;right:8px;font:600 10px/1 ui-monospace,monospace;color:var(--text-3);padding:3px 5px;border-radius:5px;border:1px solid var(--line);background:#ffffff0a}.rows{flex:1;min-height:0;overflow-y:auto;padding:6px 8px 24px;position:relative}.row{display:grid;grid-template-columns:1fr auto;gap:3px 10px;width:100%;padding:11px 12px;margin-bottom:3px;border-radius:var(--r-md);border:1px solid transparent;text-align:left;transition:background .15s ease,border-color .15s ease;position:relative;overflow:hidden}.row:hover{background:#ffffff0b}.row.is-active{background:linear-gradient(180deg,#4c8dff2b,#4c8dff1a);border-color:var(--accent-line);box-shadow:0 8px 24px -14px #4c8dffe6}.row-top{display:flex;align-items:center;gap:7px;min-width:0}.row-from{font-size:13px;font-weight:540;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.row.is-unread .row-from{color:var(--text);font-weight:620}.row-subject{grid-column:1 / -1;font-size:13.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.row.is-read .row-subject{font-weight:450;color:var(--text-2)}.row.is-unread .row-subject{font-weight:600}.row-snippet{grid-column:1 / -1;font-size:12.5px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.45}.row-time{font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:1px}.row.is-unread .row-time{color:var(--accent-hi)}.unread-dot{width:6px;height:6px;border-radius:99px;background:var(--accent);box-shadow:0 0 8px var(--accent);flex:0 0 auto}.row-icons{display:inline-flex;gap:4px;align-items:center;color:var(--text-3)}.row-icons svg{width:12px;height:12px}.star-mark{color:var(--amber)}.row-quick{position:absolute;right:8px;bottom:8px;display:none;align-items:center;gap:4px;background:linear-gradient(90deg,transparent,var(--panel-solid) 35%);padding-left:18px;border-radius:8px}.row:hover .row-quick{display:flex}.row-subject,.row-snippet{padding-left:13px}.body-frame{transition:height .22s ease}.reader{display:flex;flex-direction:column;min-height:0;min-width:0;background:#07090d6b}.reader-bar{display:flex;align-items:center;gap:6px;height:52px;padding:0 14px;border-bottom:1px solid var(--line);flex:0 0 auto}.reader-bar .spacer{flex:1}.icon-btn{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--text-3);transition:background .16s,color .16s,transform .16s var(--spring)}.icon-btn:hover{background:#ffffff12;color:var(--text)}.icon-btn:active{transform:scale(.92)}.icon-btn.is-on{color:var(--amber)}.icon-btn.is-danger:hover{color:var(--red);background:var(--red-soft)}.icon-btn svg{width:16px;height:16px}.reader-body{flex:1;min-height:0;overflow-y:auto;padding:26px 30px 40px}.subject{margin:0 0 16px;font-size:22px;line-height:1.35;font-weight:650;letter-spacing:-.025em}.sender{display:flex;align-items:center;gap:11px;margin-bottom:20px}.sender-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:650;color:#fff;flex:0 0 auto;background:linear-gradient(145deg,#2b3350,#1a2030)}.sender-meta{min-width:0;line-height:1.4}.sender-name{font-size:13.5px;font-weight:580}.sender-addr{font-size:12px;color:var(--text-3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-time{margin-left:auto;font-size:12px;color:var(--text-3);white-space:nowrap;flex:0 0 auto}.body-frame{width:100%;min-height:140px;border:0;border-radius:var(--r-md);background:#fff;display:block;box-shadow:0 10px 40px -18px #000c}.body-plain{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.7;color:var(--text);background:#ffffff08;border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px}.remote-hint{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:9px 13px;border-radius:10px;border:1px solid var(--line);background:#ffffff08;font-size:12.5px;color:var(--text-2)}.attachments{margin-top:20px;display:flex;flex-wrap:wrap;gap:9px}.attach{display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:11px;border:1px solid var(--line);background:#ffffff09;color:var(--text-2);text-decoration:none;font-size:12.5px;transition:border-color .16s,background .16s;max-width:260px}.attach:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text)}.attach svg{width:15px;height:15px;flex:0 0 auto}.attach-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-size{color:var(--text-3);font-size:11px;font-variant-numeric:tabular-nums;flex:0 0 auto}.empty{height:100%;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;text-align:center;color:var(--text-3)}.empty svg{width:34px;height:34px;opacity:.5}.empty strong{color:var(--text-2);font-weight:560;font-size:14px}.empty span{font-size:12.5px;max-width:30ch;line-height:1.6}.skeleton{border-radius:7px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 37%,#ffffff0d 63%);background-size:400% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.sk-row{padding:12px;display:flex;flex-direction:column;gap:8px}.login-wrap{height:100%;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.login-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none}.login-orb.a{width:460px;height:460px;background:#2f6dff;top:-160px;left:-120px;animation:float1 16s ease-in-out infinite}.login-orb.b{width:380px;height:380px;background:#7c3aed;bottom:-140px;right:-100px;animation:float2 19s ease-in-out infinite}@keyframes float1{50%{transform:translate(60px,40px) scale(1.12)}}@keyframes float2{50%{transform:translate(-50px,-30px) scale(1.08)}}.login-card{position:relative;width:100%;max-width:380px;padding:34px 30px 28px;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:linear-gradient(180deg,#161a26eb,#0c0f16f2);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-3)}.login-card h1{margin:16px 0 6px;font-size:21px;font-weight:650;letter-spacing:-.025em}.login-card p{margin:0 0 24px;color:var(--text-3);font-size:13px}.login-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--violet));box-shadow:0 12px 30px -10px #4c8dffcc}.login-mark svg{width:23px;height:23px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field label{font-size:12px;color:var(--text-3);font-weight:560;letter-spacing:.02em}.field input,.field textarea{width:100%;padding:11px 13px;border-radius:11px;border:1px solid var(--line-strong);background:#ffffff0a;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent-line);background:#4c8dff0f;box-shadow:0 0 0 3px #4c8dff1f}.field .hint{font-size:11.5px;color:var(--text-3)}.btn-primary{width:100%;height:42px;border-radius:11px;font-weight:600;font-size:14px;color:#fff;background:linear-gradient(180deg,var(--accent-hi),var(--accent));box-shadow:0 10px 26px -12px #4c8dffe6;transition:filter .18s,transform .16s var(--spring);display:grid;place-items:center}.btn-primary:hover{filter:brightness(1.07)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;filter:none}.btn-ghost{height:38px;padding:0 16px;border-radius:10px;border:1px solid var(--line-strong);color:var(--text-2);font-size:13px;font-weight:540;transition:background .16s,border-color .16s,color .16s}.btn-ghost:hover{background:#ffffff0f;color:var(--text);border-color:var(--line-strong)}.btn-danger{height:38px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,95,109,.4);background:var(--red-soft);color:#ff8b94;font-size:13px;font-weight:540;transition:background .16s}.btn-danger:hover{background:#ff5f6d38}.form-error{margin:0 0 12px;padding:9px 12px;border-radius:9px;background:var(--red-soft);border:1px solid rgba(255,95,109,.3);color:#ff9aa2;font-size:12.5px}.overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:start center;padding:12vh 20px 20px;background:#0304079e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto;overscroll-behavior:contain}.palette{width:100%;max-width:560px;border-radius:var(--r-lg);border:1px solid var(--line-strong);background:linear-gradient(180deg,#171b27fa,#0d1017fc);box-shadow:var(--shadow-3);overflow:hidden}.palette-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.palette-input svg{width:16px;height:16px;color:var(--text-3);flex:0 0 auto}.palette-input input{flex:1;border:0;background:none;font-size:15px;outline:none}.palette-list{max-height:340px;overflow-y:auto;padding:6px}.palette-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;border-radius:9px;color:var(--text-2);font-size:13.5px;text-align:left;transition:background .12s,color .12s}.palette-item.is-active,.palette-item:hover{background:var(--accent-soft);color:var(--text)}.palette-item svg{width:15px;height:15px;flex:0 0 auto;opacity:.8}.palette-item .kbd{margin-left:auto;font:600 10px/1 ui-monospace,monospace;color:var(--text-3);padding:3px 5px;border-radius:5px;border:1px solid var(--line)}.palette-empty{padding:22px;text-align:center;color:var(--text-3);font-size:13px}.dialog{width:100%;max-width:460px;max-height:84vh;display:flex;flex-direction:column;border-radius:var(--r-lg);border:1px solid var(--line-strong);background:linear-gradient(180deg,#171b27fa,#0d1017fc);box-shadow:var(--shadow-3);padding:22px}.mb-list{overflow-y:auto;padding-right:4px;max-height:46vh;overscroll-behavior:contain;flex:1 1 auto;min-height:0}.dialog>*:not(.mb-list){flex:0 0 auto}.dialog h3{margin:0 0 4px;font-size:17px;font-weight:640;letter-spacing:-.02em}.dialog .sub{margin:0 0 20px;color:var(--text-3);font-size:12.5px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.composer{position:fixed;right:22px;bottom:22px;z-index:50;width:min(620px,calc(100vw - 44px));max-height:min(74vh,640px);display:flex;flex-direction:column;border-radius:var(--r-lg);border:1px solid var(--line-strong);background:linear-gradient(180deg,#141822fc,#0b0e14fc);box-shadow:var(--shadow-3),0 0 0 1px #4c8dff14;overflow:hidden}.composer-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);cursor:grab}.composer-head h3{margin:0;font-size:13.5px;font-weight:600}.composer-head .from{margin-left:auto;font:500 11.5px/1 ui-monospace,monospace;color:var(--text-3);padding:4px 8px;border-radius:6px;background:#ffffff0d}.composer-fields{padding:6px 16px;border-bottom:1px solid var(--line)}.composer-row{display:flex;align-items:center;gap:10px;height:38px;border-bottom:1px solid var(--line)}.composer-row:last-child{border-bottom:0}.composer-row label{font-size:12.5px;color:var(--text-3);width:40px;flex:0 0 auto}.composer-row input{flex:1;border:0;background:none;outline:none;font-size:13.5px}.composer-body{flex:1;min-height:180px;padding:14px 16px;border:0;background:none;outline:none;resize:none;font-size:14px;line-height:1.7}.composer-foot{display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--line);background:#0003}.composer-foot .spacer{flex:1}.send-btn{height:36px;padding:0 18px;border-radius:9px;font-weight:600;font-size:13px;color:#fff;background:linear-gradient(180deg,var(--accent-hi),var(--accent));box-shadow:0 8px 20px -10px #4c8dffe6;display:inline-flex;align-items:center;gap:7px;transition:filter .16s,transform .16s var(--spring)}.send-btn:hover{filter:brightness(1.08)}.send-btn:active{transform:scale(.97)}.send-btn:disabled{opacity:.55;cursor:not-allowed}.toasts{position:fixed;left:50%;bottom:26px;z-index:80;translate:-50% 0;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;padding:10px 16px;border-radius:11px;border:1px solid var(--line-strong);background:#161a25f7;box-shadow:var(--shadow-2);font-size:13px;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast.is-error{border-color:#ff5f6d73;color:#ffb3b8}.toast svg{width:15px;height:15px;flex:0 0 auto}.kbd-hint{font:600 10.5px/1 ui-monospace,monospace;color:var(--text-3);padding:3px 5px;border-radius:5px;border:1px solid var(--line);background:#ffffff0a}.mobile-back{display:none}@media(max-width:1180px){.app{grid-template-columns:240px minmax(300px,360px) minmax(0,1fr)}.reader-body{padding:22px 22px 34px}}@media(max-width:960px){.app,.app[data-reader=off]{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:272px;z-index:40;translate:-100% 0;transition:translate .32s cubic-bezier(.32,.72,0,1);box-shadow:var(--shadow-3)}.sidebar.is-open{translate:0 0}.list-pane{border-right:0}.reader{position:fixed;inset:0;z-index:45;background:var(--bg);translate:100% 0;transition:translate .32s cubic-bezier(.32,.72,0,1)}.reader.is-open{translate:0 0}.mobile-back{display:grid}.composer{right:10px;bottom:10px;width:calc(100vw - 20px);max-height:82vh}}@media(prefers-reduced-motion:reduce){.login-orb.a,.login-orb.b{animation:none}}.reader-holder{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.reader-holder .reader{flex:1;min-height:0}.dim{position:fixed;inset:0;z-index:35;background:#03040785;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.composer-row select option{background:var(--panel-solid);color:var(--text)}html[data-theme=light]{--bg: #eef1f6;--bg-soft: #e7ebf2;--panel: rgba(255, 255, 255, .84);--panel-solid: #ffffff;--panel-hi: #f4f6fb;--line: rgba(15, 23, 42, .09);--line-strong: rgba(15, 23, 42, .16);--text: #171b26;--text-2: #3c4659;--text-3: #6f7889;--accent: #2563eb;--accent-hi: #3b82f6;--accent-soft: rgba(37, 99, 235, .1);--accent-line: rgba(37, 99, 235, .42);--violet: #7c3aed;--red: #e11d48;--red-soft: rgba(225, 29, 72, .1);--green: #059669;--amber: #d97706;--shadow-1: 0 1px 2px rgba(15, 23, 42, .06);--shadow-2: 0 12px 32px -12px rgba(15, 23, 42, .2);--shadow-3: 0 28px 70px -24px rgba(15, 23, 42, .28);color-scheme:light}html[data-theme=light] body{background:radial-gradient(1100px 620px at 8% -12%,rgba(37,99,235,.1),transparent 62%),radial-gradient(900px 520px at 102% -6%,rgba(124,58,237,.08),transparent 58%),var(--bg)}html[data-theme=light] *{scrollbar-color:rgba(15,23,42,.3) transparent}html[data-theme=light] *::-webkit-scrollbar-thumb{background:#0f172a2e;background-clip:padding-box}html[data-theme=light] *::-webkit-scrollbar-thumb:hover{background:#0f172a52;background-clip:padding-box}html[data-theme=light] .sidebar{background:linear-gradient(180deg,#fffffff0,#f6f8fce0)}html[data-theme=light] .list-pane{background:#ffffff8c}html[data-theme=light] .reader{background:#ffffff6b}html[data-theme=light] .login-card,html[data-theme=light] .palette,html[data-theme=light] .dialog,html[data-theme=light] .composer{background:linear-gradient(180deg,#fffffffa,#f3f6fbfc)}html[data-theme=light] .composer-foot{background:#0f172a0a}html[data-theme=light] .toast{background:#fffffffa}html[data-theme=light] .ghost-btn:hover,html[data-theme=light] .icon-btn:hover,html[data-theme=light] .nav-item:hover,html[data-theme=light] .mbox:hover,html[data-theme=light] .row:hover,html[data-theme=light] .section button:hover,html[data-theme=light] .btn-ghost:hover{background:#0f172a0f}html[data-theme=light] .mbox.is-active{background:#0f172a12}html[data-theme=light] .badge.is-muted{background:#0f172a14;color:var(--text-2)}html[data-theme=light] .row.is-active{background:linear-gradient(180deg,#2563eb1a,#2563eb0d)}html[data-theme=light] .search input{background:#0f172a0a}html[data-theme=light] .attach,html[data-theme=light] .body-plain,html[data-theme=light] .remote-hint{background:#0f172a08}html[data-theme=light] .avatar-btn{background:linear-gradient(145deg,#eef2f9,#e2e8f2)}html[data-theme=light] .skeleton{background:linear-gradient(90deg,#0f172a0f 25%,#0f172a1f 37%,#0f172a0f 63%);background-size:400% 100%}@media(max-width:960px){.reader-holder{display:contents}.reader-holder.is-open .reader{translate:0 0}}