.od{--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--btn-blue-front:#2474f5;--btn-blue-edge:#0950c3;--btn-violet-front:#8c47d1;--btn-red-front:#dd2c2c;--btn-emerald-front:#1da56c;--btn-amber-front:#dc8f09;--live:#cd1d35;--pass-soft:color-mix(in srgb,var(--pass) 10%,transparent);--live-soft:color-mix(in srgb,var(--live) 10%,transparent)}:where(.dark) .od{--btn-violet-front:#ad74e7;--btn-red-front:#ee6363;--btn-emerald-front:#33cc8c;--btn-amber-front:#f6aa28;--live:#e96779}.lj.od{flex-direction:column;gap:0;max-width:none;max-height:80vh;margin:0;padding:0;display:flex;overflow:hidden}.od-hd{grid-template-columns:44px minmax(0,1fr) 34px;align-items:start;gap:14px;padding:22px 22px 14px;display:grid}.od-hd .hi{background:color-mix(in srgb,var(--hue) 16%,transparent);width:44px;height:44px;color:var(--hue);border-radius:13px;place-items:center;display:grid}.od-hd h2{letter-spacing:-.02em;font-size:21px;font-weight:800;line-height:1.25}.od-hd p{color:var(--f2);text-wrap:pretty;margin-top:3px;font-size:14.5px;line-height:1.5}.od-hd .x{width:34px;height:34px;color:var(--f3);background:0 0;border:0;border-radius:10px;place-items:center;transition:color .2s,background .2s;display:grid}.od-hd .x:hover{background:var(--raised);color:var(--f1)}.od-bd{overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;min-height:0;padding:0 22px 4px;display:flex;overflow-y:auto}.od-bd>*{flex:none}.od-ft{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 22px 22px;display:flex}.od-ft .sum{min-width:160px;color:var(--f3);flex:1;font-size:13.5px}.od-ft .sum b{color:var(--f1)}.od-ft .sum.kb{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.od-ft .all{flex-direction:column;flex:1;min-width:200px;display:flex}.od-ft .all b{font-size:14px}.od-ft .all span{color:var(--f3);font-size:12.5px}.od-ft .lj-push{--front:var(--btn-blue-front);--edge:var(--btn-blue-edge)}.od-ft .lj-push .front{padding:9px 16px;font-size:14px}.od-ft .lj-push:disabled{cursor:not-allowed}.od-ft .lj-push:disabled .front{opacity:.55;transform:none}.od-gh{color:var(--f2);background:0 0;border:0;border-radius:10px;padding:9px 14px;font-size:14px;font-weight:700;transition:color .2s,background .2s}.od-gh:hover{background:var(--raised);color:var(--f1)}.od-hd .x:focus-visible,.od-gh:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.od-prog{background:var(--line);border-radius:2px;height:4px;margin-top:10px;display:block;overflow:hidden}.od-prog i{background:var(--btn-blue-front);height:100%;transition:width .15s linear;display:block}.od-pk{--pk-ink:#a54a09;--notch:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px))}:where(.dark) .od-pk{--pk-ink:#fa9a4c}.od-pk .od-ft .lj-push{--front:var(--btn-orange-front);--edge:var(--btn-orange-edge)}.od-pk .od-prog i{background:var(--btn-orange-front)}.od-pk button:focus-visible,.od-pk a:focus-visible{outline:2px solid var(--btn-orange-front);outline-offset:2px}.od-pk-rail{background:var(--raised);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.od-pk-rail ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.od-pk-rail li{aspect-ratio:4/5;background:color-mix(in srgb,var(--f1) 9%,transparent);clip-path:var(--notch);padding:4px}.od-pk-rail .cart{height:100%;clip-path:var(--notch);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px 4px;display:flex;position:relative;overflow:hidden}.od-pk-rail .cart b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11.5px;font-weight:800;line-height:1.15;position:relative;overflow:hidden}.od-pk-rail [data-k=empty] .cart{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--f1) 7%,transparent) 0 4px,transparent 4px 8px);color:var(--f3)}.od-pk-rail [data-k=locked] .cart{color:var(--f3);gap:4px}.od-pk-rail [data-k=locked] .cart b{font:700 10.5px var(--font-mono)}.od-pk-rail [data-k=pack] .cart,.od-pk-rail [data-k=saving] .cart{background:var(--surface);color:var(--f1)}.od-pk-rail .lbl{width:34px;height:28px;clip-path:var(--notch);background:color-mix(in srgb,var(--hue) 20%,transparent);color:color-mix(in srgb,var(--hue) 75%,var(--f1));place-items:center;display:grid;position:relative}.od-pk-rail .led{background:var(--pass);width:6px;height:6px;position:absolute;top:7px;right:7px}.od-pk-rail .led[data-s=stale]{background:var(--btn-orange-front)}.od-pk-rail .fill{height:var(--fill,0%);background:color-mix(in srgb,var(--hue) 26%,transparent);transition:height .4s steps(5,end);position:absolute;bottom:0;left:0;right:0}.od-pk-rail [data-k=saving] .cart b{font:700 12px var(--font-mono);color:var(--pk-ink)}.od-pk-rail [data-new] .cart{animation:.42s steps(6,end) both odPkIn}.od-pk-rail [data-new] .led{animation:.9s steps(2,jump-none) .4s 2 odPkLed}@keyframes odPkIn{0%{transform:translateY(-18px)}70%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes odPkLed{0%{opacity:1}50%{opacity:.15}to{opacity:1}}@media (prefers-reduced-motion:reduce){.od-pk-rail [data-new] .cart,.od-pk-rail [data-new] .led{animation:none}.od-pk-rail .fill{transition:none}}.od-pk-rail .cap{color:var(--f2);text-wrap:pretty;font-size:13px;line-height:1.5}.od-pk-rail .cap a,.od-pk-full a{color:var(--pk-ink);text-underline-offset:2px;font-weight:700;text-decoration:underline}.od-pk-list{border:1px solid var(--line);border-radius:16px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.od-pk-list li{border-top:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.od-pk-list li:first-child{border-top:0}.od-pk-list .ic{width:40px;height:40px;clip-path:var(--notch);background:color-mix(in srgb,var(--hue) 16%,transparent);color:color-mix(in srgb,var(--hue) 75%,var(--f1));place-items:center;display:grid}.od-pk-list .tx{flex-direction:column;min-width:0;display:flex}.od-pk-list .tx b{font-size:15px;line-height:1.3}.od-pk-list .tx>span{color:var(--f3);font-size:12.5px;line-height:1.45}.od-pk-list .st{color:var(--pass);align-items:center;gap:5px;margin-top:2px;font-weight:700;display:inline-flex}.od-pk-list .st.warn{color:var(--pk-ink)}.od-pk-list .od-prog{margin-top:8px}.od-pk-list .acts{align-items:center;gap:6px;display:flex}.od-pk-list .lj-ghost{padding:7px 12px;font-size:13px}.od-pk-list .lj-ghost:disabled{opacity:.5;cursor:not-allowed}.od-pk-list .rm{width:36px;height:36px;color:var(--f3);background:0 0;border:0;border-radius:9px;place-items:center;transition:color .2s,background .2s;display:grid}.od-pk-list .rm:hover:not(:disabled){background:var(--raised);color:var(--f1)}.od-pk-list .rm:disabled{opacity:.4}.od-pk-rm{background:var(--live-soft);color:var(--live);border:0;border-radius:9px;padding:8px 13px;font-size:13.5px;font-weight:800}.od-pk-list .pct{font:700 13px var(--font-mono);color:var(--pk-ink)}.od-pk-pick{flex-direction:column;gap:12px;display:flex}.od-pk-pick h3{color:var(--f2);font-size:13px;font-weight:800}.od-pk-pick .hint{color:var(--f3);font-size:13.5px}.od-pk-pick .g{flex-direction:column;gap:7px;display:flex}.od-pk-pick .g>span{color:var(--f3);font-size:11.5px;font-weight:700}.od-pk-pick .chips{flex-wrap:wrap;gap:6px;display:flex}.od-pk-pick .chips button{border:1px solid var(--line-strong);min-height:36px;color:var(--f2);background:0 0;border-radius:9px;align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:700;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.od-pk-pick .chips button svg{color:color-mix(in srgb,var(--hue) 75%,var(--f1))}.od-pk-pick .chips button span{font:500 11px var(--font-mono);color:var(--f3)}.od-pk-pick .chips button:hover{color:var(--f1);background:var(--raised)}.od-pk-pick .chips button[aria-pressed=true]{border-color:var(--btn-orange-front);color:var(--f1);background:color-mix(in srgb,var(--btn-orange-front) 12%,transparent)}.od-pk-gate{background:var(--raised);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;display:flex}.od-pk-gate p{min-width:220px;color:var(--f1);text-wrap:pretty;flex:1;font-size:13.5px;line-height:1.5}.od-pk-gate .lj-ghost:disabled{opacity:.5;cursor:default}.od-pk-full,.od-pk-err{color:var(--f1);background:var(--raised);text-wrap:pretty;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.5}.od-pk-err{background:var(--live-soft);color:var(--live);font-weight:600}.od-net{color:var(--f2);background:var(--raised);border-radius:12px;flex-wrap:wrap;align-items:center;gap:9px;padding:10px 12px;font-size:13.5px;display:flex}.od-net svg{color:var(--f3);flex:none}.od-net[data-net=offline]{background:color-mix(in srgb,var(--btn-amber-front) 13%,transparent)}.od-net[data-net=offline] svg{color:var(--btn-amber-front)}.od-tg{color:var(--f1);cursor:pointer;align-items:center;gap:8px;margin-left:auto;font-size:13px;font-weight:700;display:inline-flex;position:relative}.od-tg input{opacity:0;width:1px;height:1px;position:absolute}.od-tg .sw{background:var(--line-strong);border-radius:99px;flex:none;width:36px;height:21px;transition:background .2s;position:relative}.od-tg .sw:after{content:"";width:15px;height:15px;transition:transform .2s var(--ease-push);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.od-tg input:checked+.sw{background:var(--pass)}.od-tg input:checked+.sw:after{transform:translate(15px)}.od-tg input:focus-visible+.sw{outline:2px solid color-mix(in srgb,var(--pass) 60%,transparent);outline-offset:2px}.od-cc .od-ft .lj-push{--front:var(--btn-orange-front);--edge:var(--btn-orange-edge)}.od-cc-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;display:grid}.od-cc-del,.od-cc-safe{border-radius:16px;padding:14px}.od-cc-del{border:1px solid var(--line);flex-direction:column;display:flex}.od-cc .k{color:var(--f3);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:12.5px;font-weight:700;display:flex}.od-cc .k b{font:700 13px var(--font-mono);color:var(--f1)}.od-cc-del .row{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.od-cc-del .k+.row{border-top:0}.od-cc-del .row b{font-size:14.5px;display:block}.od-cc-del .row div span{color:var(--f3);text-wrap:pretty;margin-top:2px;font-size:12.5px;line-height:1.45;display:block}.od-cc-del .row .mb{font:600 12.5px var(--font-mono);color:var(--f2);white-space:nowrap;margin-top:2px}.od-cc-del .dlw{background:var(--pass-soft);border-top:0;border-radius:12px;align-items:center;margin:4px -6px -6px;padding:10px 6px}.od-cc-del .dlw[data-keep=false]{background:var(--live-soft)}.od-cc-del .dlw .od-tg{flex:none;margin-left:0}.od-cc-safe{background:var(--pass-soft)}.od-cc-safe .k{color:var(--pass);justify-content:flex-start}.od-cc-safe ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.od-cc-safe li{color:var(--f1);align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.4;display:flex}.od-cc-safe li svg{color:var(--pass);flex:none;margin-top:2px}.od-steps{flex-direction:column;gap:10px;margin:0;padding:4px 0 8px;list-style:none;display:flex}.od-steps li{color:var(--f3);align-items:center;gap:12px;font-size:15px;display:flex}.od-steps li[data-s=done]{color:var(--f1)}.od-steps li[data-s=now]{color:var(--f1);font-weight:700}.od-steps .i{border:2px solid var(--line-strong);color:#fff;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;display:grid}.od-steps li[data-s=done] .i{background:var(--pass);border-color:var(--pass)}.od-steps li[data-s=now] .i{border-color:var(--btn-orange-front)}.od-steps .spin{border:2px solid var(--line-strong);border-top-color:var(--btn-orange-front);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite odSpin}@keyframes odSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.od-steps .spin{animation-duration:2s}}@media (width<=639px){.od-hd{padding:14px 18px 12px}.od-bd{padding:0 18px 4px}.od-ft{padding:12px 18px 18px}.od-ft .sum,.od-ft .all{flex-basis:100%}.od-ft .lj-push{flex:1}.od-ft .lj-push .front{width:100%}.od-cc-grid{grid-template-columns:minmax(0,1fr)}.od-pk-rail{padding:12px}.od-pk-rail ol{gap:6px}.od-pk-list li{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:12px}.od-pk-list .ic{width:36px;height:36px}}@media (width<=420px){.od-pk-rail [data-k=pack] .cart b{display:none}.od-pk-rail .lbl{width:30px;height:26px}}
