/* GENERATED by tools/scope_css.py from /workspace/mockups/salvo-mvp2-mock/assets/app.css. Do not edit by hand. */
@font-face{font-family:'Fraunces';src:url(fonts/Fraunces-Bold.woff2) format('woff2');font-weight:600 700;font-style:normal;font-display:block}
@font-face{font-family:'Fraunces';src:url(fonts/Fraunces-BoldItalic.woff2) format('woff2');font-weight:600 700;font-style:italic;font-display:block}
@font-face{font-family:'Space Grotesk';src:url(fonts/SpaceGrotesk.woff2) format('woff2');font-weight:300 700;font-style:normal;font-display:block}
:root,[data-theme=dark]{--bg:#0A1A15;--card:#10231D;--line:#2E5A46;--tx:#F4F2E8;--acct:#C6F432;--ic:#C6F432;--sub:rgba(244,242,232,.74);--faint:rgba(244,242,232,.45);--info:#1B3A2F;--infotx:#F4F2E8;--selbg:#1B3A2F;--frame:#050d0a;--cf:rgba(16,35,29,.9);--ov:10,26,21;--tee-w:#F4F2E8;--page:#0d1f19;--page2:#06110d;--pagetx:rgba(244,242,232,.6);--shade:rgba(0,0,0,.5);--btnsh:0 8px 26px rgba(198,244,50,.26);--toast:#F4F2E8;--toasttx:#0A1A15;--danger:#F08A73}
[data-theme=light]{--bg:#F4F2E8;--card:#E8E4D0;--line:#C9C19F;--tx:#0A1A15;--acct:#2E5A46;--ic:#2E5A46;--sub:rgba(10,26,21,.72);--faint:rgba(10,26,21,.42);--info:#2E5A46;--infotx:#F4F2E8;--selbg:#DCE3B4;--frame:#1B3A2F;--cf:rgba(244,242,232,.93);--ov:244,242,232;--tee-w:#FFFFFF;--page:#E8E4D0;--page2:#D9D3B8;--pagetx:rgba(10,26,21,.6);--shade:rgba(10,26,21,.42);--btnsh:0 10px 22px rgba(46,90,70,.22);--toast:#0A1A15;--toasttx:#F4F2E8;--danger:#A8361F}
.ui button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}
.ui input{font:inherit;color:inherit;background:none;border:0;outline:0}
.ui .F,.ui.F{font-family:Fraunces,Georgia,'Times New Roman',serif;font-weight:700}
.ui .sb,.ui.sb{position:absolute;top:12px;left:0;right:0;text-align:center;font-weight:600;font-size:15px;opacity:.75;z-index:60;pointer-events:none}
.ui h1{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:42px;line-height:1.05}
.ui h1 i{color:var(--ic)}
.ui .lab,.ui.lab{font-size:15px;letter-spacing:.12em;font-weight:700;color:var(--ic);text-transform:uppercase}
.ui .k,.ui.k{font-size:15px;letter-spacing:.08em;font-weight:700;color:var(--sub);text-transform:uppercase}
.ui .sub,.ui.sub{font-size:18px;color:var(--sub);line-height:1.4}
.ui .num,.ui.num{font-family:Fraunces,Georgia,serif;font-weight:700;line-height:1}
.ui .hd,.ui.hd{position:absolute;left:24px;right:24px}
.ui .btn,.ui.btn{position:absolute;left:20px;right:20px;bottom:28px;height:80px;border-radius:40px;background:#C6F432;color:#0A1A15;font-family:Fraunces,Georgia,serif;font-weight:700;font-size:28px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:var(--btnsh);z-index:7;text-align:center;transition:transform .12s,filter .12s}
.ui .btn.st,.ui.btn.st{position:static;width:100%}
.ui .obtn,.ui.obtn{height:72px;border-radius:36px;border:2.5px solid var(--ic);color:var(--tx);background:transparent;font-family:Fraunces,Georgia,serif;font-weight:700;font-size:24px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;text-align:center}
.ui .obtn.danger,.ui.obtn.danger{border-color:var(--danger);color:var(--danger)}
.ui .btn:active,.ui .press:active,.ui .obtn:active{transform:scale(.97);filter:brightness(.96)}
.ui .duo,.ui.duo{display:flex;gap:14px}
.ui .duo>*,.ui.duo>*{flex:1;min-width:0}
.ui .duo>.btn,.ui.duo>.btn{flex:1.45}
.ui .duo .btn{position:static;height:76px;font-size:26px}
.ui .duo .obtn{height:76px}
.ui .link,.ui.link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;min-width:56px;padding:0 22px;font-size:20px;font-weight:700;color:var(--tx);text-decoration:underline;text-decoration-color:var(--ic);text-decoration-thickness:2.5px;text-underline-offset:6px;border-radius:30px}
.ui .link.danger,.ui.link.danger{color:var(--danger);text-decoration-color:var(--danger)}
.ui .link svg{flex:none}
.ui .ib,.ui.ib{width:60px;height:60px;border-radius:50%;background:var(--card);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--tx);flex:none}
.ui .back,.ui.back{position:absolute;top:44px;left:18px;z-index:12}
.ui .card,.ui.card{background:var(--card);border:2px solid var(--line);border-radius:26px}
.ui .info,.ui.info{display:inline-flex;white-space:nowrap;align-items:center;gap:6px;background:var(--info);color:var(--infotx);border-radius:12px;padding:6px 12px;font-size:15px;font-weight:700;letter-spacing:.03em;pointer-events:none}
.ui .scroll,.ui.scroll{position:absolute;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.ui .scroll::-webkit-scrollbar{display:none}
.ui .rowb,.ui.rowb{display:flex;align-items:center;gap:16px;min-height:84px;padding:14px 20px;width:100%;text-align:left;background:var(--card);border:2px solid var(--line);border-radius:24px;margin-bottom:14px;color:var(--tx)}
.ui .rowb .tt{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:24px;line-height:1.15}
.ui .rowb .ss{font-size:17px;color:var(--sub);margin-top:3px}
.ui .rowb .chev{color:var(--ic);flex:none;display:flex}
.ui .rowi,.ui.rowi{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 20px;border:2px dashed var(--line);border-radius:24px;margin-bottom:14px;color:var(--sub)}
.ui .rowi .tt{font-weight:700;font-size:20px;color:var(--tx);opacity:.8}
.ui .rowi .ss{font-size:16px}
.ui .form,.ui.form{display:block;padding:0;overflow:hidden}
.ui .field,.ui.field{display:flex;align-items:center;gap:14px;min-height:76px;padding:0 20px;color:var(--sub);cursor:text;position:relative;background:transparent;transition:background .12s}
.ui .form .field+.field{border-top:1px solid var(--line)}
.ui .field .k{width:74px;flex:none}
.ui .field svg{flex:none}
.ui .field::after{content:'';position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:2px;background:var(--ic);opacity:0;transition:opacity .12s}
.ui .field:focus-within{background:color-mix(in srgb,#C6F432 9%,transparent)}
.ui [data-theme=light] .field:focus-within{background:color-mix(in srgb,#C6F432 22%,transparent)}
.ui .field:focus-within::after{opacity:1}
.ui .field:focus-within .k{color:var(--ic)}
.ui input.srch{flex:1;min-width:0;font-size:22px;color:var(--tx);height:60px}
.ui input.srch::placeholder{color:var(--sub)}
.ui .seg,.ui.seg{display:flex;gap:12px}
.ui .seg button{flex:1;height:60px;border-radius:30px;border:2px solid var(--line);background:var(--bg);text-align:center;font-weight:700;font-size:19px;color:var(--tx)}
.ui .seg button.on{background:var(--info);border-color:var(--info);color:var(--infotx)}
.ui .tee,.ui.tee{display:flex;align-items:center;gap:16px;height:76px;padding:0 22px;border-radius:38px;background:var(--card);border:2px solid var(--line);width:100%;color:var(--tx);margin-bottom:12px}
.ui .tee.on,.ui.tee.on{border-color:var(--ic);background:var(--selbg);box-shadow:0 0 0 3px color-mix(in srgb,var(--ic) 30%,transparent)}
.ui .tee .dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--tx);flex:none}
.ui .tee b{font-family:Fraunces,Georgia,serif;flex:1;font-size:28px;text-align:left}
.ui .tee span{font-size:21px;font-weight:600}
.ui .mapimg,.ui.mapimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ui .strip,.ui.strip{position:absolute;top:40px;left:14px;right:14px;display:flex;gap:12px;z-index:45;align-items:stretch}
.ui .t,.ui.t{background:var(--cf);border:2px solid var(--line);border-radius:18px;padding:6px 12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:left}
.ui .t .k{font-size:15px;letter-spacing:.06em}
.ui .t .v{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:28px;line-height:1.05}
.ui .htile,.ui.htile{white-space:nowrap;display:flex;gap:10px;align-items:center;padding:6px 14px}
.ui .htile .v{font-size:46px;line-height:.95}
.ui .scbtn,.ui.scbtn{display:flex;gap:8px;border-radius:20px}
.ui .scbtn .t{min-width:66px}
.ui .target,.ui.target{position:absolute;z-index:5;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:4px solid #C6F432;background:rgba(198,244,50,.18);touch-action:none;cursor:grab}
.ui .target i{position:absolute;background:#C6F432;opacity:.9}
.ui .target i.a{left:50%;top:9px;bottom:9px;width:2px;margin-left:-1px}
.ui .target i.b{top:50%;left:9px;right:9px;height:2px;margin-top:-1px}
.ui .target.drag,.ui.target.drag{cursor:grabbing;box-shadow:0 0 0 6px rgba(198,244,50,.25)}
.ui .tlabel,.ui.tlabel{position:absolute;z-index:6;transform:translate(-50%,-100%);margin-top:-42px;background:var(--cf);border:2px solid #C6F432;border-radius:14px;padding:4px 12px;text-align:center;white-space:nowrap;pointer-events:none}
.ui .tlabel b{font-family:Fraunces,Georgia,serif;font-size:28px;line-height:1}
.ui .tlabel span{display:block;font-size:15px;letter-spacing:.06em;font-weight:700;color:var(--sub)}
.ui .youtag,.ui.youtag{position:absolute;z-index:6;background:var(--cf);color:var(--tx);border:1.5px solid var(--line);font-size:15px;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:10px;pointer-events:none}
.ui .hud,.ui.hud{position:absolute;left:14px;right:14px;bottom:124px;z-index:8;padding:14px 18px 16px;border-radius:28px;background:var(--bg);border:2px solid var(--line)}
.ui .dist,.ui.dist{display:flex;align-items:flex-end;gap:16px}
.ui .dist .num{font-size:66px}
.ui .dist .sep{width:2px;height:64px;background:var(--line);margin-bottom:22px}
.ui .clubb,.ui.clubb{flex:1;min-width:0;height:72px;border-radius:36px;border:2.5px solid var(--ic);display:flex;align-items:center;justify-content:center;gap:10px;color:var(--tx);font-family:Fraunces,Georgia,serif;font-size:24px}
.ui .tempob,.ui.tempob{width:136px;flex:none;height:72px;border-radius:36px;border:2.5px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px;font-weight:700;color:var(--tx)}
.ui .playrow,.ui.playrow{position:absolute;left:14px;right:14px;bottom:28px;display:flex;gap:14px;z-index:8}
.ui .playrow .btn{position:static;flex:1.7;height:84px}
.ui .playrow .obtn{flex:1;height:84px;font-size:22px;background:var(--bg)}
.ui .shade,.ui.shade{position:absolute;inset:0;z-index:40;background:var(--shade);animation:fade .22s ease}
.ui .bsheet,.ui.bsheet{position:absolute;z-index:41;left:0;right:0;bottom:0;border-radius:32px 32px 0 0;background:var(--bg);border-top:2px solid var(--line);padding:0 20px 28px;animation:up .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 -12px 30px rgba(0,0,0,.25)}
.ui .handle,.ui.handle{width:48px;height:5px;border-radius:3px;background:var(--line);margin:10px auto 14px}
.ui .stitle,.ui.stitle{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:34px;line-height:1.1}
.ui .noanim,.ui.noanim,.ui .noanim *{animation:none!important}
@keyframes up{from{transform:translateY(100%)}to{transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes enter{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes enterB{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
.ui .enter,.ui.enter{animation:enter .22s ease}
.ui .enterB,.ui.enterB{animation:enterB .22s ease}
.ui .cgrid,.ui.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ui .cchip,.ui.cchip{height:76px;border-radius:22px;background:var(--card);border:2px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--tx)}
.ui .cchip.rec,.ui.cchip.rec{border:3px solid var(--ic)}
.ui .cchip.sel,.ui.cchip.sel{background:#C6F432;color:#0A1A15;border-color:#C6F432}
.ui .cchip .n{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:28px;line-height:1}
.ui .cchip .y{font-size:16px;font-weight:600;opacity:.8;margin-top:4px}
.ui .stepper,.ui.stepper{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:2px solid var(--line);border-radius:28px;padding:14px 16px}
.ui .stepb,.ui.stepb{width:80px;height:80px;border-radius:50%;border:0;background:var(--selbg);display:flex;align-items:center;justify-content:center;color:var(--tx);flex:none}
.ui .stepb:disabled{opacity:.35}
.ui .stepv,.ui.stepv{text-align:center}
.ui .stepv .num{font-size:92px;line-height:.95}
.ui .stepv .num.unset{color:var(--faint)}
.ui .qp,.ui.qp{display:flex;gap:12px}
.ui .qp button{flex:1;min-width:0;height:68px;border:2px solid var(--line);border-radius:18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ui .qp button b{display:block;font-family:Fraunces,Georgia,serif;font-size:24px;line-height:1.05}
.ui .qp button span{font-size:17px;font-weight:700;color:var(--sub)}
.ui .qp button.on{background:var(--info);border-color:var(--info);color:var(--infotx)}
.ui .qp button.on span{color:var(--infotx)}
.ui .ednav,.ui.ednav{display:flex;align-items:center;justify-content:space-between}
.ui .arrow,.ui.arrow{width:68px;height:68px;border-radius:50%;border:2.5px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--tx);flex:none;background:var(--card)}
.ui .arrow:disabled{opacity:.3}
.ui .hstrip,.ui.hstrip{display:flex;gap:12px;overflow-x:auto;margin:14px -20px 0;padding:4px 20px 6px;scrollbar-width:none;scroll-behavior:smooth}
.ui .hstrip::-webkit-scrollbar{display:none}
.ui .hchip,.ui.hchip{position:relative;flex:none;width:58px;height:68px;border-radius:16px;border:2px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--bg)}
.ui .hchip .n{font-size:15px;font-weight:700;color:var(--sub)}
.ui .hchip .s{font-family:Fraunces,Georgia,serif;font-size:24px;line-height:1}
.ui .hchip .s.none{color:var(--faint)}
.ui .hchip.now,.ui.hchip.now{border-style:dashed;border-color:var(--ic)}
.ui .hchip.on,.ui.hchip.on{background:var(--info);border:2px solid var(--info);color:var(--infotx)}
.ui .hchip.on .n,.ui .hchip.on .s.none{color:var(--infotx)}
.ui .hchip .dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--ic)}
.ui .hchip.on .dot{background:#C6F432}
.ui .cols,.ui.cols{display:flex;gap:10px}
.ui .col,.ui.col{flex:1;min-width:0;background:var(--card);border:2px solid var(--line);border-radius:20px;overflow:hidden}
.ui .colh,.ui.colh{display:flex;justify-content:space-between;padding:6px 12px 4px;font-size:15px;letter-spacing:.06em;font-weight:700;color:var(--sub)}
.ui .srow,.ui.srow{display:flex;align-items:center;height:35px;padding:0 10px 0 12px;border-top:1.5px solid var(--line)}
.ui .srow .hn{font-family:Fraunces,Georgia,serif;font-size:20px;width:28px;line-height:1}
.ui .srow .pr{font-size:15px;font-weight:600;color:var(--sub);width:46px}
.ui .srow .sc{font-family:Fraunces,Georgia,serif;font-size:22px;line-height:1;margin-left:auto}
.ui .srow .rl{font-size:15px;font-weight:700;color:var(--sub);width:28px;text-align:right}
.ui .srow .dash{margin-left:auto;font-size:18px;font-weight:700;color:var(--faint);padding-right:8px}
.ui .srow.cur,.ui.srow.cur{background:var(--selbg)}
.ui .srow.flash,.ui.srow.flash{background:color-mix(in srgb,#C6F432 30%,transparent)}
.ui .foot,.ui.foot{display:flex;align-items:baseline;justify-content:space-between;height:44px;padding:10px 12px 0;border-top:2px solid var(--line);background:var(--bg)}
.ui .foot .v{font-family:Fraunces,Georgia,serif;font-size:24px;line-height:1}
.ui .foot .v small{font-size:16px;color:var(--sub);margin-left:4px}
.ui .tcue,.ui.tcue{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:700;font-size:30px;line-height:1.15;color:var(--ic);margin-top:8px}
.ui .beats,.ui.beats{display:flex;align-items:flex-start;justify-content:center;height:96px;width:100%;margin:16px 0 12px}
.ui .tb,.ui.tb{display:flex;flex-direction:column;align-items:center;gap:10px;width:44px}
.ui .tb+.tb,.ui.tb+.tb{margin-left:14px}
.ui .tgap,.ui.tgap{width:96px;text-align:center;font-size:24px;font-weight:700;line-height:34px;color:var(--sub);letter-spacing:.12em}
.ui .bd,.ui.bd{width:34px;height:34px;border-radius:50%;background:var(--ic);opacity:.35;transition:opacity .08s,box-shadow .08s,transform .08s}
.ui .tb span{font-size:20px;font-weight:700;color:var(--sub);transition:color .08s}
.ui .tb.on .bd{opacity:1;transform:scale(1.12);box-shadow:0 0 0 7px color-mix(in srgb,var(--ic) 28%,transparent),0 0 0 14px color-mix(in srgb,var(--ic) 12%,transparent)}
.ui .tb.on span{color:var(--tx)}
@media (prefers-reduced-motion:reduce){.ui .bd,.ui.bd,.ui .tb span{transition:none}}
.ui .toast,.ui.toast{position:absolute;left:16px;right:16px;bottom:128px;z-index:90;background:var(--toast);color:var(--toasttx);border-radius:22px;padding:14px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:fade .2s ease;font-size:18px;font-weight:700;line-height:1.3}
.ui .toast.pass,.ui.toast.pass{pointer-events:none}
.ui .toast .ts{font-size:16px;opacity:.8;font-weight:600}
.ui .toast .undo{margin-left:auto;flex:none;min-width:96px;height:60px;border:2.5px solid currentColor;border-radius:30px;font-weight:700;font-size:19px;text-align:center}
.ui .focusable:focus-visible,.ui button:focus-visible{outline:3px solid var(--ic);outline-offset:2px}
@media (prefers-reduced-motion:reduce){}
.ui .bgrid,.ui.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ui .bchip,.ui.bchip{position:relative;height:84px;border-radius:22px;background:var(--card);border:2px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--tx);text-align:center;padding:0 6px}
.ui .bchip .n{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:26px;line-height:1}
.ui .bchip .y{font-size:15px;font-weight:600;color:var(--sub);margin-top:5px;white-space:nowrap}
.ui .bchip.on,.ui.bchip.on{background:#C6F432;color:#0A1A15;border-color:#C6F432}
.ui [data-theme=light] .bchip.on{border-color:#2E5A46}
.ui .bchip.on .y{color:#0A1A15;opacity:.8}
.ui .bchip .ck{position:absolute;top:6px;right:6px;width:21px;height:21px;border-radius:50%;background:#0A1A15;color:#C6F432;display:flex;align-items:center;justify-content:center}
.ui .bagfoot,.ui.bagfoot{position:absolute;left:24px;right:24px;bottom:124px;height:50px;display:flex;align-items:center;justify-content:space-between;border-top:2px solid var(--line);padding-top:6px;z-index:7}
.ui .hchoice,.ui.hchoice{display:flex;align-items:center;gap:16px;width:100%;min-height:124px;padding:16px 20px 16px 16px;border-radius:28px;background:var(--card);border:2px solid var(--line);color:var(--tx)}
.ui .hchoice.on,.ui.hchoice.on{border:3px solid var(--ic);background:var(--selbg);box-shadow:0 0 0 3px color-mix(in srgb,var(--ic) 30%,transparent)}
.ui .hill,.ui.hill{width:96px;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0 8px;border-radius:20px;background:var(--bg)}
.ui .hdir,.ui.hdir{font-size:15px;font-weight:700;color:var(--ic);white-space:nowrap}
.ui .radio,.ui.radio{width:32px;height:32px;border-radius:50%;border:3px solid var(--line);flex:none;position:relative}
.ui .radio.on,.ui.radio.on{border-color:var(--ic)}
.ui .radio.on::after{content:'';position:absolute;inset:5px;border-radius:50%;background:var(--ic)}
.ui .beats.sm,.ui.beats.sm{height:76px;margin:22px 0 10px}
.ui .beats.sm .bd{width:28px;height:28px}
.ui .beats.sm .tb{gap:8px}
@media (prefers-reduced-motion:reduce){.ui #ndl{transition:none}}
.ui .addclub,.ui.addclub{width:100%;height:64px;margin-top:14px;border-radius:22px;border:2px dashed var(--line);background:transparent;color:var(--tx);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px}
.ui .addclub .pl{width:32px;height:32px;border-radius:50%;background:var(--ic);color:var(--bg);font-size:24px;line-height:30px;font-weight:700;text-align:center}
.ui .cchip.out,.ui.cchip.out{border-style:dashed;position:relative}
.ui .cchip .plus{position:absolute;top:6px;right:8px;font-size:20px;font-weight:700;line-height:1;color:var(--ic)}
.ui .toast.top,.ui.toast.top{top:52px;bottom:auto}
.ui .card .btn.st{box-shadow:none}
.ui .tempoc,.ui.tempoc{background:var(--selbg);border:0}
:root,[data-theme=dark]{--sheet:#10231D;--step:#1B3A2F;--selfill:#C6F432;--seltx:#0A1A15;--mark:#C6F432;--hair:#2E5A46}
[data-theme=light]{--sheet:#F4F2E8;--step:#DDD8BF;--selfill:#2E5A46;--seltx:#F4F2E8;--mark:#2E5A46;--hair:#C9C19F}
.ui .bsheet,.ui.bsheet{background:var(--sheet);border-top:2px solid var(--line)}
.ui .cap,.ui.cap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px;margin-bottom:10px}
.ui .cap .st{font-size:17px;font-weight:600;color:var(--sub);text-align:right}
.ui .leg,.ui.leg{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--sub)}
.ui .leg i{display:block;width:18px;height:4px;border-radius:2px;background:var(--mark)}
.ui .ib,.ui.ib{border:0;background:var(--step)}
.ui .arrow,.ui.arrow{border:0;background:var(--step);width:64px;height:64px}
.ui .hstrip,.ui.hstrip{margin:0 -20px;padding:0 20px 2px}
.ui .hchip,.ui.hchip{border:0;background:var(--step);border-radius:16px}
.ui .hchip.now,.ui.hchip.now{border:0}
.ui .hchip.now::after{content:'';position:absolute;left:14px;right:14px;bottom:6px;height:4px;border-radius:2px;background:var(--mark)}
.ui .hchip.on,.ui.hchip.on{background:var(--selfill);border:0;color:var(--seltx)}
.ui .hchip.on .n,.ui .hchip.on .s.none{color:var(--seltx)}
.ui .hchip.on .dot,.ui .hchip.on.now::after{background:var(--seltx)}
.ui .stepper,.ui.stepper{background:none;border:0;border-radius:0;padding:0}
.ui .stepb,.ui.stepb{background:var(--step)}
.ui .stepv .badge{font-size:17px;font-weight:700;color:var(--ic);margin-top:6px;letter-spacing:.02em}
.ui .qp button{border:0;background:var(--step)}
.ui .qp button.on{background:var(--selfill);color:var(--seltx)}
.ui .qp button.on span{color:var(--seltx)}
.ui .seg button{border:0;background:var(--step)}
.ui .seg button.on{background:var(--selfill);color:var(--seltx)}
.ui .cchip,.ui.cchip{border:0;background:var(--step);position:relative}
.ui .cchip.rec,.ui.cchip.rec{border:0}
.ui .cchip.rec::after{content:'';position:absolute;left:22px;right:22px;bottom:7px;height:4px;border-radius:2px;background:var(--mark)}
.ui .cchip.sel,.ui.cchip.sel{background:var(--selfill);color:var(--seltx);border:0}
.ui .cchip.sel.rec::after{background:var(--seltx)}
.ui .cchip.out,.ui.cchip.out{border:0}
.ui .cchip.out .y{color:var(--sub);opacity:1}
.ui .addclub,.ui.addclub{border:0;background:transparent;height:60px;border-radius:30px;width:auto;margin:14px auto 0;padding:0 18px;text-decoration:underline;text-decoration-color:var(--ic);text-decoration-thickness:2.5px;text-underline-offset:6px}
.ui .addclub .pl{text-decoration:none;flex:none}
.ui .bchip,.ui.bchip{border:0;background:var(--step)}
.ui .bchip.on,.ui.bchip.on,.ui [data-theme=light] .bchip.on{border:0;background:#C6F432;color:#0A1A15}
.ui .t,.ui.t{border:0}
.ui .youtag,.ui.youtag{border:0}
.ui .hud,.ui.hud{border:0;background:var(--bg);box-shadow:0 10px 28px rgba(0,0,0,.28)}
.ui .stat,.ui.stat{flex:1;background:var(--step);border-radius:20px;padding:12px 16px}
.ui .cols,.ui.cols{gap:18px}
.ui .col,.ui.col{background:transparent;border:0;border-radius:0}
.ui .colh,.ui.colh{padding:6px 4px 4px}
.ui .srow,.ui.srow{padding:0 6px 0 4px;border-top:1px solid var(--hair)}
.ui .srow.cur,.ui.srow.cur{background:var(--step);border-radius:8px}
.ui .foot,.ui.foot{background:transparent;border-top:2px solid var(--line);padding:10px 4px 0}
.ui .toast .undo{border:0;border-radius:30px;text-decoration:underline;text-decoration-thickness:2.5px;text-underline-offset:6px;padding:0 12px}
.ui .list,.ui.list{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:6px 0}
.ui .list>*,.ui.list>*{position:relative;margin:0}
.ui .list>*+*::before{content:'';position:absolute;left:4px;right:4px;top:-7px;height:1px;background:var(--hair);pointer-events:none}
.ui .rowb,.ui.rowb{background:transparent;border:0;border-radius:18px;margin-bottom:0;padding:12px 6px}
.ui .rowi,.ui.rowi{border:0;border-radius:0;margin-bottom:0;padding:12px 6px}
.ui .empty,.ui.empty{padding:28px 12px;text-align:center}
.ui .opts,.ui.opts{display:flex;flex-direction:column;gap:12px}
.ui .opts>*,.ui.opts>*{position:relative}
.ui .opts>*+*::before{content:'';position:absolute;left:22px;right:22px;top:-7px;height:1px;background:var(--hair);pointer-events:none}
.ui .opts>.on::before,.ui .opts>.on+*::before{display:none}
.ui .tee,.ui.tee{background:transparent;border:0;margin-bottom:0;border-radius:24px}
.ui .tee.on,.ui.tee.on{border:0;box-shadow:none;background:var(--selbg)}
.ui .tee .dot{border:0;box-shadow:0 1px 4px rgba(0,0,0,.45)}
.ui .ck2,.ui.ck2{width:32px;height:32px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:var(--selfill);color:var(--seltx)}
.ui .ck2.off,.ui.ck2.off{background:transparent}
.ui .hchoice,.ui.hchoice{background:transparent;border:0}
.ui .hchoice.on,.ui.hchoice.on{border:0;box-shadow:none;background:var(--selbg)}
.ui .hill,.ui.hill{background:var(--step)}
.ui .hchoice.on .hill{background:var(--bg)}
.ui .setlist .rowb .tt{font-size:22px}
.ui .srchbar,.ui.srchbar{background:var(--step);border:0;border-radius:32px}
.ui .stats,.ui.stats{display:flex;background:var(--step);border-radius:20px}
.ui .stats>.stat,.ui.stats>.stat{background:none;border-radius:0}
.ui .stats>.stat+.stat,.ui.stats>.stat+.stat{border-left:1px solid var(--hair)}