:root{color-scheme:light;--accent:#9146b2;--accent-soft:#f3eaf7;--ink:#211c25;--muted:#77717d;--line:#ebe7ee;--canvas:#f7f6f8;--paper:#fff;--good:#2c8b63;font-family:Inter,"Space Grotesk",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{margin:0;min-height:100vh;background:var(--canvas);color:var(--ink)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;width:min(100% - 48px,1200px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand-mark{width:36px;height:36px;border-radius:50%;object-fit:cover}.brand-wordmark{display:flex;gap:5px;align-items:center;font-size:11px;letter-spacing:.15em}.brand-wordmark span{color:var(--accent);font-weight:750}.topbar-actions{display:flex;align-items:center;gap:22px}.preview-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e4dfe7;border-radius:999px;background:#fff;color:#6f6874;font-size:9px;font-weight:750;letter-spacing:.1em}.preview-pill i,.preview-dot{width:7px;height:7px;border-radius:50%;background:#c28ad2;display:inline-block}.top-get-key{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em;text-decoration:none}.top-get-key span{margin-left:4px}.page-shell{width:min(100% - 48px,1200px);margin:0 auto;flex:1}.view[hidden]{display:none!important}.login-view{min-height:calc(100vh - 125px);padding:48px 0 54px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.78fr);align-items:center;gap:clamp(44px,8vw,120px);animation:fade-up .42s ease both}.intro-copy{max-width:610px}.eyebrow,.mini-label,.card-kicker{margin:0;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-line{width:24px;height:2px;border-radius:2px;background:var(--accent)}.intro-copy h1{margin:24px 0 18px;font-size:clamp(42px,6.2vw,72px);line-height:1.01;letter-spacing:-.065em;font-weight:730}.intro-copy h1 span{color:var(--accent)}.intro-text{max-width:470px;margin:0;color:#6f6874;font-size:16px;line-height:1.75}.intro-facts{display:flex;gap:0;margin-top:42px;padding:20px 0;border-top:1px solid #e4dfe7;border-bottom:1px solid #e4dfe7}.intro-facts div{min-width:110px;padding:0 21px;border-right:1px solid #e4dfe7;display:grid;gap:3px}.intro-facts div:first-child{padding-left:0}.intro-facts div:last-child{border:0}.intro-facts strong{font-size:21px;letter-spacing:-.04em}.intro-facts span{color:#817a86;font-size:10px}.intro-foot{display:flex;align-items:center;gap:9px;margin-top:22px;color:#746d79;font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#72b698;box-shadow:0 0 0 4px #72b69820}.login-card{width:100%;max-width:440px;padding:34px;background:var(--paper);border:1px solid #e9e5ec;border-radius:18px;box-shadow:0 22px 65px #2d1f3510;justify-self:end}.card-logo{width:46px;height:46px;display:block;margin-bottom:22px;border-radius:50%;object-fit:cover}.card-kicker{font-size:9px}.login-card h2{margin:9px 0 5px;font-size:26px;letter-spacing:-.04em}.card-intro{margin:0 0 25px;color:var(--muted);font-size:13px}.login-card label{display:block;margin:0 0 8px;color:#514a57;font-size:11px;font-weight:700}.input-wrap{height:50px;display:grid;grid-template-columns:22px 1fr 35px;align-items:center;gap:9px;padding:0 12px;border:1px solid #ded9e2;border-radius:10px;background:#fff;transition:border-color .17s,box-shadow .17s}.input-wrap:focus-within{border-color:#a765c1;box-shadow:0 0 0 4px #b44ae619}.input-icon{width:18px;color:#8c8491}.input-wrap input{min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.input-wrap input::placeholder{color:#aaa4af}.reveal-button,.icon-button{display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}.reveal-button{width:34px;height:34px;border-radius:8px;color:#837b89}.reveal-button:hover{background:#f7f4f8;color:var(--accent)}.reveal-button svg,.icon-button svg{width:19px;height:19px}.field-error{min-height:18px;margin:6px 0 2px;color:#ba3658;font-size:11px}.button-primary{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:12px;font-weight:800;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}.button-primary:hover:not(:disabled){background:#7d359d;box-shadow:0 8px 20px #9146b233;transform:translateY(-1px)}.button-primary:active:not(:disabled){transform:translateY(0)}.button-primary:disabled{opacity:.46;cursor:not-allowed}.button-primary svg{width:18px;height:18px}.button-primary:focus-visible,.get-key-button:focus-visible,.top-get-key:focus-visible,.region-selector:focus-visible,.icon-button:focus-visible,.sheet-close:focus-visible,.button-happ:focus-visible{outline:3px solid #c797d7;outline-offset:3px}.login-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:11px;margin:20px 0 13px;color:#9a939f;font-size:8px;font-weight:800;letter-spacing:.13em}.login-divider span:first-child,.login-divider span:last-child{height:1px;background:var(--line)}.get-key-button{min-height:46px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e4dfe7;border-radius:10px;background:#fff;color:#4e4654;text-decoration:none;font-size:12px;font-weight:700;transition:border-color .15s,background .15s}.get-key-button:hover{border-color:#c9add2;background:#fcf9fd}.get-key-button svg{width:17px;height:17px;color:var(--accent)}.card-note{display:flex;align-items:center;gap:7px;margin:18px 0 0;color:#8a838e;font-size:9px;line-height:1.5}.card-note .preview-dot{width:6px;height:6px;flex:0 0 auto}.dashboard-view{padding:37px 0 48px;animation:fade-up .38s ease both}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.dashboard-heading h1{margin:10px 0 5px;font-size:clamp(28px,4vw,42px);letter-spacing:-.055em}.dashboard-subtitle{margin:0;color:var(--muted);font-size:13px}.dashboard-user{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border:1px solid var(--line);border-radius:13px;background:#fff}.user-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:800}.dashboard-user strong,.dashboard-user small{display:block}.dashboard-user strong{font-size:11px}.dashboard-user small{margin-top:3px;color:#8b8490;font-size:9px}.icon-button{width:35px;height:35px;margin-left:7px;border-left:1px solid var(--line);color:#817987}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);gap:18px;align-items:start}.dashboard-main,.dashboard-side{display:grid;gap:18px}.route-card,.steps-card,.happ-card,.help-card{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 28px #2d1f3507}.route-card{padding:24px}.route-card-top{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px}.route-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#f5eff8;color:var(--accent)}.route-symbol svg{width:25px;height:25px}.mini-label{font-size:8px;color:#8e8392}.route-card h2{margin:6px 0 0;font-size:24px;letter-spacing:-.04em}.route-status{padding:6px 9px;border:1px solid #ebe6ee;border-radius:999px;color:#8b8490;font-size:8px;font-weight:800;letter-spacing:.1em}.route-description{margin:18px 0 15px;color:#756e7a;font-size:12px;line-height:1.55}.region-selector{width:100%;min-height:70px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e2dce6;border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.region-selector:hover{border-color:#b886c8;box-shadow:0 6px 18px #9146b213;transform:translateY(-1px)}.selector-leading{display:flex;align-items:center;gap:12px}.selector-code{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:850}.selector-leading small,.selector-leading strong{display:block}.selector-leading small{color:#938a98;font-size:8px;font-weight:800;letter-spacing:.13em}.selector-leading strong{margin-top:4px;font-size:13px}.selector-trailing{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:10px;font-weight:800}.selector-trailing svg{width:19px;height:19px}.route-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;color:#7b7480;font-size:10px}.route-meta span{display:inline-flex;align-items:center;gap:6px}.meta-check{width:6px;height:6px;border-radius:50%;background:#7ab798}.steps-card{padding:23px 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.section-heading h2{margin:6px 0 0;font-size:20px;letter-spacing:-.04em}.steps-mark{color:#b2aab6;font-size:9px;font-weight:800;letter-spacing:.1em}.steps-list{list-style:none;padding:0;margin:0}.steps-list li{display:grid;grid-template-columns:36px 1fr;gap:11px;padding:13px 0;border-top:1px solid #f0edf2}.steps-list li>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#f8f4fa;color:var(--accent);font-size:9px;font-weight:800}.steps-list strong{font-size:12px}.steps-list p{margin:4px 0 0;color:#827b87;font-size:10px;line-height:1.5}.happ-card{padding:20px}.happ-card-heading{display:flex;align-items:center;gap:11px}.happ-card-heading img,.button-happ img{width:39px;height:39px;border-radius:10px;object-fit:cover}.happ-card-heading small,.happ-card-heading strong{display:block}.happ-card-heading small{color:#9a929f;font-size:8px;font-weight:800;letter-spacing:.13em}.happ-card-heading strong{margin-top:4px;font-size:11px}.external-mark{margin-left:auto;color:#918897}.external-mark svg{width:18px;height:18px}.happ-card h2{margin:20px 0 7px;font-size:20px;letter-spacing:-.04em}.happ-card>p:not(.secure-note){margin:0 0 17px;color:#7b7480;font-size:11px;line-height:1.6}.button-happ{width:100%;min-height:54px;padding:7px 12px;display:flex;align-items:center;gap:10px;border:0;border-radius:11px;background:#19151d;color:#fff;text-align:left;cursor:pointer;transition:transform .16s,background .16s,box-shadow .16s}.button-happ:hover:not(:disabled){background:#2a2230;box-shadow:0 8px 18px #19151d20;transform:translateY(-1px)}.button-happ:disabled{background:#bcb5c0;color:#fff;cursor:not-allowed;opacity:.68}.button-happ img{width:34px;height:34px;border-radius:8px}.button-happ span{flex:1;font-size:11px;font-weight:800}.button-happ>svg{width:18px;height:18px}.secure-note{display:flex;align-items:flex-start;gap:7px;margin:13px 0 0;color:#8b8490;font-size:9px;line-height:1.5}.secure-note svg{width:15px;height:15px;flex:0 0 auto;color:var(--good)}.help-card{min-height:70px;padding:12px;display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;transition:border-color .16s,transform .16s}.help-card:hover{border-color:#c6a4d1;transform:translateY(-1px)}.help-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#f5eff8;color:var(--accent)}.help-icon svg{width:19px;height:19px}.help-card strong,.help-card small{display:block}.help-card strong{font-size:11px}.help-card small{margin-top:3px;color:#8a838e;font-size:9px}.help-arrow{width:16px;height:16px;margin-left:auto;color:#948b99}.page-footer{width:min(100% - 48px,1200px);min-height:45px;margin:0 auto;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);color:#8b8490;font-size:8px;font-weight:800;letter-spacing:.13em}.page-footer>i{width:3px;height:3px;border-radius:50%;background:#b59bbb}.footer-preview{margin-left:auto;color:#a9a2ad;font-size:8px}.region-sheet,.notice-dialog{color-scheme:light;border:1px solid #e6e1e8;background:#fff;color:var(--ink);box-shadow:0 22px 90px #17111b38}.region-sheet{position:fixed;inset:auto 0 0;width:min(100%,640px);max-width:none;max-height:min(82dvh,690px);margin:0 auto;padding:10px 22px max(22px,env(safe-area-inset-bottom));overflow:auto;border-radius:23px 23px 0 0;border-bottom:0;animation:sheet-rise .24s cubic-bezier(.2,.8,.2,1) both}.region-sheet[open]{display:block}.region-sheet::backdrop,.notice-dialog::backdrop{background:#1d152475;backdrop-filter:blur(4px)}.sheet-handle{width:38px;height:4px;margin:0 auto 22px;border-radius:4px;background:#ded9e1}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.sheet-heading h2{margin:6px 0 0;font-size:23px;letter-spacing:-.04em}.sheet-close{width:39px;height:39px;display:grid;place-items:center;border:1px solid #e5e0e8;border-radius:50%;background:#fff;color:#6f6874;cursor:pointer}.sheet-close svg{width:18px;height:18px}.region-fieldset{padding:0;margin:0;border:0}.region-list{display:grid;gap:8px}.region-row{position:relative;min-height:68px;padding:9px 14px;display:grid;grid-template-columns:42px 1fr 25px 20px;align-items:center;gap:12px;border:1px solid #ece8ef;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.region-row:hover{border-color:#c9aed3;background:#fdfafd;transform:translateX(2px)}.region-row input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.region-row:focus-within{outline:2px solid #be8ccd;outline-offset:2px}.region-row:has(input:checked){border-color:#b98ac7;background:#fbf6fd;box-shadow:inset 3px 0 var(--accent)}.region-code{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f3ebf6;color:var(--accent);font-size:10px;font-weight:850}.region-copy strong,.region-copy small{display:block}.region-copy strong{font-size:13px}.region-copy small{margin-top:4px;color:#938b98;font-size:9px}.region-check{width:21px;height:21px;display:grid;place-items:center;border:1px solid #dad4de;border-radius:50%;color:transparent}.region-check svg{width:13px;height:13px}.region-row:has(input:checked) .region-check{border-color:var(--accent);background:var(--accent);color:#fff}.row-arrow{width:17px;height:17px;color:#a59ca9}.region-row:has(input:checked) .row-arrow{color:var(--accent)}.sheet-footnote{margin:14px 2px 0;color:#8c8491;font-size:10px}.notice-dialog{width:min(400px,calc(100% - 28px));padding:26px;border-radius:18px}.notice-dialog::backdrop{background:#1d152475;backdrop-filter:blur(4px)}.notice-icon{width:52px;height:52px;margin-bottom:16px;padding:4px;border:1px solid #eee8f0;border-radius:14px}.notice-icon img{width:100%;height:100%;border-radius:10px;object-fit:cover}.notice-dialog h2{margin:7px 0 8px;font-size:23px;letter-spacing:-.04em}.notice-dialog>p:not(.mini-label){margin:0 0 20px;color:#756e7a;font-size:12px;line-height:1.65}.notice-dialog .button-primary{min-height:45px}.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-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-rise{from{opacity:.75;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.login-view{gap:42px;grid-template-columns:1fr 370px}.intro-copy h1{font-size:54px}.dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}}@media(max-width:680px){.topbar{width:calc(100% - 32px);height:60px}.topbar-actions{gap:11px}.top-get-key{font-size:9px}.preview-pill{padding:6px 8px;font-size:8px}.page-shell{width:calc(100% - 32px)}.login-view{min-height:auto;padding:28px 0 34px;grid-template-columns:1fr;gap:26px}.intro-copy{padding:0 2px}.intro-copy h1{margin:16px 0 12px;font-size:clamp(39px,11vw,55px)}.intro-text{font-size:13px}.intro-facts{margin-top:22px;padding:14px 0}.intro-facts div{min-width:0;flex:1;padding:0 12px}.intro-facts strong{font-size:18px}.intro-facts span{font-size:9px}.intro-foot{font-size:10px}.login-card{max-width:none;padding:24px 20px;border-radius:16px}.card-logo{width:40px;height:40px;margin-bottom:15px}.login-card h2{font-size:23px}.dashboard-view{padding:22px 0 28px}.dashboard-heading{align-items:flex-start;flex-direction:column;margin-bottom:17px}.dashboard-heading h1{font-size:31px}.dashboard-subtitle{font-size:11px}.dashboard-user{width:100%}.dashboard-grid{grid-template-columns:1fr;gap:13px}.dashboard-main,.dashboard-side{display:contents}.dashboard-main,.dashboard-side{gap:13px}.route-card{order:1}.happ-card{order:2;position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:3;box-shadow:0 12px 38px #2d1f3522}.steps-card{order:3}.help-card{order:4}.route-card,.steps-card{padding:18px}.route-card h2{font-size:20px}.route-card-top{grid-template-columns:42px 1fr auto;gap:10px}.route-symbol{width:42px;height:42px;border-radius:12px}.route-status{padding:5px 7px;font-size:7px}.region-selector{min-height:65px;padding:10px}.route-meta{gap:10px;font-size:9px}.steps-card{padding:18px}.happ-card{padding:18px}.help-card{min-height:66px}.page-footer{width:calc(100% - 32px);min-height:40px}.footer-preview{font-size:7px}.region-sheet{padding-inline:16px}.notice-dialog{padding:22px}}@media(max-width:380px){.topbar{width:calc(100% - 24px)}.brand-wordmark{font-size:9px}.preview-pill{font-size:7px;letter-spacing:.07em}.topbar-actions{gap:7px}.page-shell{width:calc(100% - 24px)}.intro-facts div{padding:0 8px}.intro-facts span{font-size:8px}.dashboard-heading h1{font-size:27px}.route-card-top{grid-template-columns:40px 1fr}.route-status{grid-column:2;justify-self:start}.selector-trailing{font-size:0}.selector-trailing svg{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}