:root{--ob-glass: rgba(251,248,240,.66);--ob-tile: rgba(255,255,255,.7);--ob-h: #063322;--ob-p: #4d5f55;--ob-line: rgba(6,51,34,.08)}@media (prefers-color-scheme: dark){:root{--ob-glass: rgba(8,19,14,.7);--ob-tile: rgba(255,255,255,.08);--ob-h: #F6F1E4;--ob-p: #A9BBAE;--ob-line: rgba(255,255,255,.1)}}.ob-ic{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.ob-orb{border-radius:50%;position:relative;margin:0 auto;flex:none;background:radial-gradient(circle at 30% 22%,#ffffffbf,#fff0 45%),radial-gradient(circle at 50% 60%,#18b98a47,#1f8fff2e 70%),#ffffff40;box-shadow:inset 0 0 0 1.5px #fffc,inset 0 -10px 30px #18b98a40,0 18px 50px #0b8f5c4d}.ob-orb svg{position:absolute;inset:0;width:100%;height:100%}.ob-orb path{fill:none;stroke-width:3.2;stroke-linecap:round;transform-origin:50% 50%}.ob-orb .w1{stroke:#0fa86b;filter:drop-shadow(0 0 3px #18b98a);animation:obw 2.6s ease-in-out infinite alternate}.ob-orb .w2{stroke:#1f8fff;opacity:.85;filter:drop-shadow(0 0 3px #1f8fff);animation:obw 3.1s ease-in-out -1s infinite alternate-reverse}@keyframes obw{0%{transform:scaleY(.55)}to{transform:scaleY(1.15)}}#onb{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;padding:calc(56px + env(safe-area-inset-top)) 24px calc(22px + env(safe-area-inset-bottom));background:var(--ob-glass);-webkit-backdrop-filter:blur(26px) saturate(1.6);backdrop-filter:blur(26px) saturate(1.6);animation:obIn .4s ease both;overflow:hidden}#onb.out{animation:obOut .32s ease both}@keyframes obIn{0%{opacity:0}to{opacity:1}}@keyframes obOut{to{opacity:0;transform:scale(1.04)}}.ob-card{flex:1;display:flex;flex-direction:column;overflow-y:auto}.ob-card.in{animation:obUp .5s cubic-bezier(.2,.8,.2,1) both}.ob-card.in-r{animation:obR .38s cubic-bezier(.2,.8,.2,1) both}.ob-card.in-l{animation:obL .38s cubic-bezier(.2,.8,.2,1) both}@keyframes obUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes obR{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:none}}@keyframes obL{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:none}}.ob-hero{position:relative;margin:6px 0 28px}.ob-hero .ob-orb{animation:obFloat 4s ease-in-out infinite}@keyframes obFloat{50%{transform:translateY(-6px)}}.ob-h{font-size:30px;font-weight:800;letter-spacing:-.6px;color:var(--ob-h);line-height:1.12;text-align:center}.ob-p{font-size:16.5px;color:var(--ob-p);line-height:1.45;text-align:center;margin:10px 0 18px}.ob-p.ob-sm{font-size:13.5px;margin:8px 0 0}.ob-q{margin-top:10px;font-weight:700;color:var(--ob-h);text-align:center;font-size:15px}.ob-pick{display:flex;gap:12px;margin-top:12px}.ob-pick button{flex:1;border:0;border-radius:20px;padding:18px 12px;text-align:center;background:var(--ob-tile);box-shadow:inset 0 0 0 1px var(--ob-line);color:var(--ob-h);font-weight:700;font-size:16px;transition:transform .2s,box-shadow .2s,background .2s}.ob-pick button:active{transform:scale(.96)}.ob-pick .ob-ic{display:block;margin:0 auto 8px;color:#0b8f5c}.ob-pick button.on{box-shadow:inset 0 0 0 2px #0b8f5c;background:#18b98a29}.ob-pick small{display:block;font-weight:500;color:var(--ob-p);font-size:12.5px;margin-top:4px}.ob-say{margin:0 0 9px;padding:13px 16px;border-radius:20px;background:var(--ob-tile);color:var(--ob-h);font-size:15.5px;box-shadow:inset 0 0 0 1px var(--ob-line)}.ob-feat{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:18px;background:var(--ob-tile);box-shadow:inset 0 0 0 1px var(--ob-line);margin-bottom:9px;color:var(--ob-h)}.ob-card .ob-feat{animation:obUp .45s cubic-bezier(.2,.8,.2,1) both}.ob-card .ob-feat:nth-of-type(2){animation-delay:.05s}.ob-card .ob-feat:nth-of-type(3){animation-delay:.1s}.ob-card .ob-feat:nth-of-type(4){animation-delay:.15s}.ob-card .ob-feat:nth-of-type(5){animation-delay:.2s}.ob-feat .b{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;flex:none}.ob-feat b{display:block;font-size:15.5px}.ob-feat span{font-size:13.5px;color:var(--ob-p)}.ob-try{position:relative;height:112px;margin-top:auto;padding-top:14px}.ob-try>i{position:absolute;left:50%;top:64px;margin-left:6px;color:var(--ob-h);animation:obPress 1.8s ease-in-out infinite}@keyframes obPress{0%,to{transform:translate(6px,6px)}40%,70%{transform:none}}.ob-tri{display:flex;gap:10px;margin-top:8px}.ob-tri>div{flex:1;text-align:center;padding:14px 6px;border-radius:22px;background:var(--ob-tile);color:var(--ob-h);font-weight:700;font-size:13.5px;animation:obUp .45s cubic-bezier(.2,.8,.2,1) both}.ob-tri>div:nth-child(2){animation-delay:.08s}.ob-tri>div:nth-child(3){animation-delay:.16s}.ob-tri span{width:46px;height:46px;border-radius:16px;margin:0 auto 8px;display:grid;place-items:center;color:#fff}.ob-foot{padding-top:14px}.ob-dots{display:flex;gap:7px;justify-content:center;margin-bottom:16px}.ob-dots i{width:7px;height:7px;border-radius:4px;background:var(--ob-line);transition:width .3s}.ob-dots i.on{width:22px;background:#0b8f5c}.ob-btn{display:block;width:100%;border:0;border-radius:18px;padding:16px;font-size:17px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0b8f5c,#18b98a 60%,#1f8fff);box-shadow:0 10px 26px #0b8f5c4d}.ob-btn:active{transform:scale(.98)}.ob-skip{display:block;margin:10px auto 0;border:0;background:none;color:var(--sub);font-size:15px;padding:6px 12px}.ob-skip[hidden]{visibility:hidden;display:block}.ob-sp{position:absolute;animation:obFloat 3s ease-in-out infinite}.ob-sp.s1{left:22%;top:0;color:#ffb020}.ob-sp.s2{right:22%;top:70%;color:#ff5fa2;animation-delay:-1.2s}#onb.kid{background:radial-gradient(circle at 20% 10%,rgba(255,200,120,.5),transparent 50%),radial-gradient(circle at 90% 40%,rgba(180,140,255,.42),transparent 55%),var(--ob-glass)}#onb.kid .ob-h{font-size:32px}#onb.kid .ob-p{font-size:18px}#onb.kid .ob-btn{background:linear-gradient(135deg,#ff8a3d,#ff5fa2 55%,#8b5cf6);box-shadow:0 10px 26px #ff5fa259;font-size:19px;border-radius:24px}#onb.kid .ob-dots i.on{background:#ff5fa2}#onb.kid .ob-pick button.on{box-shadow:inset 0 0 0 2px #ff5fa2;background:#ff5fa21f}#onb.kid .ob-pick .ob-ic{color:#ff5fa2}@media (prefers-color-scheme: light){#onb.kid .ob-h{color:#3a2a7a}#onb.kid .ob-p{color:#5b5385}}.card.ob-steps{padding:16px 16px 8px;transition:transform .26s ease,opacity .26s ease;touch-action:pan-y}.ob-st-h{display:flex;align-items:center;gap:12px}.ob-st-h b{display:block;font-size:18px}.ob-st-h span{font-size:13.5px;color:var(--sub)}.ob-bar{height:6px;border-radius:3px;background:var(--track);margin:14px 0 4px;overflow:hidden}.ob-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#0b8f5c,#1f8fff);transition:width .6s cubic-bezier(.2,.8,.2,1)}.ob-st{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:10px 0;border-top:1px solid var(--line);font-size:15px;color:var(--text);text-align:left}.ob-st:first-of-type{border-top:0}.ob-st .c{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#0b8f5c;box-shadow:inset 0 0 0 1.6px var(--line);flex:none}.ob-st .t{flex:1}.ob-st>.ob-ic{color:var(--sub)}.ob-st.done{color:var(--sub)}.ob-st.done .t{text-decoration:line-through}.ob-st.done .c{background:#0b8f5c;color:#fff;box-shadow:none}.ob-hide{text-align:center;font-size:12px;color:var(--sub);opacity:.7;padding:4px 0 2px}.ob-tip{position:fixed;left:14px;right:14px;bottom:calc(var(--tabs) + 22px);z-index:800;padding:10px 16px 12px;border-radius:22px;color:var(--ob-h);background:color-mix(in srgb,var(--card) 84%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);box-shadow:0 16px 40px #06332238,inset 0 0 0 1px var(--ob-line);animation:obTip .45s cubic-bezier(.2,.8,.2,1) both;transition:transform .25s ease}.ob-tip.out{animation:obTipOut .3s ease both}@keyframes obTip{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}@keyframes obTipOut{to{opacity:0;transform:translateY(40px)}}.ob-grab{width:38px;height:5px;border-radius:3px;background:var(--ob-line);margin:0 auto 10px}.ob-tip-b{display:flex;gap:12px;align-items:flex-start}.ob-tip-i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0b8f5c,#1f8fff);flex:none}.ob-tip b{font-size:16px}.ob-tip p{margin:3px 0 0;font-size:14.5px;color:var(--ob-p);line-height:1.42}.ob-tip-f{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:13px;color:var(--sub)}.ob-tip-f button{border:0;background:none;font-weight:700;color:#0b8f5c;font-size:15px;padding:4px 0}.ob-tip.kid .ob-tip-i{background:linear-gradient(135deg,#ff8a3d,#ff5fa2)}.ob-tip.kid p{font-size:16px}