.ob{--ob-bg:#1a1a1a;--ob-surf:#2d2d2d;--ob-ink:#efede3;--ob-muted:#c0b5a2;--ob-line:#3a3a3a;--ob-acc:#d7b569;--ob-btn:#efede3;--ob-btn-ink:#1a1a1a;--ob-err:#e0785c;--ob-ok:#8fbf7a;--ob-settle:cubic-bezier(.3,.9,.3,1);--ob-leave:cubic-bezier(.4,0,.8,.4);--ob-fold:cubic-bezier(.22,1,.36,1);position:fixed;inset:0;z-index:60;overflow:hidden;background:var(--ob-bg);color:var(--ob-ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}html[data-theme=light] .ob{--ob-bg:#efede3;--ob-surf:#ffffff;--ob-ink:#1a1a1a;--ob-muted:#6b6355;--ob-line:#d6d0c2;--ob-acc:#7d6430;--ob-btn:#1a1a1a;--ob-btn-ink:#efede3;--ob-err:#94371f;--ob-ok:#3c5d2c}@media (prefers-color-scheme:light){html:not([data-theme]) .ob{--ob-bg:#efede3;--ob-surf:#ffffff;--ob-ink:#1a1a1a;--ob-muted:#6b6355;--ob-line:#d6d0c2;--ob-acc:#7d6430;--ob-btn:#1a1a1a;--ob-btn-ink:#efede3;--ob-err:#94371f;--ob-ok:#3c5d2c}}.ob-page{position:relative;min-height:100dvh}.ob-col{height:100%;max-width:420px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 14px) 24px calc(env(safe-area-inset-bottom) + 24px)}.ob-page .ob-col{min-height:100dvh}.ob-top{flex:none;height:40px;display:flex;align-items:center;gap:10px}.ob-top .ob-spacer{flex:1 1}.ob-mark{height:20px;width:auto;display:block}html[data-theme=light] .ob-mark{filter:invert(1) hue-rotate(180deg)}.ob-count{display:flex;align-items:baseline;gap:6px;flex:none;white-space:nowrap}.ob-count b{font-size:22px;font-weight:600;letter-spacing:-.02em}.ob-count span{font-size:12px;color:var(--ob-muted)}.ob-bar{flex:none;height:3px;border-radius:99px;background:var(--ob-line);overflow:hidden;margin-top:8px}.ob-bar>i{display:block;height:100%;background:var(--ob-ink);transition:width .6s cubic-bezier(.45,0,.2,1)}.ob-step{flex:1 1;min-height:0;display:flex;flex-direction:column}.ob-in{animation:obInR .34s var(--ob-settle) both}.ob-in-back{animation:obInL .34s var(--ob-settle) both}.ob-out{animation:obOut .17s var(--ob-leave) both}.ob-out-back{animation:obOutR .17s var(--ob-leave) both}.ob-body{flex:1 1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:18px 0;overflow-y:auto;scrollbar-width:none}.ob-body::-webkit-scrollbar{display:none}.ob-title{margin:0;font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1.08;display:flex;flex-wrap:wrap;column-gap:.26em}.ob-word{display:inline-block;animation:obWord .6s var(--ob-settle) both}.ob h1.ob-title:focus{outline:none}.ob-sub{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--ob-muted);text-wrap:pretty;animation:obFade .5s .25s both}.ob-content{display:flex;flex-direction:column;gap:10px;animation:obRise .6s .3s var(--ob-settle) both}.ob-foot{flex:none;display:flex;flex-direction:column;gap:8px}.ob-note{text-align:center;line-height:1.5;padding-top:6px}.ob-field,.ob-note{font-size:12px;color:var(--ob-muted)}.ob-field{display:flex;flex-direction:column;gap:5px}.ob-field input{height:50px;padding:0 16px;background:var(--ob-surf);border:0;border-radius:14px;color:var(--ob-ink);font:600 16px var(--sans);outline:none;width:100%;box-sizing:border-box}.ob-pw{position:relative;display:flex;align-items:center}.ob-pw input{padding-right:70px}.ob-pw button{position:absolute;right:6px;height:38px;padding:0 12px;border-radius:99px;border:0;background:none;color:var(--ob-muted);font:600 12.5px var(--sans);cursor:pointer}.ob-error{font-size:12.5px;color:var(--ob-err);animation:obFade .3s both}.ob-shake{animation:obShake .42s ease both}.ob-msg{font-size:12.5px;line-height:1.5;padding:12px 14px;border-radius:14px;background:var(--ob-surf);animation:obRise .4s var(--ob-settle) both}.ob-btn{height:54px;border-radius:16px;border:0;background:var(--ob-btn);color:var(--ob-btn-ink);font:700 15px var(--sans);cursor:pointer;transition:transform .16s,opacity .25s}.ob-btn:disabled{opacity:.45;cursor:default}a.ob-btn{display:flex;align-items:center;justify-content:center}.ob-btn:not(:disabled):active{transform:scale(.97);opacity:.85}.ob-ghost{height:44px;border-radius:16px;border:0;background:none;color:var(--ob-muted);font:600 14px var(--sans);cursor:pointer;transition:opacity .16s}.ob-ghost:active{opacity:.6}.ob-pill{height:34px;padding:0 14px;border-radius:99px;border:1px solid var(--ob-line);background:none;color:var(--ob-muted);font:600 12.5px var(--sans);cursor:pointer;transition:transform .16s,opacity .16s}.ob-pill:active{transform:scale(.96);opacity:.6}.ob-round{height:36px;width:36px;border-radius:99px;border:0;background:var(--ob-surf);color:var(--ob-ink);font:700 15px var(--sans);cursor:pointer;transition:transform .16s,opacity .16s}.ob-round:active{transform:scale(.92);opacity:.8}.ob-link{background:none;border:0;padding:8px 0;color:var(--ob-muted);font:600 13px var(--sans);cursor:pointer;white-space:nowrap}.ob-card{border-radius:18px;background:var(--ob-surf);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.ob-tag{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--ob-acc)}.ob-dot{display:flex;gap:12px;font-size:14px;line-height:1.45}.ob-dot:before{content:"";flex:none;width:6px;height:6px;border-radius:99px;background:var(--ob-acc);margin-top:8px}.ob-small{font-size:12.5px;color:var(--ob-muted);line-height:1.5;padding-top:8px;border-top:1px solid var(--ob-line)}.ob-rows{border-radius:18px;background:var(--ob-surf);display:flex;flex-direction:column;overflow:hidden}.ob-rows button{height:52px;display:flex;align-items:center;gap:10px;padding:0 18px;border:0;background:none;color:var(--ob-ink);font:600 14px var(--sans);cursor:pointer;text-align:left;transition:transform .16s,opacity .16s}.ob-rows button+button{border-top:1px solid var(--ob-line)}.ob-rows button:active{transform:scale(.98);opacity:.7}.ob-rows .ob-meta{margin-left:auto;font-size:12px;color:var(--ob-muted);font-weight:500}.ob-check{gap:12px;background:none;border:0;padding:6px 0;color:var(--ob-ink);font:500 13.5px var(--sans);cursor:pointer;text-align:left}.ob-check,.ob-check>i{display:flex;align-items:center}.ob-check>i{width:24px;height:24px;border-radius:8px;border:1.5px solid var(--ob-muted);justify-content:center;flex:none;font-style:normal;font-size:13px;font-weight:800;color:var(--ob-btn-ink);transition:background .2s,border-color .2s}.ob-check[aria-checked=true]>i{background:var(--ob-ink);border-color:var(--ob-ink)}.ob-swatches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ob-swatch{height:120px;border-radius:18px;border:2px solid transparent;font:700 15px var(--sans);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px;padding:14px;box-sizing:border-box;transition:transform .16s,border-color .25s}.ob-swatch:active{transform:scale(.97)}.ob-swatch[aria-pressed=true]{border-color:var(--ob-acc)}.ob-swatch.dark{background:#1a1a1a;color:#efede3}.ob-swatch.light{background:#efede3;color:#1a1a1a}.ob-sizes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:4px;border-radius:16px;background:var(--ob-surf)}.ob-sizes button{height:52px;padding:0;border-radius:12px;border:0;background:transparent;color:var(--ob-ink);font-family:var(--sans);font-weight:700;cursor:pointer;transition:background .25s,color .25s,transform .16s}.ob-sizes button:active{transform:scale(.95)}.ob-sizes button[aria-pressed=true]{background:var(--ob-btn);color:var(--ob-btn-ink)}.ob-result{font-size:13px;font-weight:600;color:var(--ob-ok);animation:obFade .3s both}.ob-result.off{color:var(--ob-muted)}.ob-sheet{position:absolute;left:0;right:0;bottom:0;top:env(safe-area-inset-top);z-index:2;background:var(--ob-bg);display:flex;flex-direction:column;animation:obSheetUp .5s var(--ob-fold) both}.ob-sheet.out{animation:obSheetDown .4s var(--ob-fold) both}.ob-sheet-head{flex:none;display:flex;align-items:center;gap:10px;padding:14px 24px 10px;max-width:640px;width:100%;margin:0 auto;box-sizing:border-box}.ob-sheet-head h2{margin:0;flex:1 1;font-size:20px;font-weight:700;letter-spacing:-.02em}.ob-sheet-head button{height:36px;padding:0 16px;border-radius:99px;border:0;background:var(--ob-surf);color:var(--ob-ink);font:700 13px var(--sans);cursor:pointer}.ob-sheet-body{flex:1 1;min-height:0;overflow-y:auto;scrollbar-width:none}.ob-sheet-body::-webkit-scrollbar{display:none}.ob-sheet-inner{max-width:640px;margin:0 auto;padding:8px 24px calc(env(safe-area-inset-bottom) + 48px);box-sizing:border-box;display:flex;flex-direction:column;gap:18px}.ob-sheet-inner h3{margin:0 0 6px;font-size:15px;font-weight:700}.ob-sheet-inner p{margin:0;font-size:14px;line-height:1.6;color:var(--ob-muted);text-wrap:pretty}.ob-check,.ob-link,.ob-pill,.ob-round,.ob-sheet-head button{position:relative}.ob-check:after,.ob-link:after,.ob-pill:after,.ob-pw button:after,.ob-round:after,.ob-sheet-head button:after{content:"";position:absolute;inset:-5px}html[data-text=xxl] .ob-page,html[data-text=xxl] .ob-page .ob-col{min-height:calc(100dvh / 1.4)}@keyframes obInR{0%{opacity:0;transform:translateX(44px)}to{opacity:1;transform:none}}@keyframes obInL{0%{opacity:0;transform:translateX(-44px)}to{opacity:1;transform:none}}@keyframes obOut{to{opacity:0;transform:translateX(-44px)}}@keyframes obOutR{to{opacity:0;transform:translateX(44px)}}@keyframes obWord{0%{opacity:0;transform:translateY(18px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes obFade{0%{opacity:0}to{opacity:1}}@keyframes obRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes obShake{0%,to{transform:none}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}@keyframes obSheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes obSheetDown{0%{transform:none}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.ob,.ob *{animation:none!important;transition:none!important}}