:root{color-scheme:dark;--bg:#050409;--panel:rgba(10, 8, 18, 0.78);--violet:#7a1fff;--cyan:#19f6da;--magenta:#ff2bd6;--text:#d8d6e6;--muted:#7b778a;--grid:rgba(122, 31, 255, 0.22);--glow:0 0 18px rgba(122, 31, 255, 0.35)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vw,64px);background:radial-gradient(60% 80%at 15% 10%,rgba(122,31,255,.16),transparent 60%),radial-gradient(50% 60%at 85%0,rgba(25,246,218,.08),transparent 60%),linear-gradient(140deg,rgba(255,43,214,.05),transparent 40%),#050409;color:var(--text);font-family:"IBM Plex Mono","Share Tech Mono",ui-monospace,monospace;letter-spacing:.02em}main.frame{width:min(1680px,100%);background:var(--panel);border:1px solid var(--grid);border-radius:18px;padding:clamp(24px,4vw,56px);box-shadow:0 24px 60px rgba(5,4,9,.9),var(--glow);backdrop-filter:blur(10px)}.hero{display:grid;gap:12px}.card h2,.tag{text-transform:uppercase;letter-spacing:.4em;font-size:.75rem;color:var(--muted)}.title{font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;font-size:clamp(24px,4vw,44px);letter-spacing:.2em;text-transform:lowercase}.subtitle{color:var(--muted);line-height:1.6;font-size:.95rem}.account{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.8rem;color:var(--muted)}.account span{font-weight:600;color:var(--text)}.divider{margin:28px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(122,31,255,.45),transparent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{padding:18px;border:1px solid rgba(122,31,255,.3);border-radius:12px;background:rgba(8,6,14,.7);display:grid;gap:12px}.card h2{font-size:.85rem;letter-spacing:.3em;color:var(--cyan)}.status{font-size:.78rem;color:var(--muted)}.btn,.row{align-items:center}.row{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;justify-content:center;padding:4px 10px;border-radius:10px;border:1px solid rgba(122,31,255,.5);text-transform:uppercase;letter-spacing:.16em;font-size:.6rem;background:rgba(8,6,14,.7);color:var(--text);cursor:pointer;text-decoration:none}.btn.primary{background:linear-gradient(130deg,rgba(122,31,255,.35),rgba(25,246,218,.25));box-shadow:0 0 16px rgba(122,31,255,.25)}.btn.ghost{border-color:rgba(25,246,218,.35);color:var(--cyan)}.btn.danger{border-color:rgba(255,107,107,.6);color:#ff6b6b}input[type=text],select,textarea{width:100%;background:rgba(6,8,16,.8);border:1px solid rgba(122,31,255,.4);color:var(--text);padding:6px 10px;border-radius:8px;font-family:inherit}textarea{resize:vertical;min-height:140px}.mail-panel{grid-column:1/-1}.compose-panel{grid-column:1/-1!important;width:100%}.mail-columns{display:grid;grid-template-columns:minmax(300px,1fr) minmax(520px,2.6fr);gap:18px}.mail-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.message-list{display:grid;gap:10px;max-height:520px;overflow-y:auto;padding-right:4px}.message-item{border:1px solid rgba(122,31,255,.2);border-radius:10px;padding:10px;background:rgba(6,6,12,.7);display:grid;gap:4px;text-align:left;cursor:pointer;color:var(--text)}.message-item.unseen{border-color:rgba(25,246,218,.5);box-shadow:0 0 10px rgba(25,246,218,.15)}.message-item small{color:var(--muted);font-size:.7rem}.message-view{min-height:280px;border:1px solid rgba(122,31,255,.25);border-radius:12px;padding:14px;background:rgba(6,6,12,.6);display:grid;gap:10px}.message-view h3{font-size:1rem;letter-spacing:.08em}.message-meta{font-size:.75rem;color:var(--muted);display:grid;gap:4px}.message-actions{display:flex;flex-wrap:wrap;gap:8px}.message-actions .btn{padding:2px 8px;font-size:.52rem;letter-spacing:.12em}.message-body{line-height:1.6;font-size:.9rem}.message-body p{margin-bottom:10px}.attachments{display:grid;gap:6px;font-size:.78rem}.attachments a{color:var(--cyan);text-decoration:none}.compose-grid{display:grid;gap:10px;width:100%}.compose-row{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.editor{border:1px solid rgba(122,31,255,.35);border-radius:12px;background:rgba(6,8,16,.8);min-height:200px;padding:12px;color:var(--text)}.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px}.editor-toolbar button{padding:3px 8px;font-size:.55rem}.attachment-drop{border:1px dashed rgba(122,31,255,.35);border-radius:10px;padding:12px;text-align:center;font-size:.75rem;color:var(--muted)}.attachment-list{display:grid;gap:6px;font-size:.75rem}.attachment-item{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 8px;border:1px solid rgba(122,31,255,.2);border-radius:8px;background:rgba(6,6,12,.7)}@media (max-width:960px){.mail-columns{grid-template-columns:1fr}}@media (max-width:720px){body{padding:12px;align-items:flex-start}main.frame{padding:16px}.message-list{max-height:260px}.compose-row{grid-template-columns:1fr}}