:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;background:#0d1017;color:#eef0f7;--bg:#0d1017;--sidebar:#11151e;--surface:#151a25;--border:#2a3142;--muted:#a3adbf;--accent:#b9a6ff;--button:#a68df5;--green:#7ce0ba}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b9a6ff;outline-offset:4px;border-radius:8px}::selection{background:#6b539c;color:#fff}[hidden]{display:none!important}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}
.app-shell{display:flex;min-height:100vh}.sidebar{width:278px;background:var(--sidebar);border-right:1px solid #242b39;padding:31px 20px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#f5f3ff;padding:0 10px;font-size:30px;font-weight:750;letter-spacing:-1px}.brand:hover{text-decoration:none}.brand-dot{color:var(--accent);margin-left:-10px}.brand-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#f8f5ff;background:#8970df;box-shadow:0 5px 20px #7155c22b}.brand-icon svg{width:28px;height:28px}.workspace-label{display:flex;gap:12px;align-items:center;margin:33px 8px 26px;font-size:14px;font-weight:550}.workspace-label small{display:block;color:#9ba6bc;font-size:12px;font-weight:400;margin-top:3px}.workspace-avatar{height:40px;width:40px;flex-shrink:0;background:#252238;color:#c3b3fc;border:1px solid #3a324e;display:grid;place-items:center;border-radius:12px;font-size:21px;font-weight:600}.tiny-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#77d8b4;flex-shrink:0;box-shadow:0 0 0 3px #77d8b40b}.workspace-label>.tiny-dot{margin-left:auto}.nav-item{width:100%;min-height:51px;display:flex;align-items:center;gap:12px;padding:12px;border-radius:11px;text-align:left;font-size:15px;color:#a9b3c5;min-width:0}.nav-item:hover{background:#1c2230;color:#e0e5f1}.nav-item.active{color:#d3c5ff;background:#29243f;box-shadow:inset 0 0 0 1px #8e73dc29;font-weight:600}.nav-item svg{width:21px;height:21px}.nav-item span:not(.count){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{margin-left:auto;min-width:27px;padding:3px 7px;border-radius:7px;background:#41335e;color:#dfd4ff;font-size:12px;text-align:center}.section-label{margin:28px 12px 12px;display:flex;align-items:center;justify-content:space-between;color:#8e9ab0;font-size:11px;font-weight:650;letter-spacing:1.8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;color:#9da9bf}.icon-button:hover{background:#2a3042;color:#e3d7ff}.icon-button svg{width:20px;height:20px}.section-label .icon-button{width:31px;height:31px}.sidebar-empty{padding:8px 12px;font-size:14px;line-height:1.9;color:#929db1}.mailbox-nav{overflow:auto;min-height:60px;flex:1}.mailbox-nav .nav-item{margin-top:5px}.mailbox-letter{height:35px;width:35px;flex-shrink:0;display:grid;place-items:center;background:#242b3b;color:#adbad3;border-radius:10px;font-size:14px;font-weight:600}.active .mailbox-letter{background:#44365f;color:#e4d8ff}.mailbox-nav small{display:block;color:#91a0b9;font-size:12px;font-weight:400;margin-top:3px}.mailbox-nav .count{background:#292e42}.sidebar-bottom{padding-top:18px;margin-top:14px}.domain-mini{display:flex;gap:10px;align-items:center;border:1px solid #2c3447;background:#191e2b;border-radius:13px;padding:14px 7px 14px 12px;margin-bottom:16px}.mini-globe{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;color:#a999e0;background:#2a253c;border-radius:10px}.mini-globe svg{width:20px;height:20px}.domain-mini strong{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:550}.domain-mini small{display:block;margin-top:4px;font-size:11px;color:#a4bfac}.domain-mini .icon-button{margin-left:auto;width:27px}.sidebar-note{display:flex;align-items:center;gap:9px;border-top:1px solid #252d3d;padding:20px 10px 0;margin-top:18px;color:#93a0b7;font-size:12px}.sidebar-note .tiny-dot{height:6px;width:6px}
.main-shell{width:calc(100% - 278px);margin-left:278px;background:radial-gradient(ellipse at 90% 0%,#2620393b,transparent 45%),#0d1017}.topbar{display:flex;justify-content:space-between;align-items:center;height:79px;padding:0 42px;border-bottom:1px solid #242b38;background:#10141dbf;font-size:14px}.breadcrumb{display:flex;align-items:center;gap:15px;color:#9da9bd}.breadcrumb svg{width:15px;height:15px;color:#69788f}.breadcrumb strong{color:#e3e8f4;font-weight:500}.private-label{display:flex;align-items:center;gap:8px;color:#aab7cc;font-size:12px}.private-label svg{width:18px;height:18px;color:#9d8ece}.mobile-menu{display:none}main{max-width:1480px;padding:34px 42px 0;margin:auto}.welcome{display:flex;align-items:center;justify-content:space-between;min-height:173px;margin-bottom:27px}.eyebrow{display:flex;align-items:center;gap:9px;color:#a99abe;font-size:11px;font-weight:650;letter-spacing:1.75px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#b8a2f0}h1{font-size:43px;font-weight:650;letter-spacing:-1.7px;line-height:1.16;margin:14px 0}.welcome p{margin:0;font-size:15px;color:#a2acc0;line-height:1.7}.welcome-art{position:relative;width:220px;height:155px;margin-right:10px;flex-shrink:0}.orbit{position:absolute;width:190px;height:116px;left:15px;top:22px;border:1px solid #3c354d;border-radius:50%;transform:rotate(-28deg)}.orbit-two{width:210px;left:4px;transform:rotate(26deg)}.letter-back{position:absolute;top:19px;left:87px;width:80px;height:103px;border:1px solid #69518c;border-radius:10px;background:#342644;transform:rotate(14deg)}.letter-back:before,.letter-back:after{content:"";position:absolute;width:44px;left:17px;top:23px;border-top:3px solid #71568f;border-radius:3px}.letter-back:after{width:31px;top:34px}.letter-front{position:absolute;top:61px;left:44px;width:119px;height:81px;display:grid;place-items:center;border:1px solid #8f71b5;border-radius:10px;background:#513b6a;transform:rotate(-10deg);box-shadow:0 14px 25px #0003}.letter-front svg{width:111px;height:82px;stroke-width:.8;color:#b99add}.art-check{position:absolute;top:112px;left:148px;height:32px;width:32px;display:grid;place-items:center;border:4px solid #14151e;border-radius:50%;background:#305b4d;color:#a8f1d5}.art-check svg{width:17px;height:17px;stroke-width:2}.art-star{position:absolute;color:#ab8ad2}.star-one{top:17px;left:35px;font-size:25px}.star-two{right:0;top:79px;font-size:27px}
.creator{padding:22px 24px 17px;background:#1b1c2b;border:1px solid #4a3c68;border-radius:18px;box-shadow:0 12px 36px #0000001c}.creator-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.creator-top label{color:#d9d1e9;font-size:15px;font-weight:550}.pill{border:1px solid #4f4263;border-radius:6px;padding:4px 9px;background:#30263f;color:#cbbbdf;font-size:11px}.creator form{display:flex;gap:12px}.address-builder{display:flex;align-items:center;padding-left:18px;border:1px solid #3b3c51;border-radius:11px;background:#11151f;height:64px;flex:1;min-width:0}.address-builder:focus-within{border-color:#ab8edf;box-shadow:0 0 0 3px #a484e31c}.at-prefix{color:#8d7ea4;font-size:23px;padding-right:13px}.address-builder input{min-width:50px;width:100%;border:0;outline:0;font-size:20px;background:transparent;color:#f0e9ff;letter-spacing:-.3px}.address-builder input::placeholder{color:#7d849a}.address-builder input:focus-visible{outline:0}.domain-select-wrap{display:flex;align-items:center;max-width:49%;margin-right:13px;padding-left:14px;border-left:1px solid #33374a;color:#a79bc0;font-size:17px}.domain-select-wrap>span{color:#7f738f}.domain-select-wrap select{max-width:100%;border:0;background:transparent;color:#c5b5e7;padding:10px 6px;font-size:15px;cursor:pointer}.primary{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:15px 23px;min-height:48px;border-radius:11px;background:#a68df5;color:#191126;font-size:15px;font-weight:600;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff21;transition:background .15s,transform .15s}.primary:hover{background:#b49bf9;transform:translateY(-1px)}.primary svg{width:20px;height:20px}.creator-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px;color:#9e94b1;font-size:12px}.creator-bottom kbd{font:inherit;color:#c9bddc;background:#242232;border:1px solid #444054;border-radius:5px;padding:2px 5px;margin-left:4px}.text-button{display:inline-flex;align-items:center;gap:6px;padding:3px 0;color:#c7b5e6;font-size:12px}.text-button:hover{color:#e3d3ff}.text-button svg{width:16px;height:16px}.connection-banner{display:flex;align-items:center;gap:14px;width:100%;padding:17px 19px;margin:20px 0 0;border:1px solid #574833;border-radius:13px;background:#28231e;text-align:left}.connection-banner:hover{background:#30291f}.banner-icon{height:40px;width:40px;display:grid;place-items:center;flex-shrink:0;background:#473a28;color:#e8c68e;border-radius:11px}.banner-icon svg{height:20px;width:20px}.connection-banner strong{display:block;font-size:13px;font-weight:550;color:#ead4b2}.connection-banner small{display:block;font-size:12px;color:#beaa8e;margin-top:4px}.banner-action{display:flex;align-items:center;gap:10px;margin-left:auto;color:#e5c99c;font-size:13px;white-space:nowrap}.banner-action svg{width:18px;height:18px}
.inbox-section{margin-top:31px}.inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.inbox-heading h2{display:flex;align-items:center;gap:10px;margin:0;color:#f0f1fa;font-size:23px;font-weight:600;letter-spacing:-.6px;overflow-wrap:anywhere}.inbox-heading h2 span{min-width:28px;padding:3px 7px;border:1px solid #3a3d54;border-radius:7px;background:#232534;color:#b5accc;font-size:12px;text-align:center;letter-spacing:0;font-weight:450}.inbox-heading p{margin:6px 0 0;color:#a1adc2;font-size:13px}.inbox-actions{display:flex;align-items:center;gap:6px}.auto-label{display:flex;align-items:center;gap:7px;color:#aab6ca;font-size:12px;white-space:nowrap;padding:0 7px}.auto-label .tiny-dot{width:6px;height:6px}.inbox-actions>.icon-button:last-child{border:1px solid #343c50;background:#191e2b;margin-left:3px}.mail-panel{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);min-height:466px;border:1px solid #30374a;border-radius:17px;overflow:hidden;background:#151a25;box-shadow:0 10px 35px #0000001a}.message-column{display:flex;flex-direction:column;min-width:0;border-right:1px solid #30374a;background:#141923}.mail-tools{display:flex;align-items:center;gap:12px;height:70px;padding:0 20px;border-bottom:1px solid #2a3244}.search{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:#8997ae}.search svg{width:19px;height:19px}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e3e8f3;font-size:14px;padding:12px 0}.search input::placeholder{color:#8996ad}.filter-button{padding:7px 10px;color:#b6acc8;border:1px solid #3b364d;border-radius:7px;background:#222131;font-size:12px}.filter-button[aria-pressed=true]{background:#44325d;border-color:#8e70b9;color:#eee0ff}.message-list{flex:1;min-height:392px;max-height:650px;overflow:auto}.list-empty{height:100%;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px}.empty-icon{height:56px;width:56px;margin-bottom:21px;border:1px solid #3a3450;border-radius:17px;background:#252035;color:#b29cd8;display:grid;place-items:center}.empty-icon svg{width:25px;height:25px}.list-empty h3{font-size:17px;color:#c4c0d7;font-weight:550;margin:0 0 11px}.list-empty p{color:#9da7bd;font-size:14px;line-height:1.8;margin:0}.message-item{display:block;text-align:left;width:100%;padding:21px 22px;border-bottom:1px solid #272e3e;position:relative}.message-item:hover{background:#1d2231}.message-item.selected{background:#28233a;box-shadow:inset 3px 0 0 #ae91ee}.message-item.unread:before{content:"";position:absolute;top:29px;left:9px;width:5px;height:5px;border-radius:50%;background:#bda4ff}.message-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.message-sender{color:#c2cbe0;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:75%}.message-time{color:#8a97b1;font-size:11px;white-space:nowrap}.message-subject{color:#c1bbd4;font-size:15px;margin:9px 0 7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.message-item.unread .message-sender,.message-item.unread .message-subject{color:#f0eaff;font-weight:650}.message-preview{color:#909bb2;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-tag{display:inline-block;padding:3px 7px;margin-top:11px;border:1px solid #343044;border-radius:6px;color:#b0a0c9;background:#242030;font-size:11px}.load-more{padding:16px;border-top:1px solid #30374a;color:#c6b1f5;font-size:14px}
.reader{min-width:0;max-height:720px;overflow:auto;background:#171c28;scroll-margin-top:20px}.reader-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:464px;height:100%;padding:35px 25px;text-align:center}.paper-stack{height:104px;width:112px;position:relative;margin-bottom:25px}.paper-stack>div{position:absolute;width:73px;height:89px;top:4px;left:13px;border:1px solid #4b3e64;border-radius:10px;background:#252035;transform:rotate(-12deg)}.paper-stack>div:nth-child(2){left:30px;top:14px;display:grid;place-items:center;background:#30283f;border-color:#68517f;transform:rotate(9deg)}.paper-stack>div:nth-child(2):after{content:"";position:absolute;width:34px;bottom:20px;border-top:2px solid #705783}.paper-stack svg{color:#b092cf;width:29px;height:29px;margin-top:-13px}.paper-stack>span{position:absolute;left:0;top:46px;color:#ad86ce;font-size:25px}.reader-empty h3{color:#c9bfd9;font-size:18px;font-weight:550;margin:0 0 11px}.reader-empty p{color:#9da6bc;font-size:14px;line-height:1.9;margin:0}.keep-label{display:flex;align-items:center;gap:7px;color:#9c8eb0;font-size:12px;margin-top:27px}.keep-label svg{width:16px;height:16px}.reader-message{min-height:100%;padding:25px 29px 29px;background:#171c28}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:25px}.reader-tag{padding:6px 9px;border:1px solid #48375a;background:#30243e;color:#c6abd9;border-radius:7px;font-size:12px;overflow-wrap:anywhere}.reader-toolbar>div{display:flex;gap:2px}.reader-message h2{margin:0 0 24px;font-size:26px;line-height:1.4;font-weight:600;letter-spacing:-.7px;overflow-wrap:anywhere;color:#f1eef8}.sender-block{display:flex;align-items:flex-start;gap:12px;margin-bottom:26px}.sender-avatar{height:42px;width:42px;flex-shrink:0;display:grid;place-items:center;border:1px solid #4a3c60;border-radius:12px;background:#30263f;color:#d7bfe9;font-size:17px}.sender-info{min-width:0}.sender-info strong{display:block;color:#d9dfed;font-size:14px;font-weight:550;overflow-wrap:anywhere}.sender-info small{display:block;margin-top:2px;color:#98a5bf;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.message-body{padding:25px 0 10px;margin:0;border-top:1px solid #30374a;font:17px/1.85 Inter,"Segoe UI",Arial,sans-serif;color:#c6cede;white-space:pre-wrap;overflow-wrap:anywhere}.message-body a{color:#c9b1f6;text-decoration:underline;text-underline-offset:3px}.attachments{margin-top:25px;display:grid;gap:9px}.attachment{display:flex;align-items:center;gap:11px;width:100%;padding:13px;border:1px solid #3c3850;border-radius:10px;background:#222131;color:#cfc5df;font-size:13px;text-align:left;overflow-wrap:anywhere}.attachment:hover{background:#2c263b}.attachment svg{width:18px;height:18px;color:#bfa1e5}.attachment small{margin-left:auto;white-space:nowrap;color:#9b8dae;font-size:11px}.main-footer{display:flex;justify-content:space-between;gap:12px;padding:27px 0 23px;color:#7f8ba3;font-size:12px}.footer-spark{color:#ae8ed0;margin-left:5px}
.modal{width:calc(100% - 36px);max-width:700px;max-height:90dvh;border:1px solid #443c55;border-radius:20px;padding:31px;background:#191d2a;color:#e8e5f2;box-shadow:0 30px 100px #0009}.modal::backdrop{background:#050811bf;backdrop-filter:blur(8px)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.modal-header h2{font-size:29px;font-weight:600;letter-spacing:-.8px;margin:10px 0}.modal-header .eyebrow{font-size:10px}.modal-intro,.modal>p{font-size:15px;color:#a6adc1;line-height:1.8;margin:10px 0 22px}.domain-form{display:flex;gap:10px;margin:25px 0}.domain-form input{min-width:0;flex:1;padding:14px;border:1px solid #3c3d52;border-radius:10px;background:#111620;color:#ebe5f4;font-size:15px}.domain-form input::placeholder{color:#8089a0}.domain-card{border:1px solid #3a394e;background:#1f2030;padding:20px;margin-top:15px;border-radius:13px}.domain-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.domain-card-head strong{font-size:18px;overflow-wrap:anywhere}.status-badge{padding:5px 8px;border-radius:6px;font-size:11px;background:#493e2a;color:#e6c28e;white-space:nowrap}.status-badge.ready{background:#203f35;color:#93dbbc}.domain-card p{font-size:13px;line-height:1.8;color:#a9a1ba}.dns-record{display:flex;align-items:center;gap:10px;padding:12px 13px;margin:10px 0;border:1px solid #3c364e;border-radius:9px;background:#151522}.dns-record>div{min-width:0;flex:1}.dns-record small{display:block;margin-bottom:6px;color:#a091b4;font-size:10px;letter-spacing:.8px}.dns-record code{color:#cbb2e4;font-size:13px;word-break:break-all}.domain-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:17px}.domain-buttons>.icon-button{margin-left:auto}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 17px;border:1px solid #504260;background:#2a2438;color:#d1b9e7;border-radius:10px;font-size:14px}.secondary:hover{background:#382b47}.secondary svg{width:18px;height:18px}.setup-help{margin-top:27px;padding-top:23px;border-top:1px solid #383348}.setup-help summary{cursor:pointer;color:#c6acdf;font-size:14px}.setup-help ol{padding-left:21px;font-size:14px;line-height:1.9;color:#b3a6c5}.setup-help li{padding-bottom:12px}.setup-help p{color:#b3a2b6;font-size:13px;line-height:1.8}.setup-help a{display:block;margin-top:12px;color:#c3a8e1;font-size:13px}.recovery-modal{max-width:520px}.recovery-illustration{display:grid;place-items:center;height:80px;width:80px;margin:25px auto;border:1px solid #54416d;border-radius:25px;background:#30263f;color:#c4a6e7}.recovery-illustration svg{width:42px;height:42px;stroke-width:1.4}.notice{padding:18px;margin-bottom:23px;border:1px solid #5a4934;border-radius:12px;background:#2d261e;color:#e4c89c;font-size:14px}.notice p{color:#c8b195;font-size:13px;line-height:1.8;margin:8px 0 0}.wide{width:100%;margin-top:11px}.modal p.fine-print{margin:20px 0 0;font-size:12px;color:#a29ab2;line-height:1.8}.confirm-modal{max-width:480px}.confirm-modal .modal-header h2{font-size:25px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:27px}.danger{min-height:46px;padding:12px 17px;background:#a85370;color:#fff;border-radius:10px;font-size:13px}.danger:hover{background:#bd607c}.form-error{color:#ef9baf;font-size:13px;line-height:1.7;margin:14px 0 0}.toast{position:fixed;bottom:26px;left:calc(50% + 139px);transform:translateX(-50%);max-width:calc(100% - 40px);z-index:100;padding:15px 21px;border:1px solid #685382;border-radius:12px;background:#352941;color:#f1e6fc;font-size:14px;line-height:1.6;box-shadow:0 10px 35px #0005}.toast.error{background:#512738;border-color:#97516b;color:#ffe0e9}.spinning svg{animation:spin 1s linear infinite}*{scrollbar-width:thin;scrollbar-color:#4a405e #161925}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1650px){main{padding:42px 52px 0}.welcome{min-height:186px}h1{font-size:49px}.mail-panel{min-height:520px}.reader-empty{min-height:518px}}
@media(max-width:1250px){.sidebar{width:246px;padding:29px 14px 20px}.main-shell{width:calc(100% - 246px);margin-left:246px}main{padding:28px 29px 0}.topbar{padding:0 29px}.workspace-label{font-size:13px;gap:10px}.workspace-label small{font-size:11px}h1{font-size:39px}.welcome-art{width:180px;margin-right:0;transform:scale(.85);transform-origin:center right}.welcome p{font-size:14px;max-width:400px}.creator{padding:20px}.creator form>.primary{padding:15px 17px;gap:11px}.address-builder{padding-left:14px}.address-builder input{font-size:18px}.at-prefix{display:none}.domain-select-wrap{padding-left:8px;margin-right:9px}.domain-select-wrap select{font-size:14px;padding-right:3px}.mail-panel{grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr)}.inbox-heading h2{font-size:21px}.auto-label{font-size:11px;padding:0 3px}.inbox-actions{gap:2px}.reader-message{padding:23px}.reader-message h2{font-size:23px}.reader-toolbar .icon-button{width:35px;height:38px}.main-footer{font-size:11px}}
@media(max-width:1050px){.sidebar{width:278px;transform:translateX(-100%);transition:transform .2s;box-shadow:12px 0 50px #0006}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0;width:100%}.mobile-menu{display:inline-flex}.topbar{height:72px}.breadcrumb{gap:12px}main{max-width:1050px;padding:27px 30px 0}.welcome{min-height:164px}.welcome-art{width:220px;transform:none}.toast{left:50%}}
@media(max-width:760px){.mail-panel{grid-template-columns:1fr}.message-column{border-right:0}.reader{border-top:1px solid #30374a;max-height:none}.reader-empty{min-height:320px}.message-list{min-height:250px;max-height:370px}.list-empty{min-height:290px}.auto-label{display:none}.welcome-art{width:165px;transform:scale(.8);transform-origin:center right;margin-left:-20px}h1{font-size:37px}.welcome p{max-width:350px}.main-footer>span:last-child{display:none}}
@media(max-width:540px){.topbar{height:67px;padding:0 17px}.breadcrumb{font-size:13px;gap:8px}.breadcrumb>span,.breadcrumb>svg{display:none}.private-label{font-size:11px;gap:6px}.private-label svg{width:16px;height:16px}main{padding:25px 18px 0}.welcome{min-height:155px;position:relative;overflow:hidden;margin-bottom:23px}.welcome>div:first-child{position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:1.35px}h1{font-size:35px;letter-spacing:-1.3px;margin:14px 0 11px}.welcome p{max-width:290px;font-size:14px;line-height:1.7}.welcome-art{position:absolute;top:4px;right:-30px;width:220px;height:155px;margin:0;opacity:.3;transform:scale(.73);transform-origin:top right;pointer-events:none}.creator{padding:19px 16px 15px;border-radius:15px}.creator-top{margin-bottom:14px}.creator-top label{font-size:14px}.pill{font-size:10px;padding:4px 6px}.creator form{flex-wrap:wrap;gap:11px}.address-builder{height:62px;flex-basis:100%;padding-left:13px;border-radius:10px}.address-builder input{font-size:18px}.domain-select-wrap{max-width:51%;padding-left:8px;margin-right:9px;font-size:15px}.domain-select-wrap select{font-size:14px;padding:12px 1px}.creator form>.primary{width:100%;min-height:49px;font-size:15px}.creator-bottom{font-size:11px;margin-top:14px}.creator-bottom kbd{margin-left:2px;padding:2px 3px}.text-button{font-size:11px;gap:4px}.text-button svg{height:14px;width:14px}.connection-banner{padding:14px;gap:10px}.banner-icon{width:34px;height:34px;border-radius:9px}.connection-banner strong{font-size:12px}.connection-banner small{font-size:11px;line-height:1.7}.banner-action{font-size:0}.banner-action svg{height:17px;width:17px}.inbox-section{margin-top:27px}.inbox-heading{gap:7px;margin-bottom:17px}.inbox-heading h2{font-size:19px;gap:7px;max-width:250px}.inbox-heading p{font-size:12px}.inbox-heading h2 span{min-width:25px;padding:2px 5px;font-size:11px}.inbox-actions{gap:0}.inbox-actions .icon-button{width:34px;height:37px;border-radius:9px}.inbox-actions .icon-button svg{width:18px;height:18px}.inbox-actions>.icon-button:last-child{margin-left:1px}.mail-panel{border-radius:14px}.mail-tools{height:67px;padding:0 16px;gap:10px}.message-item{padding:20px}.message-sender{font-size:14px}.message-subject{font-size:15px}.message-preview{font-size:13px}.reader-message{padding:20px}.reader-toolbar{gap:8px;margin-bottom:24px}.reader-toolbar .icon-button{width:35px;height:38px}.reader-tag{font-size:11px;padding:5px 7px}.reader-message h2{font-size:25px}.message-body{font-size:17px;line-height:1.85}.reader-empty{min-height:350px}.reader-empty h3{font-size:17px}.reader-empty p{font-size:14px}.modal{padding:24px 19px;border-radius:16px}.modal-header h2{font-size:27px}.modal-header .eyebrow{font-size:9px}.domain-form{flex-wrap:wrap}.domain-form input{min-width:100%;min-height:50px;font-size:16px}.domain-form .primary{width:100%}.domain-card{padding:16px}.domain-card-head strong{font-size:17px}.domain-buttons .text-button{font-size:12px}.domain-buttons .secondary{font-size:13px;padding:11px 13px}.toast{bottom:18px;padding:13px 17px;width:max-content;font-size:13px}.main-footer{font-size:11px;padding-top:24px}}
@media(max-width:380px){main{padding-left:14px;padding-right:14px}h1{font-size:32px}.creator-top label{font-size:13px}.creator-bottom{font-size:10px}.text-button{font-size:10px}.inbox-heading{align-items:flex-start}.inbox-heading h2{max-width:215px;font-size:17px}.inbox-actions .icon-button{width:29px;height:35px}.reader-message{padding:19px 16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}