.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}@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-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-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>span:first-child{font-size:22px;font-weight:600;letter-spacing:-.02em}.ob-count>span:last-child{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>div{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;transition:opacity .16s}.ob-pw button:active{opacity:.6}.ob-error{font-size:12.5px;color:var(--ob-err);animation:obFade .3s both}.ob-fields{display:flex;flex-direction:column;gap:10px}.ob-shake{animation:obShake .42s ease both}.ob-shake[data-shake="0"]{animation-name:obShakeAgain}.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}.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.ob-tall{height:46px}.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;border-radius:0;padding:8px 0;color:var(--ob-muted);font:600 13px var(--sans);cursor:pointer;white-space:nowrap;transition:opacity .16s}.ob-link:active{opacity:.6}.ob-row{justify-content:space-between;gap:12px}.ob-remember,.ob-row{display:flex;align-items:center}.ob-remember{gap:10px;background:none;border:0;border-radius:0;padding:8px 0;color:var(--ob-ink);font:500 13px var(--sans);cursor:pointer;text-align:left;transition:opacity .16s}.ob-remember:active{opacity:.6}.ob-remember>span:first-child{width:22px;height:22px;border-radius:7px;border:1px solid var(--ob-line);background:transparent;color:var(--ob-btn-ink);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:none;transition:background .2s,border-color .2s}.ob-remember[aria-checked=true]>span:first-child{border-color:var(--ob-ink);background:var(--ob-ink)}.ob-check,.ob-link,.ob-pill,.ob-remember,.ob-round,.ob-sheet-head button{position:relative}.ob-check:after,.ob-link:after,.ob-pill:after,.ob-pw button:after,.ob-remember:after,.ob-round:after,.ob-sheet-head button:after{content:"";position:absolute;inset:-5px}html[data-text=xxl] .ob-page{min-height:calc(100dvh / 1.32)}html[data-text=xxl] .ob.ob-page .ob-body,html[data-text=xxl] .ob.ob-page .ob-step{min-height:auto}.ob.ob-page{position:static;inset:auto;z-index:auto;display:flex;justify-content:center;box-sizing:border-box;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 14px) 24px calc(env(safe-area-inset-bottom) + 28px);font-size:16px;line-height:normal;font-feature-settings:normal;transition:background .4s,color .4s}@media (min-width:768px){.ob.ob-page{padding:calc(env(safe-area-inset-top) + 28px) 40px calc(env(safe-area-inset-bottom) + 36px)}}@media (min-width:1200px){.ob.ob-page{padding:calc(env(safe-area-inset-top) + 36px) 40px calc(env(safe-area-inset-bottom) + 40px)}}.ob.ob-page :not(input,button,.ob-btn){box-sizing:content-box}.ob.ob-page .ob-col{width:100%;height:auto;margin:0;padding:0}.ob.ob-page .ob-body{overflow:visible;scrollbar-width:auto}.ob.ob-page .ob-title{text-wrap:wrap}.ob.ob-page .ob-foot{padding-bottom:6px}.ob.ob-page :is(input,button,.ob-btn){font-family:Manrope Variable,Manrope,sans-serif}.ob.ob-page .ob-field input[type]{font-size:16px;min-height:auto;border:0}.ob.ob-page .ob-field input[type]:focus-visible{outline:none;outline-offset:0}.ob.ob-page .ob-field input::placeholder{color:#8d8578;font-weight:inherit}.ob.ob-page .ob-field input:-webkit-autofill,.ob.ob-page .ob-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ob-ink);-webkit-box-shadow:0 0 0 1000px var(--ob-surf) inset;caret-color:var(--ob-ink)}.ob.ob-page .ob-col :is(button,a):focus-visible{outline:revert;outline-offset:revert}.ob.ob-page .ob-btn[aria-disabled=true]:not(:active){opacity:.45}html[data-text] body:has(.ob-welcome){zoom:1}html[data-text=sm] .ob-welcome .ob-col{zoom:.9}html[data-text=lg] .ob-welcome .ob-col{zoom:1.1}html[data-text=xl] .ob-welcome .ob-col{zoom:1.2}html[data-text=xxl] .ob-welcome .ob-col{zoom:1.32}.ob.ob-page.ob-welcome{min-height:100dvh;font-weight:400}.ob-welcome .ob-body,.ob-welcome .ob-step{min-height:auto}.ob-welcome h1.ob-title:focus{outline:none;outline-offset:0;border-radius:0}.ob-points{border-radius:18px;background:var(--ob-surf);padding:16px 18px;display:flex;flex-direction:column;gap:12px}.ob-perm>div,.ob-points>div{display:flex;gap:12px;font-size:14px;line-height:1.45}.ob-perm>div>span:first-child,.ob-points>div>span:first-child{flex:none;width:6px;height:6px;border-radius:99px;background:var(--ob-acc);margin-top:8px}.ob-points>div>span:last-child{text-wrap:pretty}.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 button>span:first-child{flex:1 1}.ob-rows button>span:nth-child(2){font-size:12px;color:var(--ob-muted);font-weight:500}.ob-rows button>span:last-child{color:var(--ob-muted)}.ob-check{display:flex;align-items:center;gap:12px;background:none;border:0;padding:6px 0;color:var(--ob-ink);font:500 13.5px var(--sans);cursor:pointer;text-align:left;transition:opacity .16s}.ob-check:active{opacity:.6}.ob-check>span{width:24px;height:24px;border-radius:8px;border:1.5px solid var(--ob-muted);background:transparent;color:var(--ob-btn-ink);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:none;transition:background .2s,border-color .2s}.ob-check[aria-checked=true]>span{background:var(--ob-ink);border-color:var(--ob-ink)}.ob.ob-page.ob-welcome .ob-field input{font-size:16px;min-height:auto;border:0}.ob.ob-page.ob-welcome .ob-field input:focus-visible{outline:none;outline-offset:0}.ob-bday{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:8px}.ob-bday .ob-field{min-width:0}.ob.ob-page .ob-bday .ob-field input{padding:0 14px}.ob-swatches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ob.ob-page .ob-swatch{height:120px;border-radius:18px;border:2px solid transparent;font:700 15px Manrope Variable,Manrope,sans-serif;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.ob-page .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-swatch>span:first-child{width:60%;height:8px;border-radius:99px;background:currentColor;opacity:.85}.ob-swatch>span:nth-child(2){width:40%;height:8px;border-radius:99px;background:currentColor;opacity:.4}.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;border-radius:12px;border:0;background:transparent;color:var(--ob-ink);font-weight:700;font-feature-settings:normal;font-variant-numeric:normal;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-sample{padding:14px 16px;border-radius:14px;font-size:14px;line-height:1.5}.ob-face,.ob-sample{background:var(--ob-surf)}.ob-face{height:150px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.ob-face>span:first-child{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--ob-ink)}.ob-face>span.ok{color:#8fbf7a}.ob-face>span.scan{animation:obPulse 1.2s ease-in-out infinite}.ob-face>span:last-child{font-size:12px;color:var(--ob-muted)}.ob-perm{padding:16px 18px;border-radius:18px;background:var(--ob-surf);display:flex;flex-direction:column;gap:10px}.ob-perm>div{gap:10px}.ob-perm>div>span:first-child{background:var(--ob-ink)}.ob-tag{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--ob-acc)}.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-result{font-size:13px;font-weight:600;color:var(--ob-ok);animation:obFade .3s both}.ob-result.off{color:var(--ob-muted)}.ob-card{padding:16px 18px;border-radius:18px;background:var(--ob-surf);display:flex;flex-direction:column;gap:6px}.ob-card>span:last-child{font-size:14px;line-height:1.5}.ob-done{border-radius:18px;background:var(--ob-surf);padding:4px 18px;display:flex;flex-direction:column}.ob-done>div{height:38px;display:flex;align-items:center;border-bottom:1px solid var(--ob-line);font-size:13.5px}.ob-done>div>span:first-child{flex:1 1;color:var(--ob-muted)}.ob-done>div>span:last-child{font-weight:600}.ob.ob-page .ob-sheet{position:fixed;left:0;right:0;bottom:0;top:calc(env(safe-area-inset-top) - 6px);z-index:25;background:var(--ob-bg);color:var(--ob-ink);display:flex;flex-direction:column;animation:obSheetUp .5s cubic-bezier(.22,1,.36,1) both}.ob.ob-page .ob-sheet.out{animation:obSheetDown .4s cubic-bezier(.22,1,.36,1) both}.ob.ob-page .ob-sheet-head{flex:none;display:flex;align-items:center;gap:10px;padding:10px 24px;max-width:640px;width:100%;margin:0 auto;box-sizing:border-box}.ob.ob-page .ob-sheet-head h2{margin:0;flex:1 1;font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:normal;text-wrap:wrap}.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;transition:transform .16s,opacity .16s}.ob-sheet-head button:active{transform:scale(.95);opacity:.8}.ob-sheet-body{flex:1 1;min-height:0;overflow-y:auto;scrollbar-width:none}.ob-sheet-body::-webkit-scrollbar{display:none}.ob.ob-page .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-meta{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--ob-acc)}.ob-sheet-inner>div{display:flex;flex-direction:column;gap:6px}.ob.ob-page .ob-sheet-inner h3{margin:0;font-size:15px;font-weight:700;line-height:normal;letter-spacing:normal;text-wrap:wrap}.ob.ob-page .ob-sheet-inner p{margin:0;font-size:14px;line-height:1.6;color:var(--ob-muted);text-wrap:pretty}@media (min-width:768px){.ob.ob-page .ob-sheet{top:calc(env(safe-area-inset-top) + 16px)}.ob.ob-page .ob-sheet-head{padding:10px 40px}.ob.ob-page .ob-sheet-inner{padding:8px 40px calc(env(safe-area-inset-bottom) + 48px)}}@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 obShakeAgain{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%)}}@keyframes obPulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.ob,.ob *{animation:none!important;transition:none!important}}