:root{--navy: #0b1f3a;--navy-2: #14365f;--blue: #1c64f2;--blue-press: #1650c9;--blue-soft: #e8f0fe;--bg: #f3f5f9;--surface: #ffffff;--line: #e3e8ef;--ink: #0f1a2b;--ink-2: #4a5568;--ink-3: #6b7689;--green: #12733a;--green-soft: #e4f5ea;--amber: #9a5200;--amber-soft: #fff1d6;--red: #b42318;--red-soft: #fdeceb;--r-s: 10px;--r-m: 14px;--r-l: 20px;--shadow-1: 0 1px 2px rgba(11, 31, 58, .06), 0 2px 8px rgba(11, 31, 58, .05);--shadow-2: 0 8px 28px rgba(11, 31, 58, .16);--nav-h: 68px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body{margin:0;background:#dfe5ee;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,p{margin:0}a{color:var(--blue);text-decoration:none}:focus-visible{outline:3px solid rgba(28,100,242,.45);outline-offset:2px}.ic{flex:none;display:block}#app{min-height:100dvh}.shell{max-width:480px;min-height:100dvh;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;position:relative;box-shadow:0 0 40px #00000014}.shell.wide{max-width:720px}@media (max-width: 480px){.shell{box-shadow:none}}.appbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:calc(var(--safe-t) + 10px) 12px 10px 16px;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);min-height:60px}.appbar-t{flex:1;min-width:0}.appbar h1{font-size:19px;font-weight:750;letter-spacing:-.2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar p{font-size:12.5px;color:var(--ink-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none}.icon-btn:active{background:#e9edf4}.icon-btn.on{background:var(--blue-soft);color:var(--blue)}.icon-btn:disabled{opacity:.5}.icon-btn.glass{background:#ffffff24;color:#fff}.icon-btn.spin .ic{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content{flex:1;padding:14px 14px calc(var(--nav-h) + var(--safe-b) + 24px);display:flex;flex-direction:column;gap:12px}.offline-bar{background:var(--navy);color:#fff;font-size:12.5px;padding:calc(var(--safe-t) + 6px) 14px 6px;display:flex;gap:8px;align-items:center;justify-content:center;text-align:center}.card{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow-1);padding:16px;display:flex;flex-direction:column;gap:12px}.card.flush{padding:4px 0;gap:0;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-head h2{font-size:16px;font-weight:700}.muted-card{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-m);padding:16px;text-align:center;color:var(--ink-3);font-size:13.5px}.muted-line{font-size:12.5px;color:var(--ink-3);text-align:center}.muted{color:var(--ink-3)}.small{font-size:12.5px}.h{font-size:14px;font-weight:700}.sec-h{font-size:12px;font-weight:750;color:var(--ink-3);text-transform:uppercase;letter-spacing:.7px;margin:6px 4px -2px}.amt{font-variant-numeric:tabular-nums}.sheet-p{font-size:14px;color:var(--ink-2)}.sheet-p.muted{color:var(--ink-3);font-size:12.5px}.hint{font-size:12.5px;color:var(--ink-3);text-align:center}.list{display:flex;flex-direction:column;gap:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--r-m);min-height:48px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;background:var(--blue);color:#fff;transition:transform .06s,background .15s}.btn:active{transform:scale(.985);background:var(--blue-press)}.btn:disabled{opacity:.5;transform:none;cursor:default}.btn.primary{background:var(--blue);color:#fff}.btn.secondary,.btn.ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)}.btn.secondary:active,.btn.ghost:active{background:#eef1f6}.btn.quiet{background:transparent;color:var(--blue);min-height:44px}.btn.quiet:active{background:var(--blue-soft)}.btn.danger{background:var(--surface);color:var(--red);border:1.5px solid #f2c4c0}.btn.navy{background:var(--navy)}.btn.sm{min-height:40px;padding:0 14px;font-size:14px;border-radius:12px}.btn.big{min-height:56px;font-size:16.5px;border-radius:16px;box-shadow:0 8px 20px #1c64f240}.btn.block{width:100%}.btn-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--ink-3);font-size:13px;text-decoration:underline;padding:6px;align-self:center}.input{width:100%;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-m);padding:13px 14px;min-height:48px;font-size:16px;color:var(--ink)}.input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #1c64f22e}textarea.input{resize:none}.num{width:100%;text-align:center;font-weight:700;font-size:17px;padding:10px 4px;min-height:48px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;font-weight:650;color:var(--ink-2)}.pw{position:relative}.pw .input{padding-right:70px}.pw-toggle{position:absolute;right:6px;top:6px;bottom:6px;border:0;background:none;color:var(--blue);font-weight:700;padding:0 10px;border-radius:10px}.search{min-width:0;display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-m);padding:0 14px;min-height:48px;color:var(--ink-3)}.search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1c64f22e}.search input{flex:1;border:0;outline:0;background:none;font-size:16px;min-width:0;padding:12px 0;color:var(--ink)}.search.dark{background:#ffffff1f;border-color:transparent;color:#fffc;flex:1}.search.dark input{color:#fff}.search.dark input::placeholder{color:#ffffffa6}.err{background:var(--red-soft);color:var(--red);border-radius:var(--r-m);padding:11px 14px;font-size:13.5px;font-weight:550}.warn{background:var(--amber-soft);color:var(--amber);border-radius:var(--r-m);padding:11px 14px;font-size:13.5px;font-weight:550}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:2px 14px 4px}.chips::-webkit-scrollbar{display:none}.chips.wrap{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:0 14px;min-height:38px;font-size:13.5px;font-weight:600;white-space:nowrap;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.chip-n{font-size:12px;opacity:.7;font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap;line-height:1.3}.t-grey{background:#eceff4;color:var(--ink-2)}.t-blue{background:var(--blue-soft);color:#1747b8}.t-green{background:var(--green-soft);color:var(--green)}.t-amber{background:var(--amber-soft);color:var(--amber)}.t-red{background:var(--red-soft);color:var(--red)}.bnav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:10;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:6px 6px calc(var(--safe-b) + 6px)}.bnav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-size:11.5px;font-weight:650;color:var(--ink-3);min-height:52px}.bnav-ic{position:relative;width:56px;height:30px;border-radius:16px;display:grid;place-items:center;transition:background .15s}.bnav button.on{color:var(--navy)}.bnav button.on .bnav-ic{background:var(--blue-soft);color:var(--blue)}.badge{position:absolute;top:-2px;right:6px;background:var(--red);color:#fff;font-style:normal;font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + var(--safe-b) + 14px);transform:translate(-50%);background:var(--navy);color:#fff;padding:12px 18px;border-radius:var(--r-m);font-size:14px;box-shadow:var(--shadow-2);z-index:60;width:max-content;max-width:min(92vw,440px);animation:toast-in .18s ease-out}.shell.wide .toast{bottom:calc(var(--safe-b) + 150px)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1f3a80;z-index:50;display:flex;justify-content:center;align-items:flex-end;animation:fade .15s}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:480px;background:var(--bg);border-radius:24px 24px 0 0;padding:8px 16px calc(var(--safe-b) + 18px);max-height:92dvh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;animation:sheet-in .22s ease-out}@keyframes sheet-in{0%{transform:translateY(40px);opacity:.6}}.grabber{width:40px;height:4px;border-radius:2px;background:#cdd5e1;align-self:center;margin:4px 0 2px}.sheet-t{font-size:18px;font-weight:750}.menu-list{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-1)}.menu-body{padding:12px 16px;background:#fafbfd;border-top:1px solid var(--line)}.steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--ink-2);font-size:14.5px}.list-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding:12px 16px;min-height:56px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row:not(.static):active{background:#f1f4f9}.list-row:disabled{opacity:.55}.row-ic{width:38px;height:38px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:none}.row-ic.danger{background:var(--red-soft);color:var(--red)}.row-main{flex:1;min-width:0;display:flex;flex-direction:column}.row-t{font-size:15px;font-weight:650;overflow-wrap:anywhere}.row-s{font-size:12.5px;color:var(--ink-3);overflow-wrap:anywhere}.row-chev{color:#aab3c2}.login{min-height:100dvh;background:linear-gradient(170deg,var(--navy) 0%,var(--navy-2) 100%);display:flex;flex-direction:column}.brand{padding:calc(var(--safe-t) + 64px) 24px 36px;text-align:center;color:#fff}.logo{width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,#3b82f6,var(--blue));margin:0 auto 16px;display:grid;place-items:center;font-weight:800;font-size:30px;color:#fff;box-shadow:0 10px 24px #00000040}.brand h1{font-size:24px;font-weight:750;letter-spacing:-.3px}.brand p{font-size:13.5px;opacity:.75;margin-top:4px}.login-card{background:var(--bg);flex:1;border-radius:28px 28px 0 0;padding:28px 20px calc(var(--safe-b) + 24px);display:flex;flex-direction:column;gap:16px}.splash{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:12px;background:var(--navy);color:#fff}.splash-t{font-weight:700;letter-spacing:1px;opacity:.8}.hero{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;padding:calc(var(--safe-t) + 18px) 18px 52px}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hero-hi{font-size:13.5px;opacity:.75}.hero-name{font-size:24px;font-weight:750;letter-spacing:-.3px;margin-top:2px}.hero-route{font-size:13px;opacity:.8;margin-top:2px}.hero-date{display:inline-block;margin-top:14px;font-size:12.5px;font-weight:650;background:#ffffff24;padding:5px 12px;border-radius:999px}.content.home{margin-top:-34px;padding-top:0}.progress{gap:12px}.progress-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.progress-right{text-align:right}.stat-label{font-size:12.5px;font-weight:650;color:var(--ink-3)}.stat-big{font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-top:2px}.stat-big span{font-size:15px;font-weight:600;color:var(--ink-3);letter-spacing:0}.stat-money{font-size:20px;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}.bar{height:8px;border-radius:4px;background:#e6ebf3;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#4f8cff);border-radius:4px;transition:width .3s}.progress-foot{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-3);font-weight:600}.alert-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r-m);font-size:14px;min-height:52px}.alert-row span{flex:1}.alert-row.amber{background:var(--amber-soft);color:var(--amber)}.alert-row.blue{background:var(--blue-soft);color:#1747b8}.sync-card{flex-direction:row;align-items:center;justify-content:space-between}.sync-t{font-weight:700}.sync-s{font-size:12.5px;color:var(--ink-3);margin-top:2px}.active-visit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid #b9d6c4;background:#f2fbf5;width:100%;text-align:left;flex-direction:row;align-items:center;gap:12px}.av-main{flex:1;min-width:0;display:flex;flex-direction:column}.av-t{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-s{font-size:12.5px;color:var(--green);font-weight:600}.live-dot{width:10px;height:10px;border-radius:50%;background:#16a34a;flex:none;box-shadow:0 0 #16a34a99;animation:pulse 1.8s infinite}.live-dot.sm{width:7px;height:7px}@keyframes pulse{70%{box-shadow:0 0 0 9px #16a34a00}to{box-shadow:0 0 #16a34a00}}.clist{display:flex;flex-direction:column;gap:8px}.crow{background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow-1);padding:12px;display:flex;gap:12px;align-items:center;cursor:pointer;min-height:76px}.crow:active{background:#f4f6fa}.crow-av{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;background:#eceff4;color:var(--ink-3)}.crow-av.st-visited_order{background:var(--green-soft);color:var(--green)}.crow-av.st-visited_no_order{background:var(--blue-soft);color:#1747b8}.crow-av.st-closed{background:var(--red-soft);color:var(--red)}.crow-main{flex:1;min-width:0}.crow-t{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crow-s{font-size:12.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crow-meta{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap}.loc-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px}.dist{font-size:12px;font-weight:700;color:var(--ink-2)}.crow-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}.mini-add{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:44px;height:36px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.mini-add:active{background:#cfe0fd}.visit{gap:12px}.visit.live{border:1.5px solid #b9d6c4;background:#f7fdf9}.visit-top{display:flex;align-items:center;gap:10px}.visit-t{font-size:17px;font-weight:750}.visit-time{margin-left:auto;font-weight:800;color:var(--green);font-variant-numeric:tabular-nums}.visit-sub{font-size:13.5px;color:var(--ink-2)}.visit-pill{display:flex}.loc-body{display:flex;flex-direction:column;gap:8px}.coords{background:#f5f7fb;border-radius:var(--r-m);padding:12px 14px}.coord-main{font-size:18px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.2px}.coord-sub{font-size:12.5px;color:var(--ink-3);margin-top:2px}.loc-text{font-size:14px;color:var(--ink-2)}.gauge{border-radius:var(--r-l);padding:22px 16px;text-align:center;background:var(--surface);box-shadow:var(--shadow-1);border:2px solid var(--line)}.gauge-num{font-size:48px;font-weight:800;letter-spacing:-1.5px;line-height:1.05;font-variant-numeric:tabular-nums}.gauge-num span{font-size:20px;letter-spacing:0;font-weight:700}.gauge-lbl{font-size:14px;font-weight:650;margin-top:4px}.gauge.g-green{border-color:#7cc79a;background:#f3fbf6;color:var(--green)}.gauge.g-amber{border-color:#f0c070;background:#fffaf0;color:var(--amber)}.gauge.g-red{border-color:#f0a6a0;background:#fff6f5;color:var(--red)}.gauge.g-grey{color:var(--ink-3)}.sum-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px}.sum-card{background:var(--surface);border-radius:var(--r-m);padding:12px;box-shadow:var(--shadow-1)}.sum-label{font-size:12px;color:var(--ink-3);font-weight:650}.sum-value{font-size:18px;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}.bcard{background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow-1);padding:14px;display:flex;align-items:center;gap:12px}.bcard-main{flex:1;min-width:0}.bcard-title{font-size:14.5px;font-weight:700;overflow-wrap:anywhere}.bcard-sub{font-size:12.5px;color:var(--ink-3);margin-top:2px}.bcard-err{font-size:12.5px;color:var(--red);margin-top:4px}.irows{display:flex;flex-direction:column;gap:8px}.irow{background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow-1);overflow:hidden}.irow-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;width:100%;text-align:left;display:flex;justify-content:space-between;gap:12px;padding:14px;min-height:64px}.irow-main:disabled{cursor:default}.irow-l{min-width:0;flex:1}.irow-name{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.irow-sub{font-size:12.5px;color:var(--ink-3);margin-top:2px}.irow-err{font-size:12.5px;color:var(--red);margin-top:3px}.irow-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.irow-amt{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.irow-del{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;background:var(--red-soft);color:var(--red);font-size:13px;font-weight:700;padding:11px}.prow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}.prow:last-child{border-bottom:0}.prow-main{min-width:0}.prow-t{font-weight:650}.prow-s{font-size:12.5px;color:var(--ink-3)}.prow-side{text-align:right;flex:none;display:flex;flex-direction:column}.prow-side b{font-variant-numeric:tabular-nums}.prow-side span{font-size:11.5px;color:var(--ink-3)}.profile-card{flex-direction:row;align-items:center;gap:14px}.avatar{width:52px;height:52px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:18px;flex:none}.profile-name{font-size:18px;font-weight:750}.profile-sub{font-size:13px;color:var(--ink-3)}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;text-align:center}.empty-ic{width:56px;height:56px;border-radius:18px;background:#e8edf5;color:var(--ink-3);display:grid;place-items:center;margin-bottom:4px}.empty-t{font-weight:700;font-size:16px}.empty-s{font-size:13.5px;color:var(--ink-3);max-width:260px;margin-bottom:8px}.skel{height:76px;border-radius:var(--r-m);background:linear-gradient(90deg,#e8edf4 25%,#f3f6fa,#e8edf4 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.lines{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-m);padding:6px 14px}.menu-body.lines{background:#fafbfd;border-radius:0}.lrow{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:6px 0}.lrow b{text-align:right}.lrow.good{color:var(--green)}.lrow.info{color:#1747b8}.site-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.site-time{font-size:12.5px;color:var(--ink-3)}.add-wide{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px dashed #b3c5e8;background:var(--surface);color:var(--blue);width:100%;font-size:16px;font-weight:700;min-height:56px;border-radius:var(--r-l);display:flex;align-items:center;justify-content:center;gap:8px}.add-wide:active{background:var(--blue-soft)}.li{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow-1);padding:14px;border-left:4px solid var(--blue)}.li-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.li-name{font-weight:700;font-size:15px}.li-sub{font-size:12.5px;color:var(--ink-3);margin-top:2px}.x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--red-soft);color:var(--red);width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none}.li-inputs{display:grid;grid-template-columns:repeat(3,1fr) 1.5fr;gap:8px;margin-top:12px;align-items:end}.li-inputs label{font-size:12px;color:var(--ink-3);font-weight:600;display:flex;flex-direction:column;gap:4px;min-width:0}.li-amt{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-3);font-weight:600;text-align:right}.li-amt b{font-size:15px;color:var(--ink);background:var(--blue-soft);border-radius:var(--r-m);min-height:48px;display:grid;place-items:center;padding:0 6px;white-space:nowrap;font-variant-numeric:tabular-nums}.li-foot{margin-top:10px;font-size:12px;color:var(--ink-3)}.bbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:720px;background:#f3f5f9f7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 12px calc(var(--safe-b) + 12px);box-shadow:0 -8px 24px #0b1f3a1a;z-index:8;display:flex;flex-direction:column;gap:10px}.bbar-total{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;background:var(--navy);color:#fff;border-radius:var(--r-m);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;text-align:left;min-height:52px}.bt-l{display:flex;align-items:baseline;gap:10px}.bt-lbl{font-size:13px;opacity:.8}.bt-amt{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums}.bt-q{font-size:13px;opacity:.85}.bdetails{background:var(--surface);border-radius:var(--r-m);padding:8px 14px;box-shadow:var(--shadow-1);max-height:38dvh;overflow-y:auto}.picker{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:40;display:flex;flex-direction:column;max-width:720px;margin:0 auto}.picker-top{display:flex;gap:10px;align-items:center;padding:calc(var(--safe-t) + 12px) 12px 12px;background:var(--navy)}.picker-list{flex:1;overflow-y:auto;padding:12px 12px calc(var(--safe-b) + 16px);display:flex;flex-direction:column;gap:8px}.pick{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;text-align:left;width:100%;background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow-1);padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px}.pick:active{background:var(--blue-soft)}.pick.added{opacity:.55}.pk-main{display:flex;flex-direction:column;gap:2px;min-width:0}.pk-name{font-weight:700;font-size:15px}.pk-sub{font-size:12.5px;color:var(--ink-3)}.pk-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:var(--ink-3);white-space:nowrap}.pk-side b{font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}