:root{color-scheme:light;--ink:#14394b;--muted:#536c74;--aqua:#149e9b;--line:#d9e3dc;--ivory:#f7f3ea;--gold:#d8aa38;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif;font-size:17px;color:var(--ink);background:var(--ivory)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 10% 15%,#ddefe6 0,transparent 45%),var(--ivory)}
.topbar{max-width:1120px;margin:auto;padding:calc(20px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 20px max(22px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:750}.brand img{border-radius:15px;box-shadow:0 3px 8px #14394b15}.brand small{display:block;font-size:.72rem;font-weight:500;color:var(--muted);margin-top:3px}
.scope{font-size:.72rem;background:#e1f2eb;border:1px solid #c3e0d5;padding:8px 12px;border-radius:30px;white-space:nowrap}
main{max-width:1040px;margin:0 auto;padding:48px 24px 32px;display:grid;grid-template-columns:1.1fr 1fr;gap:28px 64px;align-items:start}.intro{padding-top:22px}.eyebrow{color:#32776e;font-size:.78rem;font-weight:650;letter-spacing:.01em}h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.35;margin:14px 0 20px;font-weight:800}p{line-height:1.9;color:var(--muted);margin:12px 0}.intro p{max-width:440px}h2{font-size:1.12rem;margin:0;line-height:1.65}
.panel{grid-column:2;grid-row:1 / span 2;background:linear-gradient(150deg,#fffefb,#fbfaf5);padding:28px;border:1px solid #d6dfd8;border-radius:26px;box-shadow:0 12px 30px #14394b0a,0 2px 2px #ffffff inset;min-width:0}.panel-heading{display:flex;gap:12px;align-items:center}.line-mark{display:block;width:5px;height:27px;background:linear-gradient(var(--gold),#eedba7);border-radius:5px}.panel p{font-size:.9rem;overflow-wrap:anywhere}#actions{display:grid;gap:12px;margin-top:24px}
button,input,select{font:inherit}button{min-height:48px;padding:12px 20px;border:1px solid #bd9029;border-radius:14px;background:linear-gradient(#f0d685,#d8b653);box-shadow:0 2px 0 #b89743;color:#183744;font-weight:700;cursor:pointer;transition:transform 150ms,box-shadow 150ms}button:active{transform:translateY(1px);box-shadow:none}button:disabled{cursor:wait;opacity:.65}.secondary{background:#fff;border-color:var(--line);box-shadow:none;font-weight:600}.danger{background:#fff6f3;border-color:#e3bfb4;color:#8d3526;box-shadow:none}input,select{width:100%;min-height:50px;border:1px solid #a5b9b5;border-radius:12px;background:#fff;padding:12px;color:var(--ink)}input.code{font-size:1.6rem;letter-spacing:.32em;text-align:center;direction:ltr}label{font-weight:650;font-size:.88rem}form{display:grid;gap:12px}.secret{direction:ltr;overflow-wrap:anywhere;user-select:all;font-family:ui-monospace,monospace;background:#f2f5f1;padding:12px;border-radius:10px;font-size:.9rem}.setup-link{display:block;text-align:center;padding:12px;min-height:44px;color:#126c70;border:1px solid #b8d6cf;border-radius:12px;text-decoration:none}.assurance{grid-column:1;font-size:.8rem;border-inline-start:2px solid #c9ded4;padding-inline-start:18px;max-width:440px}.assurance h2{font-size:.91rem}.assurance p{margin-bottom:0}.error{color:#9b3929!important}footer{max-width:1040px;margin:8px auto 0;padding:24px 24px calc(24px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.68rem;border-top:1px solid var(--line)}
:focus-visible{outline:3px solid #149e9b;outline-offset:4px}.skip{position:absolute;top:-100px;background:white;color:var(--ink);padding:16px;z-index:5}.skip:focus{top:5px}
.dashboard{display:block;max-width:1120px}.dashboard .panel{width:100%;min-height:65vh}.toolbar{display:flex;gap:12px;align-items:center}.toolbar select{max-width:240px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button[aria-current=true]{background:#dcefe7;border-color:#75b5a5}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.metric,.record{background:#f7f7f0;border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0}.metric h3,.record h3{font-size:.94rem;margin:0 0 14px}.metric strong{font-size:1.85rem;font-weight:750}.record p{font-size:.83rem}.technical{direction:ltr;text-align:start;overflow-wrap:anywhere;font: .74rem ui-monospace,monospace!important}
[hidden]{display:none!important}
.command-dialog{color:var(--ink);background:var(--ivory);border:1px solid var(--line);border-radius:22px;padding:24px;width:min(94vw,500px);max-height:88svh;overflow:auto}.command-dialog::backdrop{background:#14394b77}.command-dialog>button{width:100%;margin-top:12px}.command-dialog h2{margin-bottom:12px}
@media(max-width:740px){main{display:flex;flex-direction:column;gap:24px;padding:24px max(20px,env(safe-area-inset-right)) 24px max(20px,env(safe-area-inset-left))}.intro{padding:0}.intro h1{font-size:2rem;margin-bottom:8px}.intro p{font-size:.92rem;margin-bottom:0}.panel{width:100%;padding:24px}.assurance{max-width:none}footer{flex-direction:column}.topbar{padding-top:calc(16px + env(safe-area-inset-top))}.scope{font-size:.66rem;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}