:root{color-scheme:dark;--bg:#09070d;--surface:#131019;--surface2:#1b1521;--accent:#b44ae6;--accent-light:#dca7f0;--text:#f6f3f8;--muted:#938b9b;--line:#342b3a;--good:#73d1a4;font-family:"Space Grotesk",Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,#21132b 0,transparent 39%),var(--bg);color:var(--text)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:65px;width:min(100% - 36px,1160px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand-lockup{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.brand-mark{width:31px;height:31px;border-radius:50%;object-fit:cover}.brand-wordmark{display:flex;gap:5px;align-items:center;font-size:10px;letter-spacing:.2em}.brand-wordmark span{color:var(--accent-light);font-size:9px}.topbar-actions{display:flex;align-items:center;gap:18px}.preview-pill{padding:6px 9px;border:1px solid #ffffff1a;border-radius:999px;color:#9e96a5;font-size:8px;font-weight:800;letter-spacing:.14em}.preview-pill i{width:6px;height:6px;margin-right:6px;display:inline-block;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #b44ae6a0}.top-get-key{display:flex;align-items:center;gap:5px;color:#d4b5e0;font-size:9px;font-weight:800;letter-spacing:.14em;text-decoration:none}.top-get-key svg{width:14px;height:14px}.page-shell{width:min(100% - 36px,1160px);margin:0 auto;flex:1}.view[hidden]{display:none!important}.login-view{min-height:calc(100vh - 110px);position:relative;display:grid;place-items:center;padding:45px 0;overflow:hidden;animation:fade-in .45s ease both}.login-content{position:relative;z-index:1;width:min(100%,400px);text-align:center}.login-orbit{position:absolute;top:12%;left:50%;width:min(72vw,620px);aspect-ratio:1;transform:translateX(-50%);border:1px solid #b44ae612;border-radius:50%;pointer-events:none}.login-orbit::before,.login-orbit::after{content:"";position:absolute;inset:9%;border:1px solid #ffffff08;border-radius:50%}.login-orbit::after{inset:21%;border-color:#b44ae61b;box-shadow:0 0 90px #b44ae60a}.login-orbit span{position:absolute;top:16%;right:13%;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}.login-orbit i{position:absolute;bottom:18%;left:12%;width:4px;height:4px;border-radius:50%;background:#d9a9ec}.login-orbit b{position:absolute;top:50%;left:50%;width:11px;height:11px;transform:translate(-50%,-50%);border:1px solid #d0a1e2;border-radius:50%;box-shadow:0 0 22px #b44ae68a}.eyebrow{margin:0;color:#c78ade;font-size:8px;font-weight:800;letter-spacing:.18em}.eyebrow span{padding:0 6px;color:#73527e}.login-content h1{margin:13px 0 8px;font-size:clamp(31px,7vw,43px);letter-spacing:-.055em}.login-subtitle{max-width:330px;margin:0 auto 28px;color:#8f8795;font-size:11px;line-height:1.6}.access-form{text-align:left}.access-form label{display:block;margin:0 0 8px 2px;color:#a49baa;font-size:8px;font-weight:800;letter-spacing:.17em}.key-wrap{height:52px;display:grid;grid-template-columns:20px 1fr 76px 34px;align-items:center;gap:8px;padding:0 9px 0 12px;border:1px solid #504557;border-radius:11px;background:#15111a;transition:border-color .16s,box-shadow .16s}.key-wrap:focus-within{border-color:#b47ac7;box-shadow:0 0 0 3px #b44ae61f}.key-icon{width:17px;height:17px;color:#9f92a7}.key-wrap input{min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:12px;letter-spacing:.035em}.key-wrap input::placeholder{color:#675e6d}.paste-button{height:33px;border:1px solid #3d3445;border-radius:7px;background:#201a26;color:#d2c4d9;font-size:7px;font-weight:800;letter-spacing:.08em;cursor:pointer;transition:background .15s,border-color .15s}.paste-button:hover{border-color:#78508b;background:#291d31}.reveal-button,.icon-button{padding:0;display:grid;place-items:center;border:0;background:transparent;color:#82788a;cursor:pointer}.reveal-button{width:30px;height:31px;border-radius:7px}.reveal-button:hover{background:#2a2030;color:#e4c1f1}.reveal-button svg,.icon-button svg{width:17px;height:17px}.field-error{min-height:17px;margin:6px 2px 3px;color:#ff869f;font-size:10px}.button-primary{width:100%;min-height:49px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ebdff0;border-radius:10px;background:#f7f3fa;color:#17111b;cursor:pointer;transition:transform .17s,background .17s,box-shadow .17s}.button-primary span{font-size:9px;font-weight:900;letter-spacing:.14em}.button-primary>svg{width:19px;height:19px}.button-primary:hover:not(:disabled){background:#fff;box-shadow:0 8px 28px #b44ae61c;transform:translateY(-1px)}.button-primary:active:not(:disabled){transform:translateY(0)}.button-primary:disabled{opacity:.4;cursor:not-allowed}.button-primary:focus-visible,.paste-button:focus-visible,.login-footer a:focus-visible,.top-get-key:focus-visible,.region-card:focus-within,.button-happ:focus-visible,.icon-button:focus-visible{outline:2px solid #dfb4ee;outline-offset:3px}.login-footer{margin-top:19px;display:flex;justify-content:center;align-items:center;gap:9px;color:#746b7a;font-size:8px;font-weight:800;letter-spacing:.12em}.login-footer a{display:inline-flex;align-items:center;gap:5px;color:#d5b4e2;text-decoration:none}.login-footer a svg{width:13px;height:13px}.preview-note{display:flex;justify-content:center;align-items:center;gap:7px;margin:20px 0 0;color:#716878;font-size:8px;line-height:1.5}.preview-note span{width:6px;height:6px;border-radius:50%;background:#a972bc}.login-bottom-mark{position:absolute;left:0;right:0;bottom:17px;display:flex;justify-content:center;align-items:center;gap:9px;color:#5d5564;font-size:7px;font-weight:800;letter-spacing:.17em}.login-bottom-mark i{width:18px;height:1px;background:#60476b}.dashboard-view{padding:29px 0 42px;animation:fade-in .36s ease both}.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.dashboard-head h1{margin:8px 0 6px;font-size:clamp(28px,4vw,40px);letter-spacing:-.055em}.head-copy{margin:0;color:#8f8795;font-size:11px}.account-chip{display:flex;align-items:center;gap:9px;padding:7px 9px 7px 7px;border:1px solid #ffffff18;border-radius:12px;background:#15111a}.account-orb{width:31px;height:31px;display:grid;place-items:center;border:1px solid #b44ae64d;border-radius:50%;background:#25162d;color:#e2b8f1;font-size:11px;font-weight:800}.account-chip strong,.account-chip small{display:block}.account-chip strong{font-size:8px;letter-spacing:.1em}.account-chip small{margin-top:4px;color:#898091;font-size:8px}.icon-button{width:32px;height:32px;margin-left:4px;border-left:1px solid #ffffff18}.phantom-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr);gap:15px;align-items:start}.regions-panel,.selected-panel,.how-card{border:1px solid #ffffff14;border-radius:16px;background:linear-gradient(145deg,#17131d,#100d14);box-shadow:0 20px 70px #0003}.regions-panel{padding:21px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading .eyebrow{display:flex;align-items:center;gap:7px}.live-mark{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #b44ae680}.panel-heading h2{margin:7px 0 0;font-size:22px;letter-spacing:-.045em}.count-pill{padding:6px 9px;border:1px solid #ffffff1a;border-radius:999px;color:#aba2b0;font-size:8px;font-weight:800;letter-spacing:.1em}.panel-copy{margin:8px 0 17px;color:#827a89;font-size:9px}.region-fieldset{padding:0;margin:0;border:0}.region-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.region-card{position:relative;min-height:105px;padding:13px;display:grid;grid-template-columns:1fr 26px;grid-template-rows:1fr auto;align-items:start;gap:10px;border:1px solid #382f3e;border-radius:12px;background:linear-gradient(145deg,#1a1520,#15111a);cursor:pointer;transition:transform .17s,border-color .17s,background .17s,box-shadow .17s}.region-card:hover{transform:translateY(-2px);border-color:#765687}.region-card:active{transform:translateY(0)}.region-card input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.region-card:has(input:checked){border-color:#ae69c3;background:linear-gradient(145deg,#281834,#1d1425);box-shadow:inset 0 0 0 1px #b44ae630,0 8px 25px #b44ae612}.region-code{width:34px;height:34px;display:grid;place-items:center;border:1px solid #4a3b51;border-radius:10px;background:#201927;color:#d6b7e0;font-size:9px;font-weight:850;letter-spacing:.08em}.region-name{grid-column:1;align-self:end}.region-name strong,.region-name small{display:block}.region-name strong{font-size:12px}.region-name small{margin-top:4px;color:#817888;font-size:8px}.selected-mark{grid-column:2;grid-row:1;align-self:center;width:23px;height:23px;display:grid;place-items:center;border:1px solid #514657;border-radius:50%;color:transparent}.selected-mark svg{width:13px;height:13px}.region-card:has(input:checked) .selected-mark{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 17px #b44ae64d}.card-arrow{grid-column:2;grid-row:2;justify-self:center;width:17px;height:17px;color:#817787;transition:transform .17s,color .17s}.region-card:hover .card-arrow{transform:translateX(2px);color:#d4a4e4}.region-card-wide{grid-column:1/-1;min-height:78px;grid-template-columns:42px 1fr 24px 18px;grid-template-rows:1fr;align-items:center}.region-card-wide .region-name{grid-column:2;grid-row:1;align-self:center}.region-card-wide .card-arrow{grid-column:4;grid-row:1}.region-card-wide .selected-mark{grid-column:3;grid-row:1;justify-self:center;align-self:start}.selection-note{min-height:16px;margin:12px 1px 0;color:#827a89;font-size:9px}.phantom-side{display:grid;gap:12px}.selected-panel{padding:18px}.selected-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-orbit{width:41px;height:41px;display:grid;place-items:center;border:1px solid #b44ae644;border-radius:13px;background:#23162b;color:#d39ae7}.panel-orbit svg{width:22px;height:22px}.panel-state{padding:6px 8px;border:1px solid #ffffff15;border-radius:999px;color:#a395ae;font-size:7px;font-weight:800;letter-spacing:.12em}.selected-panel h2{margin:8px 0 5px;font-size:24px;letter-spacing:-.045em}.selected-panel>p:not(.eyebrow){margin:0;color:#87808d;font-size:9px}.selected-separator{height:1px;margin:16px 0;background:#ffffff12}.protocol-row{display:flex;justify-content:space-between;gap:10px;margin:9px 0;color:#8b8391;font-size:9px}.protocol-row strong{color:#ddd5e2;font-size:9px;font-weight:700}.button-happ{width:100%;min-height:48px;margin-top:14px;padding:7px 11px;display:flex;align-items:center;gap:9px;border:1px solid #b457d9;border-radius:10px;background:linear-gradient(100deg,#a13ac8,#753399);color:#fff;text-align:left;cursor:pointer;transition:transform .17s,filter .17s,box-shadow .17s}.button-happ:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 8px 22px #b44ae629;transform:translateY(-1px)}.button-happ:disabled{border-color:#4a404e;background:#302a34;color:#827987;cursor:not-allowed;opacity:.7}.button-happ img{width:31px;height:31px;border-radius:8px;object-fit:cover}.button-happ span{flex:1;font-size:9px;font-weight:850;letter-spacing:.035em}.button-happ>svg{width:17px;height:17px}.preview-action-note{margin:10px 1px 0!important;color:#706777!important;font-size:8px!important;line-height:1.5}.how-card{padding:16px 18px}.how-card ol{list-style:none;padding:0;margin:12px 0}.how-card li{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid #ffffff0d}.how-card li span{width:21px;height:21px;display:grid;place-items:center;border:1px solid #644373;border-radius:7px;color:#d2a3e3;font-size:8px;font-weight:800}.how-card li p{margin:0;color:#b5acbb;font-size:9px}.how-card>a{display:flex;align-items:center;gap:5px;padding-top:12px;border-top:1px solid #ffffff12;color:#83798a;font-size:8px;text-decoration:none}.how-card>a strong{color:#d6b4e1}.how-card>a svg{width:14px;height:14px;margin-left:auto;color:#c190d2}.page-footer{width:min(100% - 36px,1160px);min-height:42px;margin:0 auto;display:flex;align-items:center;gap:8px;border-top:1px solid #ffffff12;color:#645c6b;font-size:7px;font-weight:800;letter-spacing:.15em}.page-footer>i{width:3px;height:3px;border-radius:50%;background:#795b86}.footer-note{margin-left:auto;color:#5e5764;font-size:7px}.notice-dialog{width:min(390px,calc(100% - 28px));padding:24px;border:1px solid #4e3b57;border-radius:15px;background:#15111a;color:#f6f3f8;box-shadow:0 20px 90px #000b}.notice-dialog::backdrop{background:#050407d9;backdrop-filter:blur(5px)}.notice-icon{width:48px;height:48px;margin-bottom:14px;padding:3px;border:1px solid #ffffff1c;border-radius:13px}.notice-icon img{width:100%;height:100%;border-radius:10px;object-fit:cover}.notice-dialog h2{margin:8px 0;font-size:21px;letter-spacing:-.035em}.notice-dialog>p:not(.eyebrow){margin:0 0 19px;color:#a69cab;font-size:11px;line-height:1.65}.notice-dialog .button-primary{min-height:44px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.phantom-dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)}.regions-panel{padding:17px}.region-card{min-height:98px;padding:11px}.selected-panel{padding:16px}}@media(max-width:650px){.topbar{width:calc(100% - 28px);height:58px}.topbar-actions{gap:10px}.top-get-key{font-size:8px}.page-shell{width:calc(100% - 28px)}.login-view{min-height:calc(100dvh - 100px);padding:32px 0}.login-orbit{top:12%;width:95vw}.login-content{width:min(100%,390px)}.login-content h1{font-size:34px}.dashboard-view{padding:20px 0 26px}.dashboard-head{align-items:flex-start;flex-direction:column;gap:13px}.dashboard-head h1{font-size:30px}.account-chip{width:100%}.phantom-dashboard-grid{grid-template-columns:1fr;gap:12px}.regions-panel{padding:16px}.region-grid{gap:8px}.region-card{min-height:98px}.selected-panel{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:3;padding:17px;background:#17131deb;backdrop-filter:blur(16px);box-shadow:0 14px 45px #0009}.how-card{padding:15px 17px}.page-footer{width:calc(100% - 28px);min-height:39px}.footer-note{font-size:6px}.button-happ{min-height:52px}.notice-dialog{padding:21px}}@media(max-width:390px){.topbar{width:calc(100% - 22px)}.brand-wordmark{font-size:9px}.topbar-actions{gap:6px}.preview-pill{padding:5px 7px;font-size:7px}.top-get-key{font-size:7px;letter-spacing:.1em}.page-shell{width:calc(100% - 22px)}.key-wrap{grid-template-columns:18px 1fr 67px 27px;gap:5px;padding-inline:9px}.paste-button{font-size:6px}.region-grid{grid-template-columns:1fr}.region-card,.region-card-wide{grid-column:auto;min-height:72px;grid-template-columns:42px 1fr 24px 18px;grid-template-rows:1fr;align-items:center}.region-name,.region-card-wide .region-name{grid-column:2;grid-row:1;align-self:center}.selected-mark{grid-column:3;grid-row:1;align-self:start}.card-arrow,.region-card-wide .card-arrow{grid-column:4;grid-row:1;align-self:center}.selected-panel h2{font-size:21px}.footer-note{letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}