:root{--bg: #070912;--bg-2: #0a0e1c;--ink: #f2f5fb;--muted: #bcc6dc;--faint: #94a0ba;--label: #a9b8e8;--violet: #7c3aed;--blue: #3b82f6;--cyan: #22d3ee;--mint: #2ee6a6;--grad: linear-gradient(135deg, #a78bfa 0%, #3b82f6 50%, #22d3ee 100%);--grad-dim: linear-gradient(135deg, #7c3aed, #3b82f6, #22d3ee);--glass: rgba(13, 18, 34, .58);--glass-2: rgba(255, 255, 255, .09);--stroke: rgba(255, 255, 255, .09);--stroke-2: rgba(255, 255, 255, .16);--shadow: 0 20px 50px -20px rgba(0, 0, 0, .7);--radius: 16px;--font: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 700px at 70% -10%,#141a35 0%,transparent 55%),radial-gradient(900px 600px at 0% 100%,#0c1430 0%,transparent 50%),var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none}input{font-family:inherit}a{color:var(--cyan)}.aurora{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.aurora.fixed{position:fixed}.aurora span{position:absolute;display:block;border-radius:50%;filter:blur(70px);opacity:.38;mix-blend-mode:screen;animation:drift 22s ease-in-out infinite}.aurora span:nth-child(1){width:46vw;height:46vw;left:-8vw;top:-10vw;background:#6d28d9;animation-delay:0s}.aurora span:nth-child(2){width:40vw;height:40vw;right:-6vw;top:10vh;background:#0e7490;animation-delay:-7s}.aurora span:nth-child(3){width:38vw;height:38vw;left:30vw;bottom:-16vw;background:#1d4ed8;animation-delay:-14s}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(4vw,3vh) scale(1.1)}66%{transform:translate(-3vw,-2vh) scale(.95)}}.orbital{position:relative;transform-style:preserve-3d;animation:orbSpin 20s linear infinite}.orb-core{position:absolute;top:50%;left:50%;width:34%;height:34%;margin:-17% 0 0 -17%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#c4b5fd,#6d28d9 45%,#241a52);box-shadow:0 0 45px #7c3aedcc,inset 0 0 18px #ffffff59}.orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.15)}.orb-ring.r1{transform:rotateX(76deg)}.orb-ring.r2{transform:rotateY(72deg) rotateX(8deg);border-color:#22d3ee66}.orb-ring.r3{transform:rotateX(58deg) rotateY(48deg);border-color:#7c3aed66}.orb-dot{position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.orb-ring.r3 .orb-dot{background:var(--violet);box-shadow:0 0 14px var(--violet)}@keyframes orbSpin{to{transform:rotateY(360deg)}}.glass{background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn-primary{background:var(--grad-dim);color:#fff;font-weight:600;font-size:14px;padding:11px 18px;border-radius:12px;letter-spacing:.2px;box-shadow:0 10px 24px -8px #3b82f699;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 14px 30px -8px #3b82f6bf}.btn-primary:disabled{opacity:.6;cursor:default;transform:none}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--stroke-2);padding:8px 14px;border-radius:11px;font-size:13px;transition:color .15s,border-color .15s,background .15s}.btn-ghost:hover{color:var(--ink);border-color:var(--cyan);background:#22d3ee14}.sm{padding:7px 12px;font-size:12.5px;border-radius:10px}.err{color:#ff8b84;font-size:13px}.err.small{font-size:12px}.auth{position:relative;min-height:100vh;display:grid;place-items:center;z-index:1}.auth-shell{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;width:min(940px,92vw);padding:22px}.auth-hero{perspective:900px;text-align:left}.auth-hero .orbital{margin:0 0 26px}.hero-title{font-size:34px;line-height:1.1;margin:0 0 10px;font-weight:700;letter-spacing:-.5px}.hero-title span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{color:var(--muted);font-size:15px;margin:0 0 22px;max-width:34ch}.hero-feats{list-style:none;margin:0;padding:0;display:grid;gap:10px}.hero-feats li{color:var(--ink);font-size:14px;padding-left:26px;position:relative;opacity:.9}.hero-feats li:before{content:"✦";position:absolute;left:0;top:0;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-card{background:var(--glass);border:1px solid var(--stroke);border-radius:20px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:34px 30px;box-shadow:var(--shadow)}.auth-card h2{margin:0 0 4px;font-size:22px}.card-sub{color:var(--muted);font-size:14px;margin:0 0 22px}.auth-card form{display:grid;gap:14px}.field{display:flex;align-items:center;gap:10px;background:#00000040;border:1px solid var(--stroke);border-radius:12px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee24}.field .ic{color:var(--faint);font-weight:700;width:14px;text-align:center}.field input{flex:1;background:transparent;border:none;outline:none;color:var(--ink);font-size:15px;padding:13px 0}.field input::placeholder{color:var(--faint)}.auth-card .btn-primary{margin-top:6px;padding:13px;font-size:15px}.app{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:13px 22px;border-bottom:1px solid var(--stroke);background:#080b168c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:3}.wordmark{display:flex;align-items:center;gap:11px}.mark{position:relative;width:30px;height:30px;display:inline-grid;place-items:center}.mark-core{width:13px;height:13px;border-radius:50%;background:var(--grad);box-shadow:0 0 14px #7c3aedd9}.mark-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.6px solid transparent;border-top-color:var(--cyan);border-right-color:var(--violet);animation:spin 4.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wm-text{font-size:15px;font-weight:600;letter-spacing:.2px}.wm-text b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.me{display:flex;align-items:center;gap:12px}.me-mail{color:var(--muted);font-size:13px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;background:var(--grad-dim);box-shadow:0 4px 12px -3px #7c3aed99}.layout{flex:1;display:grid;grid-template-columns:320px 1fr;min-height:0}.inboxes{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--stroke);border-radius:0;background:#080c188c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.compose{padding:18px;border-bottom:1px solid var(--stroke);display:grid;gap:12px}.compose-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--label);font-weight:600}.compose-row{display:flex;align-items:center;background:#00000047;border:1px solid var(--stroke);border-radius:11px;overflow:hidden}.compose-row:focus-within{border-color:var(--cyan)}.compose-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--ink);font-size:14px;padding:11px 12px}.compose-row .domain{color:var(--faint);font-size:12.5px;padding:0 12px 0 0;white-space:nowrap}.compose-actions{display:flex;gap:8px}.compose-actions .btn-primary,.compose-actions .btn-ghost{flex:1}.inbox-scroll{flex:1;overflow-y:auto;padding:12px 10px}.list-head{display:flex;justify-content:space-between;align-items:center;color:var(--label);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:4px 8px 10px}.list-head span{background:var(--glass-2);border-radius:20px;padding:1px 8px;color:var(--muted)}.inbox-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.inbox-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:transform .12s,background .12s,border-color .12s}.inbox-item:hover{background:var(--glass);transform:translate(2px)}.inbox-item.active{background:linear-gradient(90deg,#7c3aed2e,#22d3ee14);border-color:#22d3ee66}.ii-ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--glass-2);color:var(--cyan);font-size:13px;flex-shrink:0}.ii-addr{font-size:13px;word-break:break-all;line-height:1.3}.empty{color:var(--faint);font-size:13px;padding:12px 8px}.empty.pad{padding:40px;text-align:center}.messages{overflow-y:auto;padding:18px;min-height:0}.empty-pane{display:grid;place-items:center}.empty-hero{text-align:center;color:var(--muted)}.empty-ic{font-size:42px;margin-bottom:12px;opacity:.5;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.inbox-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:14px;margin-bottom:14px;box-shadow:var(--shadow)}.ih-addr{font-size:16px;font-weight:600;word-break:break-all}.ih-hint{color:var(--faint);font-size:12px;margin-top:3px}.count{min-width:28px;height:28px;padding:0 8px;border-radius:20px;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;background:var(--grad-dim)}.inbox-note{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:12px 16px;border-radius:12px;margin-bottom:14px}.inbox-note .note-label{font-size:12px;color:var(--label);font-weight:600;padding-top:8px;white-space:nowrap}.inbox-note textarea{width:100%;resize:vertical;min-height:42px;background:#00000047;border:1px solid var(--stroke);border-radius:10px;color:var(--ink);font-family:inherit;font-size:13.5px;padding:9px 12px;line-height:1.5}.inbox-note textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee1f}.inbox-note textarea::placeholder{color:var(--faint)}.note-save{align-self:start;white-space:nowrap}@media (max-width: 620px){.inbox-note{grid-template-columns:1fr}.inbox-note .note-label{padding-top:0}}.msg-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.msg-card{border-radius:14px;overflow:hidden;transition:transform .14s,box-shadow .14s,border-color .14s}.msg-card:hover{transform:translateY(-2px);border-color:var(--stroke-2);box-shadow:var(--shadow)}.msg-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;cursor:pointer}.msg-av{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#334155,#1e293b);border:1px solid var(--stroke)}.msg-meta{min-width:0}.msg-meta .from{font-size:13px;color:var(--muted);margin-bottom:2px}.msg-meta .subj{font-size:14.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otp{display:flex;align-items:center;gap:9px}.otp .tag{font-size:9.5px;text-transform:uppercase;letter-spacing:1px;color:var(--faint);border:1px solid var(--stroke);border-radius:6px;padding:3px 7px}.otp.code code{font-family:Cascadia Code,Consolas,ui-monospace,monospace;font-size:19px;font-weight:700;letter-spacing:4px;color:var(--mint);background:#2ee6a61a;border:1px solid rgba(46,230,166,.35);padding:6px 12px;border-radius:10px;box-shadow:0 0 22px -4px #2ee6a680}.otp.link a{font-size:13px;font-weight:600}.otp .copy{background:transparent;color:var(--cyan);border:1px solid var(--stroke-2);padding:5px 10px;font-size:12px;border-radius:9px;transition:background .15s,border-color .15s}.otp .copy:hover{background:#22d3ee1a;border-color:var(--cyan)}.msg-body{padding:0 16px 16px;border-top:1px solid var(--stroke);margin-top:2px}.msg-body pre{white-space:pre-wrap;word-break:break-word;color:var(--ink);background:#00000040;padding:14px;border-radius:10px;font-size:13px;margin:14px 0 0}.msg-body iframe{width:100%;min-height:340px;border:1px solid var(--stroke);border-radius:10px;margin-top:14px;background:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:20px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:padding-box}@media (max-width: 820px){body{overflow:auto}.auth-shell{grid-template-columns:1fr;gap:24px;text-align:center}.auth-hero{text-align:center}.auth-hero .orbital{margin:0 auto 20px}.hero-sub{margin-inline:auto}.hero-feats{justify-items:center}.hero-feats li{text-align:left}}@media (max-width: 720px){.app{height:auto;min-height:100vh}.layout{grid-template-columns:1fr}.inboxes{border-right:none;border-bottom:1px solid var(--stroke);max-height:42vh}.me-mail{display:none}}