:root{--navy: #1d4e6f;--navy-deep: #17415e;--navy-ink: #14384f;--sea: #57b0e6;--sky-pale: #e8f5fd;--coral: #e05a52;--bg: #f2f7fb;--panel: #ffffff;--border: #d8e4ec;--text: #16303f;--muted: #607d8f;--accent: #1d4e6f;--accent-fg: #ffffff;--danger: #b02a37;--shadow: 0 1px 2px rgba(20, 56, 79, .06), 0 8px 24px rgba(20, 56, 79, .07);--radius: 10px}@media(prefers-color-scheme:dark){:root{--bg: #0e1a22;--panel: #14252f;--border: #21414f;--text: #e3eef4;--muted: #91aab8;--accent: #4aa3d6;--sky-pale: #12222c;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;overflow-wrap:anywhere}.muted{color:var(--muted)}.site{min-height:100vh;display:flex;flex-direction:column}.main{width:100%;max-width:1120px;margin:0 auto;padding:26px 20px 64px;flex:1}button{font:inherit;padding:8px 14px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}button.primary:hover:not(:disabled){background:var(--navy-deep);border-color:var(--navy-deep);color:var(--accent-fg)}button.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}button.block{width:100%;padding:11px;font-weight:600}button:disabled{opacity:.5;cursor:default}label{display:block;margin-bottom:14px;font-size:13px;font-weight:600;color:var(--muted)}select,input{display:block;width:100%;margin-top:5px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;font-weight:400}select:focus-visible,input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.topbar{background:var(--navy);color:#fff}.topbar-inner{max-width:1180px;margin:0 auto;padding:11px 20px;display:flex;align-items:center;gap:22px}.logo{display:inline-flex;align-items:center;gap:9px;font-size:18px;letter-spacing:-.01em;color:#fff}.logo svg{width:26px;height:26px}.logo b{font-weight:700}.brand{background:none;border:none;padding:0;color:#fff}.brand:hover{color:#fff}.topnav{display:flex;align-items:center;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.topnav button,.topnav a{background:none;border:none;color:#ffffffd1;padding:7px 11px;border-radius:7px;font-size:14px;text-decoration:none;white-space:nowrap}.topnav button:hover,.topnav a:hover{background:#ffffff1f;color:#fff}.topnav button.active{background:#ffffff29;color:#fff;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:9px}.who{font-size:13px;color:#fffc}.topbar-actions .solid,.topbar-actions .ghost{padding:7px 15px;border-radius:7px;font-size:14px;font-weight:600}.topbar-actions .solid{background:#fff;border:1px solid #fff;color:var(--navy)}.topbar-actions .ghost{background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff}.topbar-actions .solid:hover,.topbar-actions .ghost:hover{background:#ffffffe6;color:var(--navy);border-color:#fff}.hero{position:relative;overflow:hidden;background:radial-gradient(90% 62% at 50% 100%,#fff5cf,#fff5cf00 62%),linear-gradient(180deg,#7fc4ea,#a9dbf4 52%,#cdebfa 80%,#cdebfa);padding-top:clamp(30px,5vw,58px);isolation:isolate}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 100%,#fff4c39e,#fff4c39e 1.5deg,#fff4c300 1.5deg,#fff4c300 5deg);-webkit-mask-image:radial-gradient(100% 96% at 50% 100%,#000 0%,rgba(0,0,0,.55) 42%,transparent 82%);mask-image:radial-gradient(100% 96% at 50% 100%,#000 0%,rgba(0,0,0,.55) 42%,transparent 82%)}.scene-sky{position:absolute;top:0;left:0;width:100%;height:clamp(240px,30vw,620px);z-index:-1;pointer-events:none}.hero-art{margin-top:clamp(20px,3vw,40px)}.hero-art svg{display:block;width:100%;height:auto}.hero-content{max-width:720px;margin:0 auto;padding:0 20px;text-align:center;color:var(--navy-ink)}.hero-content h1{margin:0 0 clamp(20px,3vw,34px);font-size:clamp(28px,4.4vw,50px);line-height:1.12;letter-spacing:-.02em;color:var(--navy-ink)}.hero-lead{margin:0 0 14px;font-size:clamp(17px,2vw,22px);font-weight:600}.address-field{display:flex;align-items:stretch;gap:0;background:#fff;border-radius:8px;box-shadow:0 2px 10px #14384f26;overflow:hidden;max-width:560px;margin:0 auto}.address-field input,.address-field select{margin:0;border:none;border-radius:0;background:#fff;color:var(--navy-ink);font-size:clamp(15px,1.7vw,18px);padding:15px 16px;text-align:center;min-width:0}.address-field.compose input{text-align:right;flex:1}.address-field .at{display:flex;align-items:center;color:var(--muted);font-size:17px;background:#fff}.address-field.compose select{flex:1;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-weight:600;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23607d8f' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:11px}.address-field>input:first-child{flex:1;font-weight:500}.address-field .copy{border:none;border-left:1px solid var(--border);border-radius:0;background:#f4f8fb;color:var(--navy);padding:0 18px;font-weight:600}.address-field .copy:hover{background:#e6f0f7;color:var(--navy)}.hero-cta{display:block;width:100%;max-width:560px;margin:14px auto 0;padding:15px 20px;background:var(--navy);border:1px solid var(--navy);color:#fff;font-size:clamp(16px,1.8vw,19px);font-weight:600;text-align:center;text-decoration:none;border-radius:8px;box-shadow:0 2px 10px #14384f2e}.hero-cta:hover:not(:disabled){background:var(--navy-deep);border-color:var(--navy-deep);color:#fff}.hero-note{margin:14px 0 0;font-size:13.5px;color:#2b5f80}.hero-content .card{text-align:left;margin-bottom:0}.hero.compact .hero-content h1{font-size:clamp(24px,3.4vw,34px);margin-bottom:clamp(16px,2.4vw,26px)}.page-head{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff}.page-head-inner{max-width:1120px;margin:0 auto;padding:30px 20px 34px}.page-head h1{margin:0;font-size:clamp(23px,3vw,31px);letter-spacing:-.015em}.page-head p{margin:7px 0 0;color:#ffffffc7;font-size:15px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:980px){.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.features{grid-template-columns:1fr}}.feature{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.feature-icon{font-size:22px}.feature h3{margin:10px 0 6px;font-size:16px}.feature p{margin:0;color:var(--muted);font-size:14px}.card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.card h2{margin:0 0 12px;font-size:19px}.card h3{margin:0 0 12px;font-size:17px}.card>h3:first-child{margin-top:0}.auth{max-width:420px;margin:0 auto 20px}.auth .close{position:absolute;top:10px;right:10px;border:none;background:none;font-size:20px;line-height:1;color:var(--muted);padding:4px 8px}.tabs{display:flex;gap:8px;margin-bottom:12px}.auth .tabs{padding-right:26px}.tabs button{flex:1}.tabs button.active{border-color:var(--accent);color:var(--accent);font-weight:600}.auth .muted{font-size:13px;margin:0 0 16px}.banner{padding:11px 15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.banner.error{background:#fdecea;color:var(--danger);border:1px solid #f3c2c6}@media(prefers-color-scheme:dark){.banner.error{background:#3a1d21;color:#ff9ba3;border-color:#6a2b32}.chip.expired{border-color:#6a2b32;color:#ff9ba3}}.banner button{border:none;background:none;color:inherit;font-size:18px;line-height:1;padding:2px 6px}.notice{background:var(--sky-pale);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:14px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.inbox-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:13px 16px;box-shadow:var(--shadow)}.inbox-bar-main{display:flex;align-items:baseline;gap:9px;min-width:0}.inbox-bar .label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.inbox-bar .address{font-size:17px;font-weight:600;color:var(--accent)}.inbox-bar .spacer{flex:1}.chip{font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 11px;white-space:nowrap}.chip.expired{color:var(--danger);border-color:#f3c2c6}.chip.live{display:inline-flex;align-items:center;gap:6px}.chip.live i{width:7px;height:7px;border-radius:50%;background:#2fa36b}.split{display:grid;grid-template-columns:340px 1fr;gap:16px;margin-top:16px;align-items:start}@media(max-width:760px){.split{grid-template-columns:1fr}}.message-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden auto;background:var(--panel);max-height:72vh;box-shadow:var(--shadow)}.message-list li{padding:13px 15px;border-bottom:1px solid var(--border);cursor:pointer}.message-list li:last-child{border-bottom:none}.message-list li:hover{background:var(--sky-pale)}.message-list li.active{background:var(--sky-pale);box-shadow:inset 3px 0 0 var(--accent)}.message-list .row{display:flex;align-items:center;gap:7px}.message-list .from{font-size:13px;color:var(--muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-list .subject{font-weight:600;margin-top:2px}.message-list .to-addr{font-size:12px;color:var(--accent)}.message-list .snippet{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-list .empty{cursor:default;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:44px 20px;font-size:14px}.empty-art{font-size:30px}.badge{font-size:12px;color:var(--muted)}.badge.pending{color:var(--accent);border:1px solid var(--border);border-radius:999px;padding:1px 8px}.reader{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);min-height:340px;box-shadow:var(--shadow)}.placeholder{padding:48px 20px;text-align:center;color:var(--muted)}.reader-inner{padding:20px}.reader-head h3{margin:0 0 8px;font-size:19px}.reader-meta{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:12px}.reader-text{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:14px}.reader-html{margin-top:14px}.reader-html iframe{width:100%;min-height:380px;border:1px solid var(--border);border-radius:8px;background:#fff}.attachments{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}.attachments h4{margin:0 0 8px;font-size:14px}.attachments ul{list-style:none;margin:0;padding:0}.attachments li{display:flex;align-items:center;gap:10px;padding:7px 0}.attachments .filename{flex:1;overflow-wrap:anywhere}.attachments .size{color:var(--muted);font-size:13px}.guide h3{margin:22px 0 6px;font-size:16px}.guide ul,.guide ol{padding-left:20px;line-height:1.75}.guide a{color:var(--accent)}.code-block{background:var(--navy-ink);border-radius:8px;padding:14px 16px;overflow-x:auto;color:#dceaf3;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;margin:8px 0 4px}.admin{display:flex;flex-direction:column;gap:16px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;align-items:end;margin-bottom:12px}.field-grid label{margin-bottom:0}label.checkbox{display:flex;align-items:center;gap:8px;align-self:end;color:var(--text);font-weight:400}label.checkbox input{width:auto;margin-top:0}.scopes{display:flex;flex-wrap:wrap;gap:6px 16px;margin:4px 0 14px}.scopes .checkbox{margin:0}.key-once{align-items:flex-start;word-break:break-all}.key-once code{color:var(--accent)}.scopes-cell{font-size:12px;color:var(--muted);white-space:normal;max-width:260px}.table-scroll{overflow-x:auto}.domains-table{width:100%;border-collapse:collapse;font-size:14px}.domains-table th,.domains-table td{text-align:left;padding:10px;border-bottom:1px solid var(--border);white-space:nowrap}.domains-table th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions button{padding:5px 10px;font-size:13px}.status{font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--border)}.status-active{color:#0a7d33;border-color:#0a7d33}.status-pending{color:var(--accent);border-color:var(--accent)}.status-paused,.status-misconfigured{color:var(--danger);border-color:var(--danger)}.footer{background:var(--navy);color:#ffffffc7;font-size:14px;margin-top:auto}.footer-inner{max-width:1180px;margin:0 auto;padding:40px 20px 28px;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:28px}@media(max-width:780px){.footer-inner{grid-template-columns:1fr 1fr}}.footer-brand p{margin:12px 0 0;max-width:300px;line-height:1.6}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-col h4{margin:0 0 3px;color:#fff;font-size:15px}.footer-col a,.footer-col button,.footer-col span{color:#ffffffc7;text-decoration:none;background:none;border:none;padding:0;font:inherit;text-align:left}.footer-col a:hover,.footer-col button:hover{color:#fff;text-decoration:underline}.footer-legal{border-top:1px solid rgba(255,255,255,.14);padding:16px 20px;text-align:center;font-size:13px;color:#fff9}@media(max-width:720px){.topbar-inner{flex-wrap:wrap;gap:10px 16px}.topnav{order:3;width:100%;flex:1 0 100%}.topbar-actions{margin-left:auto}.address-field:not(.compose){flex-direction:column}.address-field:not(.compose) .copy{border-left:none;border-top:1px solid var(--border);padding:12px}.address-field.compose input,.address-field.compose select{padding-left:10px;padding-right:10px}.address-field.compose select{padding-right:28px;background-position:right 9px center}.reader-meta{align-items:flex-start}.hero-art svg{height:210px}.hero-art svg.band{height:96px}.split{gap:12px}.message-list{max-height:46vh}}@media(max-width:460px){.topbar-inner{gap:8px 12px;padding:10px 14px}.topbar-actions{gap:7px}.topbar-actions .solid,.topbar-actions .ghost{padding:6px 11px;font-size:13px}.logo{font-size:16px}.hero-art svg{height:170px}.inbox-bar .address{font-size:15px}.footer-inner{grid-template-columns:1fr;gap:22px}}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:16px}.metric{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow)}.metric-value{font-size:26px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.metric-label{font-size:13px;color:var(--muted)}