:root{color:#fff;background:#000;font-family:Montserrat,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#000}button,input,select{font:inherit;color:inherit}select option{background:#111;color:#fff}button{cursor:pointer}.auth{min-height:100%;display:grid;place-items:center;padding:32px 16px}.auth-card{width:min(420px,100%)}.auth-logo{width:72px;height:72px;object-fit:contain;display:block;margin-bottom:14px}.head-logo{width:44px;height:44px;object-fit:contain;display:block}.auth-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.mark{font-weight:700;font-size:28px;letter-spacing:-.04em;margin:0 0 8px}.muted{color:#9a9a9a;line-height:1.45}.stack{display:flex;flex-direction:column;gap:12px;margin-top:28px}.field{width:100%;background:transparent;border:1px solid #333;border-radius:999px;padding:14px 18px;outline:none}.field:focus{border-color:#fff}.pill{border:0;border-radius:999px;background:#fff;color:#000;padding:12px 18px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.pill.small{padding:7px 13px;font-size:13px}.link-pill{text-decoration:none}.pill.ghost,.segment button,.icon-btn{background:transparent;color:#fff;border:1px solid #333}.pill:disabled{opacity:.5;cursor:default}.text-btn{background:none;border:0;color:#9a9a9a;padding:0;text-align:left}.error{color:#ffb4b4;margin:0}.shell{height:100%;display:grid;grid-template-columns:380px 1fr}.list,.detail{min-height:0;overflow:auto}.list{border-right:1px solid #1c1c1c;padding:20px 16px 32px}.mail-list{display:flex;flex-direction:column;overflow:hidden;padding-bottom:16px}.mail-list .stack{flex:1;min-height:0;overflow:auto}.list-foot{flex:none;margin-top:12px;position:sticky;bottom:0;background:#000;display:flex;align-items:center;justify-content:space-between;gap:12px}.list-head,.detail-head,.row-top,.mailbox,.dns-row{display:flex;align-items:center;gap:10px}.list-head{justify-content:space-between;margin-bottom:16px}.account{border:1px solid #333;border-radius:999px;padding:8px 14px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;flex:none}.add-row{display:flex;gap:8px;margin:12px 0}.add-row .field{flex:1}.domain-row{width:100%;text-align:left;background:transparent;border:0;border-radius:16px;padding:12px}.domain-row.active,.domain-row:hover{background:#161616}.domain-name{font-weight:600}.domain-meta{color:#9a9a9a;font-size:13px;margin-top:2px}.detail{padding:28px 32px 48px}.detail-inner{max-width:640px}.detail-head{justify-content:space-between}.eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#777;margin-bottom:8px}.list-group{margin-top:22px}.list-items{display:flex;flex-direction:column;gap:4px}.solo-panel{min-height:100%;max-width:560px;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column;gap:36px}.solo-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.solo-head .mark{margin:0;font-size:22px}.solo-user{display:flex;align-items:center;gap:10px}.solo-card{background:#111;border:1px solid #222;border-radius:24px;padding:28px}.solo-card h1{font-size:26px;letter-spacing:-.04em;margin:0;overflow-wrap:anywhere}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:20px;padding:16px;background:#080808;border:1px solid #1e1e1e;border-radius:16px}.meta-item{display:flex;flex-direction:column;gap:4px;font-weight:600}.meta-item .muted{font-size:12px;font-weight:400}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.solo-note{margin:24px 0 0;padding-top:18px;border-top:1px solid #1e1e1e;font-size:13px}.detail h1{font-size:28px;letter-spacing:-.04em;margin:0}.record{margin-top:28px;background:#141414;border-radius:20px;padding:18px}.record p,.section h2{margin:0 0 8px}.record code,.copy-line{display:block;margin-top:8px;padding:12px 14px;border-radius:12px;background:#000;border:1px solid #2a2a2a;word-break:break-all}.dns{display:grid;gap:8px;margin-top:22px}.dot{width:8px;height:8px;border-radius:999px;background:#555}.dot.on{background:#fff}.section{margin-top:32px}.mailbox{justify-content:space-between;padding:12px 0;border-bottom:1px solid #1c1c1c}.mailbox span:first-child{min-width:0;overflow-wrap:anywhere}.alias-form{display:flex;flex-direction:column;gap:8px;margin-top:12px}.alias-form .pill{align-self:flex-start}.swatch-input{width:42px;height:42px;padding:0;border:1px solid #333;border-radius:999px;background:transparent;flex:none}.swatch-input::-webkit-color-swatch-wrapper{padding:0}.swatch-input::-webkit-color-swatch{border:0;border-radius:999px}.brand-logo{width:42px;height:42px;border-radius:999px;object-fit:cover;margin-top:12px}.empty{margin-top:18px}.convo{display:flex;gap:10px;align-items:center}.convo-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.convo-main .domain-name,.convo-main .domain-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo-main .domain-meta{margin-top:0}.convo-side{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.convo-when{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.convo-when .domain-meta{margin-top:0}.avatar{width:36px;height:36px;border-radius:999px;border:1px solid #333;display:grid;place-items:center;font-weight:600;flex:none}.badge{min-width:22px;padding:0 6px;border-radius:999px;background:#fff;color:#000;font-size:12px;font-weight:700;text-align:center}.mail-detail{display:flex;flex-direction:column;overflow:hidden;padding:0}.mail-head,.compose,.reply-bar{padding:20px 32px}.compose,.reply-bar{display:flex;flex-direction:column;gap:12px}.menu-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.menu-row .pill{display:inline-flex;align-items:center;gap:6px}.thread{flex:1;overflow:auto;padding:8px 32px 24px}.bubble-row{display:flex;margin:8px 0}.bubble-row.mine{justify-content:flex-end}.bubble{max-width:min(520px,80%);background:#1a1a1a;border-radius:18px;padding:12px 14px}.bubble p{margin:0;white-space:pre-wrap}.bubble-meta{color:#9a9a9a;font-size:12px;margin-top:6px}.reply-bar{border-top:1px solid #1c1c1c}.reply-bar textarea,.compose textarea{width:100%;min-height:72px;resize:vertical;background:transparent;color:inherit;border:1px solid #333;border-radius:18px;padding:14px 16px;outline:none;font:inherit}.reply-bar .pill,.compose .pill{align-self:flex-start}.text-btn{display:inline-flex;align-items:center;gap:6px}.record.compact{margin-top:8px;margin-bottom:12px;padding:12px 14px}.limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}.limits-grid .muted{font-size:12px}.mini-quota{width:84px}.mini-quota .add-row{margin:0}.mini-quota .field{padding:7px 12px;font-size:13px}.select-compact{width:auto;padding:8px 14px;font-size:13px}.qr-box{width:180px;height:180px;background:#fff;padding:8px;border-radius:16px}.compact-tabs{margin-top:0;margin-bottom:10px}.mail-iframe{width:100%;border:0;background:transparent;display:block}.attachment-btn{margin-top:8px}.letter-meta-box{margin-top:10px;padding:10px 12px;border-radius:12px;background:#101010;border:1px solid #2b2b2b;font-size:12px;color:#b8b8b8;display:grid;gap:4px;word-break:break-word}.bubble-foot{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.bubble-foot .bubble-meta{margin-top:0}.bubble-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.small-action{font-size:12px}@media(max-width:800px){.shell{grid-template-columns:1fr}.list{border-right:0;border-bottom:1px solid #1c1c1c;max-height:46vh}}