:root{color-scheme:dark;--bg:#070b16;--panel:#111727;--border:#283149;--text:#f7f8ff;--muted:#9ba9d4;--purple:#7857ff;--danger:#ff838f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 10%,#1d1244 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}.shell{width:min(1080px,calc(100% - 32px));margin:70px auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{font-size:48px;line-height:1;margin:0 0 10px}header p{color:var(--muted);margin:0}.domain{padding:10px 16px;border:1px solid #4c3b91;background:#211744;border-radius:30px}.card{border:1px solid var(--border);background:rgba(17,23,39,.94);border-radius:22px;padding:20px}.address-row{display:grid;grid-template-columns:1fr auto auto;gap:10px}.input-wrap{display:flex;border:1px solid var(--border);border-radius:15px;overflow:hidden;background:#090e1b}.input-wrap input{min-width:0;flex:1;background:none;border:0;color:var(--text);padding:17px;font-size:18px;outline:none}.input-wrap span{display:flex;align-items:center;padding:0 16px;color:var(--muted)}button{border:1px solid var(--border);background:#192136;color:#fff;padding:14px 18px;border-radius:14px;font-weight:700;cursor:pointer}.primary{background:var(--purple);border-color:var(--purple)}.action-row{display:flex;gap:10px;align-items:center;margin:12px 0 18px}.action-row span{color:var(--muted);margin-left:4px}.inbox{display:grid;gap:12px}.empty{border:1px dashed #5a3340;color:#ffabb3;text-align:center;padding:34px;border-radius:15px}.mail{border:1px solid var(--border);background:#0b1120;border-radius:15px;padding:16px}.mail-head{display:flex;justify-content:space-between;gap:15px}.mail-head span,.sender{color:var(--muted)}.sender{font-size:14px;margin:6px 0 14px}.mail pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.55;margin:0}@media(max-width:760px){.shell{margin:30px auto}h1{font-size:38px}.address-row{grid-template-columns:1fr 1fr}.input-wrap{grid-column:1/-1}.action-row{flex-wrap:wrap}.action-row span{width:100%;margin-top:5px}}