:root{--app-bg: #0a0a0a;--app-bg-soft: #101010;--surface-0: #1a1a1a;--surface-1: #202020;--surface-2: #252525;--surface-3: #2b2b2b;--border: #2c2c2c;--text-primary: #f5f5f5;--text-secondary: #b0b0b0;--text-tertiary: #666666;--text-inactive: #aaaaaa;--accent-primary: #ff4245;--accent-primary-hover: #ff5454;--accent-alert: #ff453a;--accent-warning: #ffb300;--accent-blue: #2babee;--accent-green: #7bff88;--radius-xl: 18px;--radius-lg: 12px;--radius-md: 10px;--shadow-lg: 0 24px 48px rgba(0, 0, 0, .45);--shadow-md: 0 10px 24px rgba(0, 0, 0, .35);--easing-smooth: cubic-bezier(.2, .9, .2, 1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background:linear-gradient(145deg,#000000 0%,var(--app-bg) 56%,var(--app-bg-soft) 100%)}#app,.app-shell{min-height:100vh}.app-shell-workspace{height:100vh;overflow:hidden}.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:.9rem;height:62px;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);background:#0a0a0aeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.65rem}.brand-logo{width:2.05rem;height:2.05rem;display:block;overflow:hidden;border-radius:.68rem;background:transparent;border:1px solid #353535}.brand-logo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:inherit}.brand-copy{display:flex;flex-direction:column;gap:.08rem}.brand-copy strong{font-size:.9rem;color:var(--text-primary)}.brand-copy span{font-size:.78rem;color:var(--text-secondary)}.topbar-actions{display:flex;align-items:center;gap:.55rem}.nav-link{display:inline-flex;align-items:center;justify-content:center;height:2.05rem;padding:0 .8rem;border-radius:.7rem;color:var(--text-secondary);text-decoration:none;font-size:.86rem;transition:color .18s var(--easing-smooth),background-color .18s var(--easing-smooth)}.nav-link:hover{color:var(--text-primary);background:var(--surface-2)}.container{width:100%;max-width:none;margin:0;padding:1rem 1rem 1.35rem}.container-workspace{height:calc(100vh - 62px);overflow:hidden}.card-elevated{background:linear-gradient(180deg,var(--surface-1),var(--surface-0));border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:enter-up .26s var(--easing-smooth)}.button{border:1px solid transparent;border-radius:var(--radius-md);padding:.6rem .95rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .14s var(--easing-smooth),border-color .14s var(--easing-smooth),background-color .14s var(--easing-smooth),box-shadow .16s var(--easing-smooth)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-primary{color:#fff;border-color:var(--accent-primary);background:linear-gradient(135deg,var(--accent-primary),var(--accent-alert));box-shadow:0 6px 18px #ff424542}.button-primary:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,var(--accent-primary-hover),var(--accent-primary))}.button-secondary{color:var(--text-primary);border-color:#3c3c3c;background:var(--surface-2)}.button-secondary:hover:not(:disabled){transform:translateY(-1px);border-color:#555;background:#2f2f2f}.button-lg{min-height:2.6rem}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:.22rem .58rem;font-size:.73rem;letter-spacing:.03em;text-transform:uppercase;font-weight:700;border:1px solid #3d3d3d;color:var(--text-secondary);background:#151515}.chip-accent{color:#fff;border-color:#ff424573;background:#ff424533}.muted{margin:0;color:var(--text-secondary)}.error{margin-top:.86rem;padding:.7rem .82rem;border-radius:var(--radius-md);border:1px solid rgba(255,69,58,.45);background:#ff453a1f;color:#ff9f98}.empty-state{border-radius:var(--radius-lg);border:1px dashed #4a4a4a;background:#1a1a1a;color:var(--text-secondary);padding:1rem}.auth-layout{min-height:calc(100vh - 125px);display:grid;place-items:center}.auth-card{width:min(430px,100%);padding:1.35rem}.auth-card-private{background:linear-gradient(180deg,#202020,#171717);padding:1.55rem 1.35rem 1.3rem}.auth-card-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.32rem}.auth-card-header h2{margin:.42rem 0 .06rem;font-size:1.24rem}.auth-card-header p{margin:.02rem 0 0;color:var(--text-secondary)}.auth-logo-wrap{width:4.2rem;height:4.2rem;border-radius:1.22rem;overflow:hidden;border:1px solid #4a4a4a;background:transparent;margin:0 auto .48rem;box-shadow:0 12px 24px #0000005c,0 0 0 1px #ff42451f}.auth-logo{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:inherit}.auth-form{margin-top:1rem;display:grid;gap:.82rem}.form-group{display:grid;gap:.33rem}label{color:var(--text-secondary);font-size:.82rem;font-weight:600}input{width:100%;border-radius:var(--radius-md);border:1px solid #3a3a3a;padding:.68rem .78rem;font-size:.92rem;color:var(--text-primary);background:#121212;transition:border-color .15s var(--easing-smooth),box-shadow .15s var(--easing-smooth)}input::placeholder{color:var(--text-tertiary)}input:focus{outline:none;border-color:#ff4245d9;box-shadow:0 0 0 3px #ff424533}.inbox-layout{display:grid}.mail-split-layout{grid-template-columns:minmax(330px,420px) minmax(0,1fr);gap:.9rem;height:100%;min-height:0}.mail-list-panel,.mail-detail-panel{min-height:0;height:100%}.mail-list-panel{display:flex;flex-direction:column;gap:.8rem;padding:1rem;overflow:hidden}.mail-detail-panel{padding:1.15rem;display:flex;flex-direction:column;overflow:hidden}.section-header{margin-bottom:.9rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.section-header h2{margin:0;font-size:1.2rem}.section-header-compact{margin-bottom:0}.mail-list-title{display:inline-flex;align-items:center;gap:.45rem}.folder-switch{display:inline-flex;gap:.25rem;padding:.2rem;border-radius:12px;border:1px solid #373737;background:#151515}.folder-button{padding:.42rem .72rem;min-width:96px}.folder-button.active{color:#fff;border-color:var(--accent-primary);background:linear-gradient(135deg,var(--accent-primary),var(--accent-alert))}.live-dot{width:.56rem;height:.56rem;border-radius:999px;background:var(--accent-primary);box-shadow:0 0 #ff42458c;animation:pulse-dot 1.3s ease-out infinite}.search-input{width:min(350px,100%)}.search-input-full{width:100%}.search-input-shell{position:relative}.search-input-shell input{padding-right:6.2rem}.search-clear-button{position:absolute;top:50%;right:.44rem;transform:translateY(-50%);border:1px solid #454545;border-radius:8px;background:#1d1d1d;color:var(--text-secondary);font-size:.76rem;padding:.24rem .45rem;cursor:pointer;transition:border-color .13s var(--easing-smooth),color .13s var(--easing-smooth)}.search-clear-button:hover{border-color:#626262;color:var(--text-primary)}.new-mail-indicator{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.72rem .78rem;border-radius:var(--radius-lg);border:1px solid rgba(255,66,69,.5);background:linear-gradient(135deg,#ff424529,#ff453a14)}.new-mail-copy{display:grid;gap:.05rem}.new-mail-copy strong{font-size:.88rem}.new-mail-copy span{color:var(--text-secondary);font-size:.8rem}.messages-list{margin:0;padding:0;list-style:none;display:grid;gap:.55rem}.message-stack-item{display:grid;position:relative}.messages-scroll-region{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-right:.26rem}.list-end-sentinel{margin-top:.58rem;padding:.55rem .4rem .4rem;text-align:center;font-size:.8rem;color:var(--text-tertiary)}.message-item{display:grid;grid-template-columns:auto 1fr;gap:.7rem;border-radius:var(--radius-lg);border:1px solid #383838;background:var(--surface-2);padding:.72rem;width:100%;max-width:100%;cursor:pointer;transition:border-color .16s var(--easing-smooth),box-shadow .16s var(--easing-smooth),background-color .16s var(--easing-smooth),opacity .17s var(--easing-smooth)}.message-item:hover{border-color:#ff424580;box-shadow:0 6px 14px #00000040}.message-item.active{border-color:#ff4245cc;background:linear-gradient(150deg,#ff424533,#252525f2)}.message-item.context-focus{border-color:#2babee9e;background:linear-gradient(150deg,#2babee24,#252525f2);box-shadow:0 0 0 1px #2babee38,0 12px 20px #00000047;opacity:1}.message-item.context-dimmed{opacity:.5}.message-avatar{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;font-size:.83rem;font-weight:700;color:#fff;background:#3a3a3a}.message-main{min-width:0}.message-top{display:grid;grid-template-rows:1.22rem auto;gap:.22rem;min-width:0}.message-top-main{display:flex;justify-content:space-between;align-items:center;gap:.55rem;color:var(--text-secondary);font-size:.81rem;min-width:0}.from{display:block;color:var(--text-primary);font-weight:600;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-tags-slot{display:inline-flex;align-items:center;justify-content:flex-start;gap:.34rem;min-height:1.22rem;max-width:100%;overflow:hidden}.sender-sign{flex-shrink:0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;border:1px solid transparent;background:linear-gradient(180deg,#2babee33,#2babee1f);box-shadow:inset 0 0 0 1px #2babee57;color:#bae9ff;font-size:.69rem;font-weight:700;letter-spacing:.02em;padding:.12rem .45rem}.sender-badge{flex-shrink:0;min-width:78px;display:inline-flex;justify-content:center;border-radius:6px;border:1px solid transparent;background:linear-gradient(180deg,#ff42453d,#ff424524);box-shadow:inset 0 0 0 1px #ff424566;color:#ffd1d1;font-size:.64rem;font-weight:700;letter-spacing:.04em;padding:.12rem .4rem}.sender-tags-slot.empty{opacity:.82}.sender-placeholder-tag{display:inline-flex;align-items:center;border-radius:6px;border:1px solid rgba(130,130,130,.32);color:#b0b0b0b8;background:#ffffff03;font-size:.64rem;letter-spacing:.03em;text-transform:uppercase;padding:.12rem .46rem;white-space:nowrap}.message-main h3{margin:.28rem 0 .2rem;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview{margin:0;font-size:.88rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pager{margin-top:.88rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem}.pager-compact{margin-top:.2rem}.pager-status{color:var(--text-secondary);font-size:.84rem}.message-layout{display:grid}.message-content-shell{display:flex;flex-direction:column;gap:.22rem;min-height:0}.message-loading-line{height:2px;width:100%;border-radius:999px;background:linear-gradient(90deg,#ff424500,#ff4245bf,#ff424500);animation:shimmer 1.1s linear infinite}.message-header{margin-top:.95rem}.message-header-rich{margin-top:1.1rem}.message-header h1{margin:0;font-size:clamp(1.15rem,2vw,1.7rem)}.message-title{letter-spacing:.01em}.message-meta-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.meta-card{border-radius:var(--radius-lg);border:1px solid #3b3b3b;background:var(--surface-2);padding:.7rem;transition:border-color .14s var(--easing-smooth),background-color .14s var(--easing-smooth)}.meta-card-copyable{cursor:pointer}.meta-card-copyable:hover{border-color:#2babee85;background:linear-gradient(180deg,#2babee14,#2b2b2b)}.meta-card-copyable:focus-visible{outline:none;border-color:#2babeeb8;box-shadow:0 0 0 2px #2babee40}.meta-card-copyable.copied{border-color:#7bff8899;background:linear-gradient(180deg,#7bff881f,#2b2b2b)}.meta-card:hover{border-color:#2babee59;background:#2b2b2b}.meta-card span{display:block;font-size:.77rem;color:var(--text-secondary)}.meta-head{display:inline-flex;align-items:center;gap:.35rem}.meta-icon{width:1rem;height:1rem;display:inline-flex;color:var(--accent-blue)}.meta-icon svg{width:100%;height:100%}.meta-card strong{display:block;margin-top:.22rem;font-size:.86rem;word-break:break-word}.meta-copy-hint{margin-top:.18rem;display:inline-block;font-size:.72rem;color:var(--text-secondary)}.message-labels{display:inline-flex;flex-wrap:wrap;gap:.34rem;margin-top:.64rem}.chip-danger{color:#ffd4d4;border-color:#ff42458f;background:#ff424538}.tabs{margin:.95rem 0 .66rem;display:inline-flex;gap:.26rem;padding:.2rem;border-radius:12px;background:#171717;border:1px solid #343434}.tabs .button{padding:.46rem .8rem}.tabs .button.active{color:#fff;border-color:var(--accent-primary);background:linear-gradient(135deg,var(--accent-primary),var(--accent-alert))}.message-body{margin:0;min-height:250px;border-radius:var(--radius-lg);border:1px solid #3a3a3a;background:#141414;color:var(--text-primary);line-height:1.6;padding:1rem;white-space:pre-wrap;word-break:break-word;overflow:auto}.message-body-rich{border-color:#353535;background:linear-gradient(180deg,#141414,#101010)}.message-body.html-body{white-space:normal}.skeleton-list,.skeleton-message{display:grid;gap:.56rem}.skeleton-row,.skeleton-line,.skeleton-block{position:relative;overflow:hidden;border-radius:12px;background:#1f1f1f}.skeleton-row{height:90px}.skeleton-line{height:12px}.skeleton-line-lg{width:72%;height:18px}.skeleton-block{min-height:240px}.skeleton-row:after,.skeleton-line:after,.skeleton-block:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff17,#fff0);animation:shimmer 1.1s infinite}.route-fade-enter-active,.route-fade-leave-active{transition:opacity .19s var(--easing-smooth),transform .22s var(--easing-smooth)}.route-fade-enter-from,.route-fade-leave-to{opacity:0;transform:translateY(6px)}.messages-scroll-region,.message-body{scrollbar-width:thin;scrollbar-color:#5a5a5a #1a1a1a}.messages-scroll-region::-webkit-scrollbar,.message-body::-webkit-scrollbar{width:10px;height:10px}.messages-scroll-region::-webkit-scrollbar-track,.message-body::-webkit-scrollbar-track{background:#171717;border-radius:999px}.messages-scroll-region::-webkit-scrollbar-thumb,.message-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4a4a4a,#626262);border:2px solid #171717;border-radius:999px}.messages-scroll-region::-webkit-scrollbar-thumb:hover,.message-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#636363,#7a7a7a)}.slide-fade-enter-active,.slide-fade-leave-active{transition:opacity .22s var(--easing-smooth),transform .22s var(--easing-smooth)}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translateY(-6px)}.message-context-overlay{position:fixed;inset:0;z-index:120;background:transparent}.message-context-dropdown{position:fixed;border:1px solid rgba(124,139,152,.36);border-radius:14px;background:linear-gradient(180deg,#181c21f5,#111418f7);-webkit-backdrop-filter:saturate(130%);backdrop-filter:saturate(130%);box-shadow:0 18px 36px #00000080,inset 0 1px #ffffff0a,0 0 0 1px #ffffff08;padding:.64rem .68rem .68rem;display:grid;gap:.56rem;overflow:auto;overscroll-behavior:contain}.message-context-dropdown:before{content:"";position:absolute;top:-9px;left:1.6rem;width:34px;height:14px;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#2babee75,#2babee05);filter:none;animation:liquid-cap .85s ease-out}.message-context-dropdown:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff0f,#fff0 42%);opacity:.35}.context-dropdown-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.52rem}.context-dropdown-head-main{min-width:0;display:grid;gap:.14rem}.context-dropdown-title{margin:0;font-size:.71rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);font-weight:700}.context-dropdown-subtitle{margin:0;color:#f3f6f8;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-dropdown-close{width:2rem;height:2rem;flex-shrink:0;border:1px solid rgba(124,139,152,.44);border-radius:10px;background:linear-gradient(150deg,#22272deb,#13161bf2);color:#ebf1f6;display:inline-grid;place-items:center;cursor:pointer;transition:border-color .13s var(--easing-smooth),background-color .13s var(--easing-smooth),transform .13s var(--easing-smooth)}.context-dropdown-close svg{width:.96rem;height:.96rem}.context-dropdown-close:hover{border-color:#ff4245b8;background:linear-gradient(150deg,#3f2326f5,#211618f5);transform:translateY(-1px)}.context-icon-actions{display:inline-flex;align-items:center;gap:.36rem}.context-icon-btn{width:2.18rem;height:2.18rem;display:inline-grid;place-items:center;border:1px solid rgba(124,139,152,.44);border-radius:11px;background:linear-gradient(150deg,#22272deb,#13161bf2);color:#ebf1f6;box-shadow:inset 0 1px #ffffff14,0 6px 12px #0000003d;cursor:pointer;transition:border-color .13s var(--easing-smooth),background-color .13s var(--easing-smooth),color .13s var(--easing-smooth),transform .13s var(--easing-smooth)}.context-icon-btn svg{width:1.12rem;height:1.12rem}.context-icon-btn:hover:not(:disabled){border-color:#2babeec2;background:linear-gradient(150deg,#273541f5,#181f26f5);transform:translateY(-1px)}.context-icon-btn-trash:hover:not(:disabled){border-color:#ffa42ec2;background:linear-gradient(150deg,#423121f2,#261d16f2)}.context-icon-btn-restore:hover:not(:disabled){border-color:#7bff88c2;background:linear-gradient(150deg,#203d2af2,#18271ef2)}.context-icon-btn-blacklist:hover:not(:disabled){border-color:#ff4245c2;background:linear-gradient(150deg,#412224f2,#261819f2)}.context-icon-btn:disabled{opacity:.45;cursor:default}.context-icon-btn.is-active{color:#ffe5e5;border-color:#ff4245d1;background:linear-gradient(140deg,#ff424570,#ff453a4d);box-shadow:inset 0 1px #ffffff1f,0 8px 16px #ff424533}.context-icon-btn-danger{color:#ffc5c5}.context-rename-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:center}.context-rename-inline input{width:100%}.context-save-inline{width:2.15rem;height:2.15rem;border:1px solid rgba(255,66,69,.5);border-radius:10px;background:linear-gradient(135deg,#ff424570,#ff453a5c);color:#fff;display:inline-grid;place-items:center;cursor:pointer;transition:transform .12s var(--easing-smooth),border-color .12s var(--easing-smooth),filter .12s var(--easing-smooth)}.context-save-inline svg{width:1.02rem;height:1.02rem}.context-save-inline:hover:not(:disabled){transform:translateY(-1px);border-color:#ff4245d1;filter:brightness(1.05)}.context-save-inline:disabled{opacity:.48;cursor:default}.save-dot{width:.42rem;height:.42rem;border-radius:999px;background:#fff;box-shadow:0 0 #ffffffb3;animation:save-pulse .95s ease-out infinite}.context-liquid-enter-active,.context-liquid-leave-active{transition:opacity .17s ease-out}.context-liquid-enter-from,.context-liquid-leave-to{opacity:0}.context-liquid-enter-to,.context-liquid-leave-from{opacity:1}.context-liquid-enter-active .message-context-dropdown{animation:context-dropdown-in .24s cubic-bezier(.2,.86,.2,1)}.context-liquid-leave-active .message-context-dropdown{animation:context-dropdown-out .15s ease-in forwards}@keyframes liquid-cap{0%{transform:scaleX(.4);opacity:0}70%{transform:scaleX(1.08);opacity:1}to{transform:scaleX(1);opacity:1}}@keyframes context-dropdown-in{0%{opacity:0;transform:translateY(-14px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes context-dropdown-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.993)}}@keyframes save-pulse{0%{box-shadow:0 0 #ffffffa6}75%{box-shadow:0 0 0 .34rem #fff0}to{box-shadow:0 0 #fff0}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes enter-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%{box-shadow:0 0 #ff424599}70%{box-shadow:0 0 0 .35rem #ff424500}to{box-shadow:0 0 #ff424500}}@media(max-width:1200px){.mail-split-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}}@media(max-width:1024px){.container-workspace{height:auto;overflow:visible}.mail-split-layout,.message-meta-grid{grid-template-columns:1fr;height:auto}.mail-list-panel,.mail-detail-panel{min-height:auto;height:auto}.messages-scroll-region{max-height:42vh}}@media(max-width:760px){.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%;justify-content:space-between}.container{padding:.82rem .68rem 1.1rem}.section-header{flex-direction:column}.search-input{width:100%}.pager{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}