:root{color-scheme:light;--bg:#f5f7f9;--surface:#fff;--soft:#f0f4f6;--ink:#172b35;--muted:#637984;--line:#dfe7ec;--green:#087e80;--mint:#e6f5f3;--danger:#b33e4a;--gold:#927125;--shadow:0 8px 30px #17364108;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;color:inherit;background:none}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #49b8bc;outline-offset:3px}a{color:var(--green)}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.17;letter-spacing:-1.2px;font-weight:750;margin:8px 0 12px}h2{font-size:19px;line-height:1.3;letter-spacing:-.4px;font-weight:700}h3{font-size:16px;line-height:1.4;letter-spacing:-.25px;font-weight:700}p{color:var(--muted);margin:8px 0;line-height:1.6}.small,small{font-size:12px;color:var(--muted)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase;color:var(--green)}.layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100dvh;max-width:1280px;margin:auto}aside{position:sticky;top:0;height:100dvh;padding:34px 24px;border-right:1px solid var(--line);background:var(--surface)}.brand,.mobile-brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:750;letter-spacing:-.5px;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:1.3px;margin-top:3px;font-weight:600}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--ink);color:#72d9d3;flex-shrink:0}aside nav{display:grid;gap:8px;margin-top:48px}aside nav button{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 15px;border-radius:12px;text-align:left;font-weight:650;color:var(--muted)}aside nav button.active{background:var(--mint);color:var(--green)}aside nav button:hover:not(:disabled){background:var(--soft)}.asidefoot{position:absolute;bottom:30px;left:24px;right:20px;display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}main{padding:32px 44px 64px;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:34px;min-height:40px}.desktop-label{font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:650}.mobile-brand{display:none}.page-heading{margin-bottom:26px}.page-heading>div>p{max-width:440px;font-size:14px}.tag{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:700;line-height:1.3;background:var(--mint);color:var(--green);padding:6px 9px;border-radius:7px;white-space:nowrap}.tag.neutral{background:var(--soft);color:var(--muted)}.tag.amber{background:#faf0d9;color:#8a6415}.status-dot{width:5px;height:5px;background:currentColor;border-radius:50%;display:inline-block}.hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:22px;background:#163743;color:#fff;padding:28px 30px}.hero h2{font-size:26px;letter-spacing:-.8px;line-height:1.25;margin:13px 0}.hero p{font-size:13px;color:#b6cdd5;line-height:1.7;margin:0}.hero .eyebrow{color:#8adecf;font-size:9px}.hero-art{width:180px;color:#8adecf;flex-shrink:0}.section{margin-top:30px;margin-bottom:14px}.section-intro{font-size:12px;margin:-6px 0 16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.wrap{flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.list{display:grid;gap:12px}.card,.rule{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);min-width:0}.scanner-card{display:flex;flex-direction:column}.scanner-card>.row{margin-bottom:18px}.scanner-card>.row .tag{font-size:9px}.scanner-card h3{font-size:18px}.scanner-card>p{font-size:13px;line-height:1.65;margin:9px 0 17px;flex:1}.icon{height:46px;width:46px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#e4f4f4;color:#087e80}.scanner-chaos .icon{background:#f0edfc;color:#7460b7}.scanner-supply-demand .icon{background:#fff1e5;color:#ad743e}.scanner-rangepulse .icon{background:#eaf1fc;color:#4e7ab8}.scanner-facts{display:flex;gap:14px;align-items:center;font-size:11px;color:var(--muted);padding:14px 0;border-top:1px solid var(--line)}.scanner-facts span{display:inline-flex;align-items:center;gap:5px}.card-actions{display:grid;gap:4px;margin-top:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 18px;line-height:1.3;text-align:center;text-decoration:none;font-size:13px;font-weight:700;border-radius:11px;background:var(--green);border:1px solid transparent;color:#fff;transition:background .15s,box-shadow .15s;white-space:normal}.btn:hover:not(:disabled){background:#05696c;box-shadow:0 3px 10px #087e8020}.btn:active:not(:disabled){transform:translateY(1px)}.btn.full{width:100%;margin-top:14px}.card-actions .btn.full{margin-top:0}.btn.secondary{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.btn.secondary:hover:not(:disabled){background:var(--soft)}.btn.danger{background:var(--danger);color:#fff}.link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 0;font-size:12px;font-weight:650;color:var(--green);text-align:center;text-decoration:none;line-height:1.4}.link:hover:not(:disabled){text-decoration:underline}.link.full{width:100%}.details-link{font-size:11px;color:var(--muted);min-height:36px}.footnote{display:flex;justify-content:center;align-items:center;gap:8px;margin:22px 0;font-size:11px;color:var(--muted)}.notice,.error{display:flex;align-items:flex-start;gap:9px;border-radius:11px;padding:13px 15px;margin:16px 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.notice{background:var(--mint);color:var(--green);border:1px solid #cae8e3}.notice svg{margin-top:2px}.error{background:#fff0f1;border:1px solid #f3d7dc;color:#9c3041}.profile-card{display:flex;align-items:center;gap:17px;padding:24px}.profile-card h2{overflow-wrap:anywhere}.profile-card p{margin:3px 0 9px;font-size:12px}.profile-avatar{display:flex;align-items:center;justify-content:center;width:62px;height:62px;flex-shrink:0;border-radius:19px;color:var(--green);background:var(--mint);font-size:21px;font-weight:750}.item-heading{display:flex;gap:10px;align-items:center;min-width:0}.item-heading h3{font-size:14px;overflow-wrap:anywhere}.mini-icon{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;flex-shrink:0;background:var(--soft);border-radius:9px;color:var(--muted)}.subscription-card>p{font-size:12px}.connection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.connection-row:last-child{border:0}.connection-row strong{font-size:13px}.connection-row p{font-size:12px;margin:2px 0;overflow-wrap:anywhere}.connection-actions{display:flex;gap:8px;align-items:center}.icon-button,.close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:10px;background:var(--soft)}.danger-text{color:var(--danger)}.settings-list{padding:6px 18px}.settings-button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:16px 0;min-height:56px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:13px;font-weight:600;text-align:left}.settings-button:last-child{border:0}.settings-button>span{display:flex;gap:12px;align-items:center}.settings-button svg{color:var(--muted)}.empty{text-align:center;padding:30px 20px;border:1px dashed var(--line);border-radius:16px}.empty p{font-size:12px}.empty-icon{display:inline-flex;align-items:center;justify-content:center;height:56px;width:56px;border-radius:17px;background:var(--soft);color:var(--muted);margin-bottom:14px}.field{display:grid;gap:8px;margin:20px 0;font-size:12px;font-weight:650;color:var(--ink)}input,select{display:block;width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:14px;line-height:1.4}input::placeholder{color:var(--muted);font-weight:400}select{padding-right:28px}.pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}.pill{display:flex;align-items:center;justify-content:center;min-height:43px;padding:9px 5px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:11px;font-weight:600;line-height:1.3;text-align:center}.pill.selected{background:var(--mint);border-color:var(--green);color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.summary{display:grid;gap:12px;padding:17px;border-radius:12px;background:var(--soft);font-size:13px;overflow-wrap:anywhere}.summary .row{align-items:flex-start;font-size:12px}.summary .row strong{text-align:right}.rule .row>div{min-width:0}.rule h3{margin-top:5px;overflow-wrap:anywhere}.rule p{font-size:12px}.rule>.row:last-child{border-top:1px solid var(--line);margin-top:12px;padding-top:4px}.switch{height:28px;width:46px;background:#a8b8c0;padding:3px;border-radius:20px;flex-shrink:0}.switch:before{content:"";display:block;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .2s}.switch.on{background:var(--green)}.switch.on:before{transform:translate(18px)}.bottom{display:none}dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);width:min(480px,calc(100% - 24px));max-height:90dvh;padding:24px!important;border-radius:22px!important;box-shadow:0 20px 80px #122d3a33;overflow-wrap:anywhere}dialog::backdrop{background:#102a3ab3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog>.row:first-child{padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:18px}dialog>.row:first-child h2{font-size:18px;min-width:0}dialog p{font-size:13px}fieldset{padding:0;border:0;margin:0;min-width:0}.steps{display:flex;gap:6px;margin:13px 0 22px}.steps i{height:4px;flex:1;background:var(--line);border-radius:4px}.steps i.done{background:var(--green)}.advanced{margin:15px 0;background:var(--soft);padding:12px;border-radius:10px;font-size:12px;color:var(--muted)}.advanced summary{cursor:pointer;font-weight:600}.advanced .field{margin-bottom:0}.checkout-intro{font-weight:650;color:var(--ink)}.receipt{padding:16px 0;border-bottom:1px solid var(--line)}[data-theme=dark]{color-scheme:dark;--bg:#101c24;--surface:#192a34;--soft:#213743;--ink:#edf4f7;--muted:#a4b9c4;--line:#304754;--green:#57c6c2;--mint:#1b3d43;--danger:#d45e70;--shadow:0 5px 20px #00000012}[data-theme=dark] .btn{background:#64cfca;color:#102c33}[data-theme=dark] .btn:hover:not(:disabled){background:#85dfda}[data-theme=dark] .btn.secondary{background:var(--surface);color:var(--ink)}[data-theme=dark] .btn.secondary:hover:not(:disabled){background:var(--soft)}[data-theme=dark] .btn.danger{background:#b64457;color:#fff}[data-theme=dark] .hero{background:#1e4250}[data-theme=dark] .icon{background:#1c434b;color:#78d4d0}[data-theme=dark] .scanner-chaos .icon{background:#383350;color:#c5b9fa}[data-theme=dark] .scanner-supply-demand .icon{background:#493a30;color:#ecc098}[data-theme=dark] .scanner-rangepulse .icon{background:#2b3d58;color:#b3cff8}[data-theme=dark] .notice{border-color:#31565b}[data-theme=dark] .error{background:#482d39;color:#f8c1cd;border-color:#64424b}[data-theme=dark] .tag.amber{background:#493e28;color:#ebd49c}@media(min-width:1000px){.grid{gap:20px}.scanner-card{padding:25px}.hero{padding:32px}.hero-art{width:210px}}@media(max-width:760px){.layout{display:block}aside{display:none}main{padding:20px 20px calc(115px + env(safe-area-inset-bottom));max-width:600px;margin:auto}.top{margin-bottom:30px}.mobile-brand{display:flex}.mobile-brand .logo-mark{width:33px;height:33px;border-radius:10px}.mobile-brand strong{font-size:15px}.desktop-label{display:none}.top>.tag{font-size:9px}h1{font-size:28px;letter-spacing:-.9px}.page-heading{margin-bottom:23px}.page-heading>div>p{font-size:13px;max-width:310px}.hero{padding:23px;border-radius:18px;gap:0}.hero h2{font-size:23px}.hero p{font-size:12px}.hero-art{position:absolute;width:145px;right:-25px;bottom:-8px;opacity:.15}.hero-copy{position:relative;z-index:1}.hero .eyebrow{font-size:8px}.grid{grid-template-columns:1fr;gap:14px}.card{padding:20px}.scanner-card>.row{margin-bottom:15px}.scanner-card>p{max-width:360px}.scanner-card .card-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;margin-top:5px}.scanner-card .btn{font-size:12px}.scanner-card .details-link{font-size:11px;min-height:46px}.section{margin-top:27px}.section h2{font-size:18px}.bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:4;gap:6px;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 24px #17364106}.bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:52px;margin:0;padding:6px 4px;color:var(--muted);font-size:10px;font-weight:650;line-height:1.2;text-align:center;border-radius:12px}.bottom button span{display:flex;align-items:center;justify-content:center;width:24px;height:23px}.bottom button.active{background:var(--mint);color:var(--green)}.profile-card{display:flex;padding:20px;gap:14px}.profile-avatar{width:54px;height:54px;border-radius:16px}.profile-card h2{font-size:17px}.subscription-card{padding:18px}.subscription-card .row,.item-heading{gap:8px}.item-heading h3{font-size:12px}.item-heading .mini-icon{width:29px;height:29px}.subscription-card .tag{font-size:9px}.footnote{align-items:flex-start;text-align:left;line-height:1.6}.footnote svg{margin-top:2px}.settings-list{padding:5px 17px}.btn{min-height:48px}input,select{font-size:16px}.rule{padding:18px}.close{width:38px;height:38px}dialog{padding:20px!important}.summary{padding:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
