:root{color-scheme:dark;--bg: #07000b;--panel: rgba(23, 6, 34, .78);--panel-strong: rgba(35, 8, 52, .92);--line: rgba(238, 83, 255, .26);--text: #f9ecff;--muted: #bca7ca;--pink: #ff2bd6;--violet: #8b45ff;--cyan: #00f6ff;--green: #45ff9d;--danger: #ff4f76;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:linear-gradient(90deg,rgba(255,43,214,.05) 1px,transparent 1px),linear-gradient(rgba(0,246,255,.04) 1px,transparent 1px),radial-gradient(circle at 15% 0%,rgba(255,43,214,.28),transparent 32rem),radial-gradient(circle at 90% 15%,rgba(0,246,255,.16),transparent 28rem),#07000b;background-size:42px 42px,42px 42px,auto,auto,auto}button,input,textarea,select{font:inherit}button{border:0;color:inherit;cursor:pointer}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#040007b8;outline:none;padding:.82rem .9rem}textarea{resize:vertical;min-height:240px}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00f6ff21,0 0 20px #00f6ff2e}.login-shell{display:grid;min-height:100vh;place-items:center;padding:1rem}.login-panel{width:min(430px,100%);border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#1a0626eb,#07000bdb);box-shadow:0 0 38px #ff2bd62e,inset 0 0 34px #8b45ff24;padding:2rem}.brand-mark,.brand-icon{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--pink),var(--violet),var(--cyan));box-shadow:0 0 22px #ff2bd67a}.brand-mark{width:64px;height:64px;border-radius:8px}.login-panel h1{margin:1.2rem 0 1.6rem;font-size:2rem}.login-form{display:grid;gap:1rem}.login-form label{display:grid;gap:.45rem;color:var(--muted)}.primary,.compose,.ai-strip button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 0 20px #ff2bd647;padding:.82rem 1rem}.primary:disabled,.ai-strip button:disabled{opacity:.6;cursor:wait}.error{color:#ffd0dc;margin:0}.soft-note{color:var(--cyan);margin:0}.app-shell{display:grid;grid-template-columns:260px minmax(310px,390px) minmax(0,1fr);gap:1px;min-height:100vh;background:#ff2bd61f}.sidebar,.message-list,.reader{min-height:100vh;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar{display:flex;flex-direction:column;gap:1rem;padding:1rem}.brand-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.7rem;align-items:center}.brand-icon{width:44px;height:44px;border-radius:8px}.brand-row strong,.brand-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-row span{color:var(--muted);font-size:.82rem}.folder-list{display:grid;gap:.35rem}.folder-list button,.side-actions .icon-button,.reader-actions .icon-button,.mobile-nav button{border:1px solid transparent;border-radius:8px;background:transparent}.folder-list button{display:flex;align-items:center;gap:.7rem;color:var(--muted);min-height:42px;padding:0 .85rem;text-align:left}.folder-list button.active,.folder-list button:hover{color:var(--text);border-color:var(--line);background:#ff2bd61a;box-shadow:inset 0 0 20px #ff2bd61f}.side-actions{display:flex;gap:.5rem;margin-top:auto}.status-pills{display:flex;gap:.45rem;flex-wrap:wrap}.status-pills span{display:inline-flex;align-items:center;gap:.32rem;min-height:28px;border:1px solid rgba(255,255,255,.11);border-radius:8px;color:var(--muted);background:#ffffff0a;padding:0 .55rem;font-size:.78rem}.status-pills span.online{border-color:#45ff9d61;color:#dbffe9;box-shadow:0 0 14px #45ff9d21}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#ffffff0a}.icon-button:hover{border-color:var(--cyan);box-shadow:0 0 16px #00f6ff2e}.icon-button.danger:hover{border-color:var(--danger);box-shadow:0 0 16px #ff4f7638}.icon-button.hot{border-color:#ff2bd680;color:#ffe2fb;box-shadow:0 0 18px #ff2bd638}.message-list{overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;min-height:64px;border-bottom:1px solid var(--line);padding:0 1rem}.search-box{display:grid;grid-template-columns:20px minmax(0,1fr);gap:.5rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.07);color:var(--muted);padding:.75rem 1rem}.search-box input{min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.search-box input:focus{box-shadow:none}.panel-title span{font-weight:700}.panel-title small{color:var(--cyan)}.messages{height:calc(100vh - 113px);overflow:auto}.message-row{display:block;width:100%;border-bottom:1px solid rgba(255,255,255,.07);color:var(--muted);background:transparent;padding:1rem;text-align:left}.message-row:hover,.message-row.active{background:#ff2bd61a}.message-row.unread{color:var(--text);box-shadow:inset 3px 0 0 var(--cyan)}.message-top{display:flex;gap:.75rem;align-items:center;justify-content:space-between;min-width:0}.message-top strong,.subject{overflow-wrap:anywhere}.message-meta{display:inline-flex;align-items:center;gap:.35rem;flex:none;color:var(--cyan)}.message-top time{flex:none;color:var(--cyan);font-size:.78rem}.subject{display:block;margin-top:.42rem;color:var(--text);font-weight:650}.message-row p{margin:.45rem 0 0;line-height:1.35}.empty,.empty-reader{display:grid;place-items:center;color:var(--muted);min-height:180px}.reader{display:flex;flex-direction:column;min-width:0}.reader-head{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:1rem}.reader-head h2{margin:0;font-size:1.25rem;overflow-wrap:anywhere}.reader-head p{margin:.45rem 0 0;color:var(--muted);overflow-wrap:anywhere}.reader-head span{color:var(--cyan)}.reader-actions{display:flex;gap:.5rem;flex:none}.ai-strip{display:flex;gap:.6rem;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.07);padding:.75rem 1rem}.attachments{display:flex;gap:.55rem;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.07);padding:.75rem 1rem}.attachment-item{display:inline-flex;gap:.4rem;max-width:100%;flex-wrap:wrap}.attachments a,.attachments button,.attachment-chip,.attach-button{display:inline-flex;align-items:center;gap:.45rem;max-width:100%;min-height:34px;border:1px solid rgba(0,246,255,.24);border-radius:8px;color:#eaffff;background:#00f6ff12;padding:0 .65rem;text-decoration:none}.attachments button{cursor:pointer}.attachments span,.attachment-chip{overflow-wrap:anywhere}.attachments small{color:var(--muted);white-space:nowrap}.ai-strip button{min-height:38px;padding:0 .8rem}.ai-output{white-space:pre-wrap;margin:1rem;border:1px solid rgba(0,246,255,.28);border-radius:8px;color:#eaffff;background:#00f6ff14;box-shadow:inset 0 0 22px #00f6ff14;padding:1rem}.mail-body{flex:1;overflow:auto;white-space:pre-wrap;line-height:1.6;padding:1.1rem}.html-mail{white-space:normal}.html-mail a{color:var(--cyan)}.html-mail table{max-width:100%;border-collapse:collapse}.html-mail td,.html-mail th{border:1px solid rgba(255,255,255,.12);padding:.4rem}.preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:25;background:#040007c7;padding:1rem}.preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1040px,100%);height:min(760px,calc(100vh - 2rem));border:1px solid rgba(0,246,255,.28);border-radius:8px;background:#0a0211f5;box-shadow:0 0 42px #00f6ff2e,0 0 54px #ff2bd629;overflow:hidden}.preview-panel header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.75rem 1rem}.preview-panel strong{overflow-wrap:anywhere}.preview-panel img,.preview-panel iframe{width:100%;height:100%;border:0;object-fit:contain;background:#050008}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#040007b8;z-index:20;padding:1rem}.composer{display:grid;gap:.75rem;width:min(720px,100%);border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);box-shadow:0 0 46px #ff2bd63d;padding:1rem}.composer header{display:flex;align-items:center;justify-content:space-between}.settings-panel{display:grid;gap:.9rem;width:min(520px,100%);border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);box-shadow:0 0 46px #ff2bd63d;padding:1rem}.settings-panel header,.settings-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.toggle-row{display:flex;align-items:center;gap:.7rem;color:var(--text)}.toggle-row input{width:18px;height:18px;padding:0}.time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.time-grid label{display:grid;gap:.4rem;color:var(--muted)}.composer-tools{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.composer-tools input,.composer-tools select{flex:1 1 180px}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:40px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#ff2bd614;padding:0 .75rem}.secondary-action:hover{border-color:var(--cyan);box-shadow:0 0 16px #00f6ff29}.attach-button{cursor:pointer}.attach-button input{display:none}.attachment-chip{color:var(--text);background:#ff2bd614;border-color:var(--line)}.toast{position:fixed;right:1rem;bottom:1rem;z-index:30;max-width:min(360px,calc(100vw - 2rem));border:1px solid rgba(0,246,255,.34);border-radius:8px;color:#ecffff;background:#051018f0;box-shadow:0 0 28px #00f6ff2e;padding:.9rem 1rem;text-align:left}.mobile-nav{display:none}@media(max-width:1020px){.app-shell{grid-template-columns:84px minmax(280px,42vw) minmax(0,1fr)}.brand-row{grid-template-columns:1fr}.brand-row div:last-child,.folder-list span,.compose,.status-pills{display:none}.sidebar{align-items:center}}@media(max-width:720px){.app-shell{display:block;padding-bottom:66px}.sidebar{display:none}.message-list,.reader{min-height:auto}.message-list{height:38vh;border-bottom:1px solid var(--line)}.messages{height:calc(38vh - 113px)}.reader{min-height:62vh}.reader-head{display:grid}.mobile-nav{position:fixed;left:.75rem;right:.75rem;bottom:.75rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;border:1px solid var(--line);border-radius:8px;background:#0f0216f0;box-shadow:0 0 28px #ff2bd633;padding:.45rem;z-index:10}.toast{right:.75rem;bottom:5.25rem}.mobile-nav button{display:grid;place-items:center;height:44px;color:var(--muted);background:#ffffff0a}.mobile-nav button.active,.mobile-nav .compose-dot{color:#fff;background:linear-gradient(135deg,var(--pink),var(--violet))}}