:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eaf0ff;background:#080d19}
body{max-width:1200px;padding:36px 28px;background:radial-gradient(ellipse at 90% 4%,#18234b80,transparent 42%)}
header{border-color:#263452}.logo{letter-spacing:-1px}.dot{color:#65d9ff;text-shadow:0 0 18px #65d9ff80}small,p,footer{color:#a6b4d1}
.hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:40px;margin:44px 0 30px}.hero h1{font-size:clamp(34px,4.3vw,58px);line-height:1.12;letter-spacing:-2px;margin:16px 0 22px}.hero h1 span{color:#65d9ff}.hero p{max-width:580px}.eyebrow{font:700 11px ui-monospace,monospace;letter-spacing:2px;color:#8faaff;margin:0 0 8px}.circuit{color:#5277be;position:relative;background:linear-gradient(145deg,#152344,#0c1325);border:1px solid #314b76;border-radius:24px;padding:15px;overflow:hidden;box-shadow:0 20px 70px #0005}.circuit svg{width:100%;display:block}.circuit text{fill:#eaf0ff;font:700 24px system-ui}.circuit .circuit-small{font:9px ui-monospace;letter-spacing:1px;fill:#65d9ff}.signal{display:block;font:11px ui-monospace;color:#65d9ff;text-align:center;margin:5px 0 14px}
.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;padding:0;margin:24px 0 34px}.setup-steps li{background:#101a2c;border:1px solid #273958;border-radius:12px;padding:18px}.setup-steps strong{display:block;color:#ffbd83;font:700 13px ui-monospace}.setup-steps span{font-size:13px;color:#a6b4d1}
section{background:linear-gradient(130deg,#121c30,#101827);border:1px solid #293955;border-radius:18px;padding:28px;box-shadow:0 14px 40px #0002}h2{font-size:23px;letter-spacing:-.6px;margin:8px 0 16px}input,select{background:#090f1e;border-color:#394b6d;border-radius:10px}button,.button{background:#65d9ff;color:#07111d;border-color:#65d9ff;border-radius:10px;transition:background .15s,transform .15s}button:hover,.button:hover{background:#a3e8ff}button.secondary,.button.secondary{background:#1c2941;color:#dce6ff;border-color:#3b4e71}button.secondary:hover,.button.secondary:hover{background:#2a3c5d}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-color:#ffbd83}td,th{border-color:#293955}th{color:#a6b4d1}#message{color:#e4edff;background:#24375a;border:1px solid #51729e;box-shadow:0 8px 24px #0005}code,pre{color:#85dfff;background:#090f1e;border:1px solid #293955;border-radius:12px;padding:16px}a{color:#85dfff}#quota-status{font-size:13px;margin:0 0 12px}#device-setup{scroll-margin-top:90px}footer{border-top:1px solid #293955;padding:22px 0;margin-top:36px;font-size:12px}
@media(max-width:720px){body{padding:24px 16px}.hero{grid-template-columns:1fr;gap:22px;margin-top:30px}.circuit{max-width:420px;width:100%;justify-self:center}.setup-steps{grid-template-columns:1fr;gap:8px}.setup-steps li{padding:12px 16px}.setup-steps span{display:inline-block;margin-top:5px}section{padding:20px}td{min-width:145px}header{align-items:flex-start}.hero h1{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

button,.button{position:relative;background:linear-gradient(160deg,#9aeaff 0%,#49c9f5 55%,#2fa4da 100%);border:1px solid #a1eeff80;border-bottom:3px solid #217daa;box-shadow:0 4px 0 #06253e,0 6px 20px #25bdf025,inset 0 1px 0 #ffffff70;font-weight:750;padding:13px 18px;transition:transform .16s,box-shadow .16s,filter .16s}button:hover,.button:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px 0 #06253e,0 12px 24px #25bdf038}button:active,.button:active{transform:translateY(2px);box-shadow:0 1px 0 #06253e}button.secondary,.button.secondary{background:linear-gradient(150deg,#314461,#1c2b44);border-color:#6582ad70;border-bottom-color:#122039;box-shadow:0 3px 0 #070e1b,inset 0 1px 0 #ffffff12}button:disabled{transform:none;filter:none;box-shadow:none;cursor:not-allowed}button[aria-busy=true]{cursor:wait;background:linear-gradient(120deg,#65d9ff,#a4b3ff);animation:pending-glow 1.2s ease-in-out infinite}button[aria-busy=true]:before{content:'';display:inline-block;width:12px;height:12px;border:2px solid #07111d50;border-top-color:#07111d;border-radius:50%;margin-right:9px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pending-glow{50%{box-shadow:0 0 20px #65d9ff50}}input,select{padding:12px;font:inherit;color:#eaf0ff}#verification-notice{border-color:#ffbd83}#auth-bot,#panel-bot{min-height:0;margin:8px 0}@media(prefers-reduced-motion:reduce){button[aria-busy=true],button[aria-busy=true]:before{animation:none}}

.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.admin-metrics div{background:#0a1324;border:1px solid #314464;border-radius:12px;padding:18px}.admin-metrics strong{display:block;font-size:30px;color:#65d9ff}.admin-metrics span{color:#a6b4d1;font-size:13px}#admin-jobs,#admin-budget{overflow-wrap:anywhere;white-space:pre-wrap}@media(max-width:600px){.admin-metrics{grid-template-columns:repeat(2,1fr)}}

.software-badge{display:block;width:fit-content;font-size:12px;font-weight:650;border-radius:8px;padding:5px 8px;margin:8px 0;border:1px solid #31445f}.software-badge.success{color:#71e8c5;background:#0b302d}.software-badge.warning{color:#ffc184;background:#352717}.software-badge.error{color:#ff9bad;background:#381c2b}td>small{display:block;min-width:220px;max-width:340px;font-size:12px;line-height:1.6}

body.signed-in .hero,body.signed-in .setup-steps{display:none}body.signed-in #panel{margin-top:24px}#create-host-card{border-color:#49c9f580;box-shadow:0 8px 30px #25bdf010}

#dashboard-nav:not([hidden]){display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}#dashboard-nav a{color:#b9eaff;text-decoration:none;padding:9px 14px;border:1px solid #355170;border-radius:10px;background:#142139}#dashboard-nav a:hover,#dashboard-nav a:focus-visible{border-color:#65d9ff;background:#1b3150}section{scroll-margin-top:24px}
.admin-detail-values{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:10px 18px;padding:18px;background:#0a1324;border:1px solid #314464;border-radius:12px}.admin-detail-values dt{color:#a6b4d1}.admin-detail-values dd{margin:0;overflow-wrap:anywhere}.admin-reservation{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #293955;padding:12px 0}#admin-detail button{margin:8px 8px 8px 0}#admin-health strong{font-size:24px}#admin-quota-form{border:1px solid #314464;border-radius:12px;padding:18px;margin:18px 0}#admin-health-status{color:#ffbd83}#admin-detail-content h3{margin-top:28px}@media(max-width:600px){.admin-detail-values{grid-template-columns:1fr}.admin-detail-values dd{margin-bottom:10px}.admin-reservation{flex-wrap:wrap}}
#admin-detail .card-heading{flex-wrap:wrap;gap:14px}#admin-detail .card-heading>div{display:flex;flex-wrap:wrap;gap:8px}#admin-detail .card-heading button{margin:0}
#admin-health .health-card{border-left:4px solid #365776;display:flex;flex-direction:column;gap:8px}#admin-health .health-card>span{font-size:13px}#admin-health .health-card p{font-size:12px;color:#a6b4d1;margin:0;line-height:1.5}#admin-health .health-card button{margin-top:auto;align-self:flex-start;font-size:12px;padding:9px 12px}.health-card-state{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.admin-metrics .health-warning{border-color:#ffbd83!important;border-left-color:#ffbd83!important;background:#302319!important}.health-warning strong,.health-warning .health-card-state{color:#ffbd83!important}.admin-metrics .health-ok{border-left-color:#71e8c5!important}.health-ok .health-card-state,.health-clear{color:#71e8c5!important}.admin-metrics .health-history{border-left-color:#a4b3ff!important;background:#171f37!important}.health-history .health-card-state{color:#b8c4ff}#admin-health-status.health-warning{color:#ffbd83}#admin-health-status{line-height:1.6}.admin-fold{border:1px solid #293955;border-radius:12px;padding:0 18px;margin:14px 0;background:#0a132440;scroll-margin-top:24px}.admin-fold>summary{cursor:pointer;padding:16px 0;font-size:15px;font-weight:650;color:#dce6ff}.admin-fold>summary:focus-visible{outline:2px solid #65d9ff;outline-offset:4px}.admin-fold[open]{padding-bottom:18px}.admin-fold[open]>summary{border-bottom:1px solid #293955;margin-bottom:16px}.admin-error-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #293955}#admin-no-host-issues{font-size:13px}#admin-host-attention{scroll-margin-top:24px}
body.admin-page .hero,body.admin-page .setup-steps,body.admin-page #panel>section:not(#admin-overview):not(#admin-detail){display:none!important}body.admin-page #panel{margin-top:24px}#dashboard-switch{padding:10px 14px;font-size:13px}body.admin-page .logo:after{content:' ADMIN';font:700 11px ui-monospace;color:#a4b3ff;letter-spacing:1.5px;margin-left:12px}

#dashboard-switch .attention-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;margin-left:8px;border-radius:999px;background:#ffbd83;color:#24190e;font:800 12px ui-monospace;border:1px solid #ffd3ab;box-shadow:0 0 12px #ffbd8330}#dashboard-switch .attention-clear{background:#203849;color:#a6e8f6;border-color:#416678;box-shadow:none}

.attention-item{padding:14px 0;border-bottom:1px solid #314464}.attention-item:last-child{border-bottom:0}.attention-item>a{font-weight:700;color:#ffcd9e}.attention-item p{margin:7px 0 0;font-size:13px;color:#b6c4df}#admin-attention{scroll-margin-top:24px;border-color:#a57347}#admin-attention-total{color:#ffbd83}#health-bot-protection{scroll-margin-top:24px}

#admin-attention:target,#admin-jobs-fold:target,#admin-domains-fold:target,#health-bot-protection:target{outline:2px solid #ffbd83;outline-offset:4px}

.attention-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.attention-controls button,.attention-controls select{font-size:12px;padding:9px 12px}#site-refresh{font-size:13px;padding:10px 14px}

.site-update-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;margin-top:20px;background:#192745;border:1px solid #a4b3ff;border-left:4px solid #a4b3ff;border-radius:12px}.site-update-banner strong{color:#e3e8ff}.site-update-banner p{font-size:13px;margin:6px 0 0;color:#bac8e3}.site-update-banner button{white-space:nowrap}@media(max-width:600px){.site-update-banner{align-items:flex-start;flex-direction:column}}

.site-update-banner .site-release-version{color:#d1daff;font-weight:700;margin:7px 0}.site-release-notes{margin-top:14px}.site-release-notes>strong{font-size:13px}.site-release-notes ul{margin:8px 0 0;padding-left:20px;font-size:13px;line-height:1.65;color:#c1cde3}

@media (display-mode: standalone),(display-mode: minimal-ui),(display-mode: window-controls-overlay){#pwa-install-card{display:none!important}}

#premium-alert-settings{display:grid;gap:16px;max-width:540px;margin:22px 0;padding:20px;border:1px solid #40517a;border-radius:12px}#premium-plan{border-color:#798de2;background:linear-gradient(120deg,#142238,#22213c)}.premium-price{font-size:36px;font-weight:800;color:#e3e9ff!important}.premium-price>span{font-size:18px;color:#b6c3e2}.premium-price small{font-size:15px;font-weight:400}#premium-plan ul{line-height:1.8}#premium-plan button:disabled{cursor:default;opacity:.75}body.admin-page #premium-plan{display:none!important}#history-refresh{margin:16px 0}

#webhook-card{border-color:#536aac}#webhook-form{max-width:620px}.webhook-events{display:grid;gap:12px}.webhook-actions{display:flex;flex-wrap:wrap;gap:10px}#webhook-secret-card{padding:20px;border:1px solid #d3a555;border-radius:12px;margin:20px 0}#webhook-card details{margin-top:24px}#deliveries-refresh{margin:18px 0}

.site-footer{font-size:13px;padding:30px 0 16px}.footer-grid{display:grid;grid-template-columns:1fr .8fr .8fr 1.3fr;gap:24px}.footer-brand{font-size:23px;font-weight:800;text-decoration:none;letter-spacing:-.7px;color:#e4edff}.footer-brand span{color:#65d9ff}.footer-grid strong{display:block;color:#e4edff;margin-bottom:12px}.footer-grid nav a{display:block;width:fit-content;margin:10px 0;text-decoration:none}.footer-grid a:hover{text-decoration:underline}.footer-grid p{margin:10px 0;line-height:1.7}.footer-bottom{border-top:1px solid #293955;margin-top:24px;padding-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px}@media(max-width:650px){.footer-grid{grid-template-columns:1fr;gap:20px}.footer-bottom{flex-direction:column}}

.info-page{margin:0 auto;line-height:1.65}.info-page *{box-sizing:border-box}.info-page header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #263452;padding-bottom:24px}.info-page header .logo{text-decoration:none;font-size:25px;font-weight:800;color:#eaf0ff}.info-page header .logo span{color:#65d9ff}.info-page header nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.info-page header nav a{text-decoration:none}.info-page header nav [aria-current]{color:#fff;text-decoration:underline;text-underline-offset:7px}.info-page .button,.info-page button{font:inherit;font-weight:650;display:inline-block;padding:11px 16px;text-decoration:none;border:1px solid #65d9ff;cursor:pointer}.info-page .button:active,.info-page button:active{transform:translateY(1px);filter:brightness(.85)}.info-intro{margin:42px 0 26px;max-width:760px}.info-intro h1{font-size:clamp(32px,5vw,48px);letter-spacing:-1.5px;line-height:1.15;margin:12px 0}.info-page h3{color:#e4edff}.policy-card{max-width:900px;padding:30px;background:linear-gradient(130deg,#121c30,#101827);border:1px solid #293955;border-radius:18px}.policy-card h2{margin:32px 0 12px;scroll-margin-top:25px}.policy-card p,.policy-card li{color:#b4c1d9}.policy-card li{margin:10px 0}.policy-date{font-size:13px}.policy-toc{display:flex;gap:12px 20px;flex-wrap:wrap;padding:18px 0;border-block:1px solid #293955}.support-contact{display:grid;grid-template-columns:2fr 1fr;gap:30px}.support-contact aside{border-left:1px solid #293955;padding-left:24px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}#support-feedback{min-height:1.5em;color:#71e8c5}.info-page pre{white-space:pre-wrap;overflow-wrap:anywhere}.info-page pre code{background:transparent;border:0;padding:0}.info-page p code{padding:2px 5px;overflow-wrap:anywhere}.support-faq details{border-bottom:1px solid #293955;padding:17px 0}.support-faq summary{cursor:pointer;color:#e4edff;font-weight:650}.support-faq summary:focus-visible{outline:2px solid #65d9ff;outline-offset:4px}.support-faq details p{margin:12px 0}.support-steps li{margin:14px 0;color:#b4c1d9}.skip-link{position:absolute;top:-100px;padding:10px;background:#142139}.skip-link:focus{top:8px}.info-page a:focus-visible,.info-page button:focus-visible{outline:2px solid #ffbd83;outline-offset:4px}.info-page a,.info-page p{overflow-wrap:anywhere}@media(max-width:850px){.site-footer .footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.info-page{padding:24px 16px}.info-page header{align-items:flex-start;flex-direction:column}.info-page header nav{gap:12px}.policy-card{padding:22px}.support-contact{grid-template-columns:1fr;gap:12px}.support-contact aside{border-left:0;border-top:1px solid #293955;padding:12px 0 0}.site-footer .footer-grid{grid-template-columns:1fr}.info-page section{padding:22px}}

.mail-form{display:grid;gap:16px;max-width:850px}.mail-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mail-form input,.mail-form select{width:100%;min-width:0}.mail-form textarea{font:inherit;padding:14px;line-height:1.6;color:#eaf0ff;background:#090f1e;border:1px solid #394b6d;border-radius:10px;resize:vertical;width:100%;min-width:0}.mail-form textarea:focus-visible{outline:3px solid #ffbd83;outline-offset:3px}.mail-thread{padding:14px;border:1px solid #293955;border-radius:10px}.mail-thread summary{cursor:pointer;color:#b9eaff}.mail-thread label{margin-top:16px}.mail-thread p,.mail-form .muted{font-size:13px}.mail-actions{display:flex;gap:12px;flex-wrap:wrap}#admin-mail-result{white-space:pre-wrap;overflow-wrap:anywhere;color:#b9eaff}#admin-mail-history td{overflow-wrap:anywhere}#admin-mail-history small{font-size:12px}@media(max-width:650px){.mail-fields{grid-template-columns:1fr}}

.mail-status-error{color:#ffb18b;font-weight:600}.mail-status-delivered{color:#6ed9ae;font-weight:600}

.mail-message-focus{outline:2px solid var(--accent,#5ed8ff);outline-offset:-2px;background:rgba(94,216,255,.09)}
.security-page{max-width:760px;margin:0 auto}.security-page #qr{background:#fff;border-radius:12px;max-width:100%;display:block;margin:20px 0}.security-page pre{padding:16px;border:1px solid #335275;border-radius:12px;overflow:auto;user-select:all}.security-page form{margin:20px 0}.security-page input[type=checkbox]{width:auto;margin-right:8px}