@font-face{font-family:Yingguan Rounded;src:url(/fonts/resource-han-rounded/ResourceHanRoundedCN-Bold.subset.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.ob4{--ob4-bg:#f7f8f6;--ob4-card:#ffffff;--ob4-rail:#e3e6df;--ob4-rail-lip:#cfd3cb;--ob4-ink:#163300;--ob4-ink-2:#454745;--ob4-ink-3:#6f716d;--ob4-green:#9fe870;--ob4-green-lip:#6bb34d;--ob4-mint:#e2f6d5;--ob4-yellow:#ffe84a;--ob4-yellow-lip:#e2c21f;--ob4-orange:#ff7a45;--ob4-orange-lip:#d85a28;--ob4-gold:#f5b94d;--ob4-gold-lip:#cf9328;--ob4-forest:#075f35;--ob4-radius:16px;--ob4-lip:4px;--ob4-beat:667ms;--ob4-ease-out:cubic-bezier(0.22,1,0.36,1);--ob4-ease-move:cubic-bezier(0.645,0.045,0.355,1);--ob4-ease-fall:cubic-bezier(0.5,0,0.9,0.45);--ob4-dur-flash:83ms;--ob4-dur-snap:167ms;--ob4-dur-quick:250ms;--ob4-dur-base:333ms;--ob4-dur-page:417ms;--ob4-dur-turn:500ms;--ob4-dur-hold:667ms;--ob4-display:"Yingguan Rounded","PingFang SC",-apple-system,"Noto Sans CJK SC","Microsoft YaHei",sans-serif;color:var(--ob4-ink);font-family:var(--app-font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.ob4-display{font-family:var(--ob4-display);font-weight:700;letter-spacing:0}.ob4-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--ob4-bg);-webkit-user-select:none;user-select:none}.ob4-scene.is-ritual{background:var(--ob4-green)}.ob4-title{margin:0;font-size:30px;line-height:38px;text-align:center;color:var(--ob4-ink);white-space:pre-line;word-break:keep-all}.ob4-title.is-brand{font-size:32px;line-height:40px}.ob4-dock{position:absolute;left:20px;right:20px;bottom:0;padding-bottom:calc(env(safe-area-inset-bottom) + 24px);z-index:3}.ob4-btn{position:relative;display:block;width:100%;height:56px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;--face:var(--ob4-green);--lip:var(--ob4-green-lip);--fg:var(--ob4-ink)}.ob4-btn.is-inverse{--face:#ffffff;--lip:var(--ob4-green-lip);--fg:var(--ob4-ink)}.ob4-btn__face,.ob4-btn__lip{position:absolute;left:0;right:0;border-radius:var(--ob4-radius)}.ob4-btn__lip{top:var(--ob4-lip);bottom:0;background:var(--lip)}.ob4-btn__face{top:0;bottom:var(--ob4-lip);display:flex;align-items:center;justify-content:center;background:var(--face);color:var(--fg);font-family:var(--ob4-display);font-size:18px;font-weight:700;transition:transform var(--ob4-dur-snap) var(--ob4-ease-out)}.ob4-btn:active .ob4-btn__face{transform:translateY(var(--ob4-lip));transition-duration:50ms}.ob4-btn:focus-visible{outline:2px solid #163300;outline-offset:3px;border-radius:var(--ob4-radius)}.ob4-progress{position:relative;height:16px;border-radius:8px;background:var(--ob4-rail);overflow:hidden}.ob4-progress__fill{position:absolute;top:0;bottom:0;left:0;width:100%;border-radius:8px;background:var(--ob4-green);transform-origin:0 50%;transition:transform .42s cubic-bezier(.22,1,.36,1)}.ob4-progress__fill:after{content:"";position:absolute;top:4px;left:8px;right:8px;height:4px;border-radius:2px;background:rgba(255,255,255,.45)}.ob4-coach{display:flex;align-items:flex-end}.ob4-coach__bot{flex:none}.ob4-bubble{position:relative;flex:1;min-width:0;margin:0 0 18px 10px;padding:12px 16px;border:2px solid var(--ob4-rail);border-radius:var(--ob4-radius);background:var(--ob4-card);transform-origin:0 100%}.ob4-bubble:after,.ob4-bubble:before{content:"";position:absolute;left:-11px;bottom:14px;width:0;height:0;border-style:solid}.ob4-bubble:before{border-width:9px 11px 9px 0;border-color:transparent var(--ob4-rail) transparent transparent}.ob4-bubble:after{left:-8px;bottom:16px;border-width:7px 9px 7px 0;border-color:transparent var(--ob4-card) transparent transparent}.ob4-bubble.is-up{margin:0;transform-origin:50% 0}.ob4-bubble.is-up:before{top:-11px;bottom:auto;left:50%;margin-left:-9px;border-width:0 9px 11px;border-color:transparent transparent var(--ob4-rail) transparent}.ob4-bubble.is-up:after{top:-8px;bottom:auto;left:50%;margin-left:-7px;border-width:0 7px 9px;border-color:transparent transparent var(--ob4-card) transparent}.ob4-bubble__text{display:block;font-family:var(--ob4-display);font-size:20px;line-height:28px;font-weight:700;color:var(--ob4-ink);white-space:pre-line;word-break:keep-all}.ob4-card{position:relative;display:block;width:100%;height:132px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;--face:var(--ob4-card);--edge:var(--ob4-rail);--lip:var(--ob4-rail-lip)}.ob4-card.is-selected{--face:var(--ob4-mint);--edge:var(--ob4-green-lip);--lip:var(--ob4-green-lip)}.ob4-card__face,.ob4-card__lip{position:absolute;left:0;right:0;border-radius:18px}.ob4-card__lip{top:var(--ob4-lip);bottom:0;background:var(--lip)}.ob4-card__face{top:0;bottom:var(--ob4-lip);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--edge);background:var(--face);transition:transform var(--ob4-dur-snap) var(--ob4-ease-out)}.ob4-card.is-selected .ob4-card__face,.ob4-card:active .ob4-card__face{transform:translateY(2px)}.ob4-card:active .ob4-card__face{transition-duration:50ms}.ob4-card.is-selected .ob4-card__face{-webkit-animation:ob4-pick-card var(--ob4-dur-quick) var(--ob4-ease-out) both;animation:ob4-pick-card var(--ob4-dur-quick) var(--ob4-ease-out) both}@keyframes ob4-pick-card{0%{transform:translateY(2px) scale(.97)}45%{transform:translateY(2px) scale(1.02)}to{transform:translateY(2px) scale(1)}}.ob4 [role=checkbox],.ob4 [role=radio],.ob4 button{touch-action:manipulation}.ob4-card__label{display:block;margin-top:8px;font-family:var(--ob4-display);font-size:17px;line-height:22px;font-weight:700;color:var(--ob4-ink)}.ob4-card:focus-visible{outline:2px solid #163300;outline-offset:3px;border-radius:18px}.ob4-bubble-frame{position:absolute;top:0;left:0;border-radius:50%;overflow:hidden;background:#0e0f0c;box-shadow:0 0 0 4px #ffffff,0 7px 0 4px rgba(22,51,0,.16);pointer-events:none}.ob4-bubble-frame img,.ob4-still img{display:block;width:100%;height:100%;object-fit:cover;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.ob4-still{overflow:hidden;background:#0e0f0c}.ob4-chip{display:inline-block;padding:4px 10px;border-radius:999px;font-family:var(--ob4-display);font-size:15px;line-height:20px;font-weight:700;white-space:nowrap}.ob4-decor{pointer-events:none}.ob4-account,.ob4-ask,.ob4-effective,.ob4-idea,.ob4-lesson,.ob4-map,.ob4-open,.ob4-plan{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;padding:72px 20px 118px;padding:calc(env(safe-area-inset-top) + 64px) 20px calc(env(safe-area-inset-bottom) + var(--ob4-dock-room, 110px));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.ob4-account:after,.ob4-account:before,.ob4-ask:after,.ob4-ask:before,.ob4-effective:after,.ob4-effective:before,.ob4-idea:after,.ob4-idea:before,.ob4-lesson:after,.ob4-lesson:before,.ob4-map:after,.ob4-map:before,.ob4-open:after,.ob4-open:before,.ob4-plan:after,.ob4-plan:before{content:"";flex:1 0 0px}.ob4-ask:before,.ob4-effective:before,.ob4-lesson:before,.ob4-map:before,.ob4-open:before{flex-grow:0}.ob4-account>*+*,.ob4-ask>*+*,.ob4-effective>*+*,.ob4-idea>*+*,.ob4-lesson>*+*,.ob4-open>*+*,.ob4-plan>*+*{margin-top:14px}.ob4-account>*,.ob4-ask>*,.ob4-effective>*,.ob4-idea>*,.ob4-lesson>*,.ob4-open>*,.ob4-plan>*{width:100%;max-width:360px}.ob4-title.is-compact{font-size:24px;line-height:32px}.ob4-sub{margin:8px 0 0;font-size:16px;line-height:24px;text-align:center;color:var(--ob4-ink-2);white-space:pre-line}.ob4-stage.is-ritual .ob4-sub,.ob4-sub.is-ritual{color:var(--ob4-ink);opacity:.8}.ob4-note{margin:6px 0 0;line-height:20px;color:var(--ob4-ink-3)}.ob4-eyebrow,.ob4-note{font-size:13px;text-align:center}.ob4-eyebrow{margin:0;line-height:18px;color:var(--ob4-forest);letter-spacing:.04em}.ob4-lesson__tags{display:flex;justify-content:center}.ob4-tag{display:inline-block;margin:0 4px;padding:5px 12px;border-radius:999px;background:var(--ob4-ink);color:var(--ob4-green);font-size:13px;line-height:18px}.ob4-tag.is-soft{background:var(--ob4-mint);color:var(--ob4-ink)}.ob4-frame{position:relative;width:100%;border-radius:20px;box-shadow:0 6px 0 var(--ob4-rail-lip)}.ob4-frame:before{content:"";display:block}.ob4-frame.is-tv:before{padding-top:75%}.ob4-frame.is-wide:before{padding-top:56.25%}.ob4-frame>img,.ob4-frame>video{position:absolute;top:0;left:0;border-radius:20px}.ob4-frame>video{display:block;width:100%;height:100%;object-fit:cover;background:#0e0f0c;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;pointer-events:none}.ob4-frame__shade{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 34%,transparent 52%,rgba(0,0,0,.66))}.ob4-frame__tag{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#ffffff;font-size:12px;line-height:16px}.ob4-frame__play{position:absolute;right:12px;bottom:12px;width:52px;height:52px;padding:0 0 0 3px;border:0;border-radius:50%;background:var(--ob4-green);box-shadow:0 4px 0 var(--ob4-green-lip);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.ob4-frame__play:active{transform:translateY(4px);box-shadow:0 0 0 var(--ob4-green-lip)}.ob4-frame__play.is-playing:after,.ob4-frame__play.is-playing:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 3px var(--ob4-green);opacity:0;animation:ob4-ripple 1.4s linear infinite;pointer-events:none}.ob4-frame__play.is-playing:after{animation-delay:.7s}.is-low-power-device .ob4-frame__play.is-playing:after,.is-low-power-device .ob4-frame__play.is-playing:before,.v5-reduced-motion .ob4-frame__play.is-playing:after,.v5-reduced-motion .ob4-frame__play.is-playing:before{animation:none}@media (prefers-reduced-motion:reduce){.ob4-frame__play.is-playing:after,.ob4-frame__play.is-playing:before{animation:none}}.ob4-wave{flex-direction:column;padding:6px 0 2px}.ob4-wave,.ob4-wave__bars{display:flex;align-items:center}.ob4-wave__bars{height:56px}.ob4-wave__bars i{display:block;width:8px;height:56px;margin:0 4px;border-radius:4px;background:var(--ob4-rail);transform-origin:50% 50%;transition:background-color .2s ease}.ob4-wave.is-playing .ob4-wave__bars i{background:var(--ob4-green)}.ob4-wave__caption{margin-top:8px;font-size:15px;line-height:22px;color:var(--ob4-ink-2)}.ob4-frame__bars{display:flex;align-items:flex-end;height:20px}.ob4-frame__bars i{display:block;width:4px;height:20px;margin:0 2px;border-radius:2px;background:var(--ob4-ink);transform-origin:50% 100%;animation:ob4-bar .7s ease-in-out infinite alternate}.ob4-frame__bars i:nth-child(2){animation-delay:-.25s}.ob4-frame__bars i:nth-child(3){animation-delay:-.5s}@keyframes ob4-bar{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.ob4-frame__subs{position:absolute;left:12px;right:72px;bottom:14px;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.6)}.ob4-frame__zh{display:block;margin-top:2px;font-size:13px;line-height:18px;color:rgba(255,255,255,.92)}.ob4-lit{display:block;font-family:var(--ob4-display);font-size:19px;line-height:26px;font-weight:700}.ob4-lit__word{display:inline-block;margin-right:.28em;color:rgba(255,255,255,.4);transition:color .16s ease}.ob4-lit__word.is-lit{color:#ffffff}.ob4-lit__word.is-lit.is-focus{color:var(--ob4-green)}.ob4-choices>div+div{margin-top:10px}.ob4-choice{position:relative;display:block;width:100%;min-height:58px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;--face:#ffffff;--edge:var(--ob4-rail);--lip:var(--ob4-rail-lip)}.ob4-choice__face,.ob4-choice__lip{border-radius:16px}.ob4-choice__lip{position:absolute;left:0;right:0;top:4px;bottom:0;background:var(--lip)}.ob4-choice__face{position:relative;display:flex;align-items:center;min-height:54px;box-sizing:border-box;margin-bottom:4px;padding:10px 16px;border:2px solid var(--edge);background:var(--face);transition:transform var(--ob4-dur-snap) var(--ob4-ease-out);text-align:left}.ob4-choice:active .ob4-choice__face{transform:translateY(4px);transition-duration:50ms}.ob4-choice.is-picked .ob4-choice__face,.ob4-choice.is-right .ob4-choice__face,.ob4-choice.is-wrong .ob4-choice__face{-webkit-animation:ob4-pick var(--ob4-dur-quick) var(--ob4-ease-out) both;animation:ob4-pick var(--ob4-dur-quick) var(--ob4-ease-out) both}@keyframes ob4-pick{0%{transform:translateY(4px) scale(.98)}45%{transform:translateY(0) scale(1.015)}to{transform:translateY(0) scale(1)}}.ob4-stage[data-motion=less] .ob4-card__face,.ob4-stage[data-motion=less] .ob4-choice__face,.ob4-stage__mid[data-revisit] .ob4-card__face,.ob4-stage__mid[data-revisit] .ob4-choice__face{-webkit-animation:none;animation:none}.ob4-choice__text{flex:1;font-family:var(--ob4-display);font-size:17px;line-height:24px;font-weight:700;color:var(--ob4-ink)}.ob4-choice[lang=en] .ob4-choice__text{font-size:16px}.ob4-choice__tag{flex:none;margin-left:10px;padding:2px 8px;border-radius:999px;background:var(--ob4-mint);color:var(--ob4-forest);font-size:12px;line-height:18px}.ob4-choice__mark{flex:none;width:24px;height:24px;margin-left:12px;box-sizing:border-box;border:2px solid #868983;border-radius:50%}.ob4-choice.is-multi .ob4-choice__mark{border-radius:7px}.ob4-choice.is-answer,.ob4-choice.is-picked,.ob4-choice.is-right{--face:var(--ob4-mint);--edge:var(--ob4-green-lip);--lip:var(--ob4-green-lip)}.ob4-choice.is-wrong{--face:#ffece3;--edge:var(--ob4-orange);--lip:var(--ob4-orange-lip)}.ob4-choice.is-picked .ob4-choice__mark,.ob4-choice.is-right .ob4-choice__mark,.ob4-choice.is-wrong .ob4-choice__mark{border-color:var(--edge);background:var(--edge);box-shadow:inset 0 0 0 4px var(--face)}.ob4-choice.is-answer .ob4-choice__mark{position:relative;border-color:var(--ob4-green-lip)}.ob4-choice.is-answer .ob4-choice__mark:after{content:"";position:absolute;top:3px;left:6px;width:5px;height:9px;border:solid var(--ob4-green-lip);border-width:0 2px 2px 0;transform:rotate(45deg)}.ob4-choice.is-dim{--face:var(--ob4-bg);--edge:var(--ob4-rail);--lip:var(--ob4-rail-lip)}.ob4-feedback{box-sizing:border-box;padding:12px 16px;border-radius:16px;font-family:var(--ob4-display);font-size:16px;line-height:24px;color:var(--ob4-ink)}.ob4-feedback.is-right{background:var(--ob4-green);box-shadow:0 4px 0 var(--ob4-green-lip)}.ob4-feedback.is-note,.ob4-feedback.is-wrong{background:#fff4de;box-shadow:0 4px 0 #f0d9a6}.ob4-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ob4-confetti i{position:absolute;top:-12px;width:8px;height:14px;border-radius:3px;opacity:0;animation:ob4-confetti 1.6s cubic-bezier(.22,1,.36,1) forwards}@keyframes ob4-confetti{0%{opacity:1;transform:translateZ(0) rotate(0)}to{opacity:0;transform:translate3d(12px,420px,0) rotate(260deg)}}@media (prefers-reduced-motion:reduce){.ob4-confetti{display:none}}.is-low-power-device .ob4-confetti,.v5-reduced-motion .ob4-confetti{display:none}@media (max-height:760px){.ob4-lesson>.ob4-frame{max-width:300px}}@media (max-height:700px){.ob4-lesson>.ob4-frame,.ob4-open__frame{max-width:272px}}@media (max-height:600px){.ob4-lesson>.ob4-frame,.ob4-open__frame{max-width:224px}.ob4-account>*+*,.ob4-ask>*+*,.ob4-effective>*+*,.ob4-idea>*+*,.ob4-lesson>*+*,.ob4-open>*+*,.ob4-plan>*+*{margin-top:10px}.ob4-title,.ob4-title.is-compact{font-size:24px;line-height:31px}.ob4-choice{min-height:50px}}.ob4-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--ob4-bg);transition:background-color .6s ease .56s}.ob4-stage.is-ritual{background:var(--ob4-green)}.ob4-stage{--ob4-dock-room:32px;--ob4-chrome-top:calc(env(safe-area-inset-top) + 76px);--ob4-chrome-bottom:calc(env(safe-area-inset-bottom) + 118px)}.ob4-stage.has-dock{--ob4-dock-room:110px}.ob4-stage.has-dock.has-secondary{--ob4-dock-room:150px}.ob4-stage.has-note{--ob4-dock-room:190px}@media (max-width:400px){.ob4-stage.has-note{--ob4-dock-room:208px}}.ob4-stage.has-note.has-consent{--ob4-dock-room:232px}@media (max-width:400px){.ob4-stage.has-note.has-consent{--ob4-dock-room:250px}}.ob4-stage__bg,.ob4-stage__fg,.ob4-stage__mid{position:absolute;top:0;right:0;bottom:0;left:0}.ob4-stage__bg{z-index:0}.ob4-stage__fg{z-index:1;pointer-events:none}.ob4-stage__mid{z-index:2}.ob4-ripple{position:absolute;z-index:3;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(22,51,0,.12);pointer-events:none;-webkit-animation:ob4-ripple .25s cubic-bezier(.22,1,.36,1) both;animation:ob4-ripple .25s cubic-bezier(.22,1,.36,1) both}.ob4-stage.is-ritual .ob4-ripple{background:rgba(255,255,255,.4)}@keyframes ob4-ripple{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}.ob4-stage[data-motion=less] .ob4-ripple{-webkit-animation-name:ob4-ripple-fade;animation-name:ob4-ripple-fade}@keyframes ob4-ripple-fade{0%{opacity:1}to{opacity:0}}.ob4-step{position:absolute;top:0;right:0;bottom:0;left:0}.ob4-stage .ob4-scene{background:transparent}.ob4-fg{position:absolute;top:var(--ob4-chrome-top);right:0;bottom:var(--ob4-chrome-bottom);left:0}.ob4-fg__prop{position:absolute;animation:ob4-drift 8s ease-in-out infinite alternate}@keyframes ob4-drift{0%{transform:translateZ(0)}to{transform:translate3d(-6px,-16px,0)}}.ob4-fg__word{display:inline-block;padding:6px 12px;border-radius:999px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 4px 0 2px var(--ob4-rail-lip);font-family:var(--ob4-display);font-size:15px;font-weight:700;color:var(--ob4-ink);white-space:nowrap}.ob4-fg__wave{display:flex;align-items:center;height:34px;padding:0 10px;border-radius:999px;background:var(--ob4-ink)}.ob4-fg__wave i{display:block;width:4px;margin:0 2px;border-radius:2px;background:var(--ob4-green)}.ob4-fg__sprocket{display:flex;padding:7px 8px;border-radius:8px;background:var(--ob4-ink)}.ob4-fg__sprocket i{display:block;width:10px;height:12px;margin:0 3px;border-radius:3px;background:#ffffff;opacity:.85}.ob4-fg__bubble{display:block;overflow:hidden;border-radius:50%;box-shadow:0 0 0 4px #ffffff,0 7px 0 4px rgba(22,51,0,.14)}.ob4-fg__bubble img{display:block;width:100%;height:100%;object-fit:cover}.is-low-power-device .ob4-fg,.v5-reduced-motion .ob4-fg{display:none}@media (prefers-reduced-motion:reduce){.ob4-fg__prop{animation:none}}.ob4-stage__head{position:absolute;left:8px;right:64px;top:12px;top:calc(env(safe-area-inset-top) + 8px);z-index:3;display:flex;align-items:center}.ob4-stage__back{flex:none;width:44px;height:44px;margin-right:6px;padding:0;border:0;background:transparent;color:var(--ob4-ink-3);display:flex;align-items:center;justify-content:center;cursor:pointer}.ob4-stage__back:disabled{opacity:.3}.ob4-stage.is-ritual .ob4-stage__back{color:var(--ob4-ink)}.ob4-stage__progress{flex:1;min-width:0}.ob4-stage .ob4-dock{z-index:3}.ob4-stage .ob4-dock:before{content:"";position:absolute;top:-24px;right:-20px;bottom:0;left:-20px;z-index:-1;background:linear-gradient(180deg,rgba(247,248,246,0),rgba(247,248,246,.94) 24px);pointer-events:none}.ob4-stage.is-ritual .ob4-dock:before{background:linear-gradient(180deg,rgba(159,232,112,0),rgba(159,232,112,.94) 24px)}.ob4-stage__leap{flex:none;min-height:44px;margin-left:10px;padding:0 12px;border:0;border-radius:999px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 2px 0 2px var(--ob4-rail-lip);color:var(--ob4-ink-2);font-size:14px;line-height:20px;transition:transform var(--ob4-dur-flash) var(--ob4-ease-out),opacity var(--ob4-dur-snap) var(--ob4-ease-out)}.ob4-stage__leap:active{transform:translateY(1px)}@keyframes ob4-leap-veil{0%{opacity:0}}@keyframes ob4-leap-card{0%{opacity:0;transform:translateY(-12px)}}@keyframes ob4-leap-row{0%{opacity:0;transform:translateY(6px)}}@keyframes ob4-leap-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes ob4-leap-fade{0%{opacity:0}}.ob4-leap{z-index:6}.ob4-leap,.ob4-leap__scrim{position:absolute;top:0;right:0;bottom:0;left:0}.ob4-leap__scrim{border:0;padding:0;background:linear-gradient(180deg,rgba(247,248,246,0) calc(100% - 164px),rgba(247,248,246,.94) calc(100% - 140px)),rgba(22,51,0,.46);animation:ob4-leap-veil var(--ob4-dur-base) var(--ob4-ease-out) both}.ob4-leap__card{position:absolute;top:64px;top:calc(env(safe-area-inset-top) + 64px);right:20px;left:20px;max-width:360px;margin:0 auto;box-sizing:border-box;padding:16px 16px 14px;border-radius:20px;background:var(--ob4-card);box-shadow:0 0 0 2px var(--ob4-rail),0 6px 0 2px var(--ob4-rail-lip);text-align:left;animation:ob4-leap-card var(--ob4-dur-snap) var(--ob4-ease-out) both}.ob4-leap__card:after,.ob4-leap__card:before{content:"";position:absolute;width:0;height:0;border-style:solid}.ob4-leap__card:before{top:-12px;right:75px;border-width:0 9px 12px;border-color:transparent transparent var(--ob4-rail)}.ob4-leap__card:after{top:-9px;right:77px;border-width:0 7px 10px;border-color:transparent transparent var(--ob4-card)}.ob4-leap__title{display:block;padding-right:48px;font-size:15px;line-height:22px;color:var(--ob4-ink-2)}.ob4-leap__loss{margin-top:12px}.ob4-leap__item{display:flex;align-items:center;font-size:19px;line-height:26px;color:var(--ob4-ink);animation:ob4-leap-row var(--ob4-dur-snap) var(--ob4-ease-out) both}.ob4-leap__item+.ob4-leap__item{margin-top:10px}.ob4-leap__item.is-more{font-size:15px;color:var(--ob4-ink-2)}.ob4-leap__bar{flex:none;width:10px;height:22px;margin-right:12px;border-radius:5px;background:var(--ob4-green)}.ob4-leap__bar.is-rest{height:18px;border:2px dashed var(--ob4-rail-lip);background:none}.ob4-leap__guan{position:absolute;top:8px;right:12px}.ob4-leap__dock{transition:none;animation:ob4-leap-rise var(--ob4-dur-snap) var(--ob4-ease-out) both;pointer-events:none}.ob4-leap__dock.is-ready{pointer-events:auto}[data-motion=less] .ob4-leap__card,[data-motion=less] .ob4-leap__dock,[data-motion=less] .ob4-leap__item{animation-name:ob4-leap-fade}@media (max-height:600px){.ob4-leap__card{top:calc(env(safe-area-inset-top) + 56px)}.ob4-leap__guan{transform:scale(.82);transform-origin:100% 0}}.ob4-stage .ob4-dock.is-held{opacity:0;transform:translateY(calc(100% + 24px));pointer-events:none}.ob4-stage .ob4-dock.is-held.is-veiled{transform:none}.ob4-leap .ob4-dock:before{display:none}.ob4-stage .ob4-dock{transition:transform var(--ob4-dur-base) var(--ob4-ease-out),opacity var(--ob4-dur-base) var(--ob4-ease-out)}.ob4-stage[data-motion=less] .ob4-dock{transition:opacity var(--ob4-dur-snap) var(--ob4-ease-out)}.ob4-stage[data-motion=less] .ob4-dock.is-held{transform:none}.ob4-inline-cta{margin-top:22px!important}.ob4-inline-cta .ob4-dock__secondary{margin-top:4px}.ob4-dock__primary.is-disabled,.ob4-inline-cta.is-disabled .ob4-btn{opacity:.45;pointer-events:none}.ob4-dock__secondary{display:block;width:100%;min-height:44px;margin-top:6px;border:0;background:transparent;color:var(--ob4-ink-2);font-size:16px;cursor:pointer}.ob4-dock__consent{display:flex;align-items:flex-start;margin:0 0 6px;font-size:12px;line-height:18px;color:var(--ob4-ink-2);text-align:left}.ob4-dock__consent.is-nudge{color:var(--ob4-orange-lip);animation:ob4-nudge .36s cubic-bezier(.36,.07,.19,.97)}@keyframes ob4-nudge{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.ob4-dock__check{flex:none;position:relative;display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin:0 6px 0 0;padding:0;border:0;border-radius:50%;background:#ffffff;box-shadow:inset 0 0 0 1.5px var(--ob4-ink-3);color:transparent;cursor:pointer}.ob4-dock__check:before{content:"";position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px}.ob4-dock__check.is-on{background:var(--ob4-ink);box-shadow:none;color:var(--ob4-green)}.ob4-dock__law{margin:0;padding:0;border:0;background:transparent;color:var(--ob4-ink);font:inherit;text-decoration:underline;cursor:pointer}.ob4-dock__note{margin:0 0 8px;font-size:12px;line-height:17px;text-align:center;color:var(--ob4-ink-2)}.ob4-dock__links{margin:2px 0 0;font-size:12px;line-height:18px;text-align:center;color:var(--ob4-ink-3)}.ob4-dock__link{position:relative;min-height:32px;padding:0 2px;border:0;background:transparent;font:inherit;color:var(--ob4-ink-3);text-decoration:underline;cursor:pointer}.ob4-dock__link:after{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.ob4-stage.is-ritual .ob4-dock__secondary{color:var(--ob4-ink)}.ob4-solo{overflow:hidden;background:#f7f8f6}.ob4-host,.ob4-solo{position:fixed;top:0;right:0;bottom:0;left:0}.ob4-host{--yg-onboarding-flow-z:10020;z-index:10020;z-index:var(--yg-onboarding-flow-z);transition:opacity .38s cubic-bezier(.4,0,1,1)}.ob4-host.is-paywall{z-index:92}.ob4-covering .v5-ladder-shell{visibility:hidden}.ob4-covering .v5-ladder-shell *{animation-play-state:paused!important}.ob4-host.is-leaving{opacity:0;pointer-events:none;transition-delay:.32s}.ob4-pour__anchor{position:absolute;left:50%;top:40%;width:0;height:0}.ob4-pour__launch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ob4-pour__badge{position:absolute;left:-68px;top:-68px;width:136px;height:136px}.ob4-pour__gulp{display:flex;align-items:center;justify-content:center}.ob4-pour__disc,.ob4-pour__gulp{position:absolute;top:0;right:0;bottom:0;left:0}.ob4-pour__disc{border-radius:50%;background:#ffffff;box-shadow:0 6px 0 var(--ob4-green-lip)}.ob4-pour__badge img{position:relative;display:block;width:80px;height:auto}.ob4-pour__peek{position:absolute;left:-52px;top:-158px}.ob4-pour__title{position:absolute;left:24px;right:24px;top:40%;margin-top:112px}.ob4-bu__stage{position:relative}.ob4-bu__old{position:absolute;left:50%;bottom:0;width:0;height:0;z-index:0}.ob4-oldblock{position:absolute;left:0;bottom:0;height:40px;margin-bottom:4px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef0ec;box-shadow:0 4px 0 var(--ob4-rail-lip);color:var(--ob4-ink-3);font-size:15px}.ob4-oldblock.is-stub{width:56px;margin-left:-28px;height:16px;border-radius:8px;background:var(--ob4-rail)}.ob4-dust{position:absolute;left:22%;bottom:0;width:18px;height:18px;border-radius:50%;background:#dfe3da}.ob4-floor{position:absolute;left:0;right:0;display:flex;align-items:center;box-sizing:border-box;padding-right:24px;border-radius:16px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 4px 0 2px var(--ob4-rail-lip)}.ob4-floor.is-base{background:var(--ob4-ink);box-shadow:0 5px 0 #0b1f00}.ob4-floor.is-top{background:var(--ob4-mint);box-shadow:0 0 0 2px var(--ob4-green-lip),0 4px 0 2px var(--ob4-green-lip)}.ob4-floor__name{flex:none;width:24px;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;font-size:12px;line-height:24px;letter-spacing:1px;text-align:center;color:var(--ob4-ink-3)}.ob4-floor.is-base .ob4-floor__name{color:var(--ob4-green)}.ob4-floor__slot{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center}.ob4-floor__tile{position:relative;flex:none;width:92px;display:flex;flex-direction:column;align-items:center}.ob4-floor__chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:10px;background:var(--ob4-bg);box-shadow:0 0 0 1.5px var(--ob4-rail);font-size:15px;line-height:20px;color:var(--ob4-ink);white-space:nowrap}.ob4-floor.is-top .ob4-floor__chip{background:#ffffff}.ob4-floor.is-top .ob4-floor__chip.is-key,.ob4-floor__chip.is-key{background:var(--ob4-green);box-shadow:0 3px 0 var(--ob4-green-lip)}.ob4-floor__frog{flex:none;margin-right:4px}.ob4-floor__socket{display:flex;align-items:center;justify-content:center;width:44px;height:32px;box-sizing:border-box;border:2px dashed #b9c0b0;border-radius:10px;color:#9aa294;font-size:14px}.ob4-floor__socket.is-open{width:56px;border-color:var(--ob4-green-lip);background:rgba(255,255,255,.7);color:var(--ob4-forest);font-size:16px}.ob4-floor__link{display:block;margin-top:-1px}.ob4-floor__gloss{font-size:11px;line-height:12px;color:var(--ob4-ink-2)}.ob4-floor__thumb{display:block;width:64px;height:44px;overflow:hidden;border-radius:8px}.ob4-floor__thumb img{display:block;width:100%;height:100%;object-fit:cover;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}.ob4-floor__wave-span{flex:none;width:calc(92px + (100% - 140px) / 2)}.ob4-floor__wave{display:flex;align-items:center;height:28px;padding-left:9px}.ob4-floor__wave i{display:block;flex:none;width:4px;margin-right:3px;border-radius:2px;background:rgba(255,255,255,.35)}.ob4-floor__wave i.is-hot{background:var(--ob4-green)}.ob4-bu__rider{position:absolute;left:50%}@media (max-height:700px){.ob4-floor__chip{padding:5px 9px;font-size:14px}}@media (max-height:600px){.ob4-floor__chip{padding:4px 8px;font-size:13px;line-height:18px}.ob4-floor__link{display:none}.ob4-floor__name{font-size:11px}}.ob4-open__chips,.ob4-open__coach .ob4-coach{justify-content:center}.ob4-open__chips{display:flex;flex-wrap:wrap}.ob4-known{box-sizing:border-box;display:inline-flex;align-items:center;margin:4px;padding:6px 10px;border-radius:14px;border:2px dashed #b9c0b0;background:rgba(255,255,255,.6);font-size:17px;line-height:22px;transition:background var(--ob4-dur-base) var(--ob4-ease-out),border-color var(--ob4-dur-base) var(--ob4-ease-out),box-shadow var(--ob4-dur-base) var(--ob4-ease-out)}.ob4-known.is-on{border-color:transparent;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-green-lip),0 4px 0 2px var(--ob4-green-lip)}.ob4-known__slot{opacity:0;transition:opacity var(--ob4-dur-base) var(--ob4-ease-out)}.ob4-known.is-on .ob4-known__slot{opacity:1}.ob4-known svg{margin-left:6px}[data-skipped] .ob4-known,[data-skipped] .ob4-known__slot{transition-duration:var(--ob4-dur-snap)!important}.ob4-open__copy{text-align:center}.ob4-rowcells{display:flex;align-items:center}.ob4-rowcells+.ob4-rowcells{margin-top:12px}.ob4-rowcells__label{flex:none;width:44px;height:44px;margin-right:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--ob4-ink);color:var(--ob4-green)}.ob4-rowcells__label.is-hear{background:var(--ob4-rail);color:var(--ob4-ink-3)}.ob4-cell{flex:1;height:58px;margin-left:6px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:16px}.ob4-cell.is-full{background:var(--ob4-green);box-shadow:0 4px 0 var(--ob4-green-lip);color:var(--ob4-ink)}.ob4-cell.is-empty{box-sizing:border-box;border:2px dashed #b9c0b0;background:rgba(255,255,255,.6)}.ob4-idea__copy{text-align:center}.ob4-idea.is-ritual{padding-top:60px}.ob4-1658{display:flex;align-items:center;justify-content:center}.ob4-1658__book,.ob4-1658__film{display:flex;flex-direction:column;align-items:center}.ob4-1658__book svg{filter:none;border-radius:12px;box-shadow:0 6px 0 rgba(22,51,0,.18)}.ob4-1658__film{width:150px}.ob4-1658__arrow{margin:0 8px;flex:none}.ob4-1658__cap{margin-top:10px;font-size:13px;line-height:18px;color:var(--ob4-ink)}.ob4-1658__lock{display:flex;align-items:center;justify-content:center;margin-top:16px}.ob4-1658__lock img{margin-right:10px;border-radius:10px;background:#ffffff;padding:4px}.ob4-1658__lock span{font-size:22px;line-height:30px}.ob4-lesson{justify-content:flex-start}.ob4-grab{display:flex;align-items:center}.ob4-grab__coach{flex:none;margin-right:10px}.ob4-grab__cards{flex:1;min-width:0}.ob4-mini-card{box-sizing:border-box;padding:10px 14px;border-radius:16px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 4px 0 2px var(--ob4-rail-lip)}.ob4-mini-card+.ob4-mini-card{margin-top:12px}.ob4-mini-card.is-key{background:var(--ob4-mint);box-shadow:0 0 0 2px var(--ob4-green-lip),0 4px 0 2px var(--ob4-green-lip)}.ob4-mini-card__label{display:block;font-size:12px;line-height:16px;color:var(--ob4-ink-3)}.ob4-mini-card__big{display:block;font-family:var(--ob4-display);font-size:20px;line-height:28px;font-weight:700;color:var(--ob4-ink)}.ob4-mini-card__note{display:block;font-size:13px;line-height:18px;color:var(--ob4-ink-2)}.ob4-bigplay{width:112px!important;height:112px;padding:0 0 0 6px;border:0;border-radius:50%;background:var(--ob4-green);box-shadow:0 8px 0 var(--ob4-green-lip);display:flex;align-items:center;justify-content:center;cursor:pointer}.ob4-bigplay:active{transform:translateY(6px);box-shadow:0 2px 0 var(--ob4-green-lip)}.ob4-bigplay.is-playing svg{animation:ob4-bar .6s ease-in-out infinite alternate}.ob4-swap{display:flex;align-items:flex-end;justify-content:center}.ob4-swap__photo{position:relative;display:flex;flex-direction:column;align-items:center;margin-right:16px;padding:12px 14px 10px;border-radius:16px;background:#fffdf5;box-shadow:0 0 0 2px #e6d7b5,0 5px 0 2px #d9c69c;transform:rotate(-4deg)}.ob4-swap__cap{margin-top:4px;font-size:12px;line-height:16px;color:var(--ob4-ink-3)}.ob4-swap__line{margin:0;font-size:24px;line-height:32px;text-align:center;color:var(--ob4-ink)}.ob4-swap__line b{color:var(--ob4-forest);box-shadow:inset 0 -8px 0 var(--ob4-green)}.ob4-relisten__ask>*+*{margin-top:14px}.ob4-compare__row{display:flex}.ob4-meter{flex:1;box-sizing:border-box;padding:12px 14px;border-radius:16px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 4px 0 2px var(--ob4-rail-lip)}.ob4-meter+.ob4-meter{margin-left:12px}.ob4-meter.is-hot{background:var(--ob4-mint);box-shadow:0 0 0 2px var(--ob4-green-lip),0 4px 0 2px var(--ob4-green-lip)}.ob4-meter__label{display:block;font-size:12px;line-height:16px;color:var(--ob4-ink-3)}.ob4-meter__bars{display:flex;margin:8px 0}.ob4-meter__bars i{display:block;flex:1;height:8px;margin-right:5px;border-radius:4px;background:var(--ob4-rail)}.ob4-meter__bars i.is-on{background:var(--ob4-green-lip)}.ob4-meter__value{display:block;font-size:16px;line-height:22px;color:var(--ob4-ink)}.ob4-compare__line{margin:12px 0 0;font-size:18px;line-height:26px;text-align:center;color:var(--ob4-ink)}.ob4-pattern__row{display:flex;align-items:center;box-sizing:border-box;padding:8px;border-radius:16px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 4px 0 2px var(--ob4-rail-lip)}.ob4-pattern__row+.ob4-pattern__row{margin-top:12px}.ob4-pattern__thumb{position:relative;flex:none;width:84px;height:58px;margin-right:12px;border-radius:10px}.ob4-pattern__play{position:absolute;right:4px;bottom:4px;width:26px;height:26px;padding:0 0 0 2px;border:0;border-radius:50%;background:var(--ob4-green);display:flex;align-items:center;justify-content:center}.ob4-pattern__text{flex:1;min-width:0}.ob4-pattern__line{display:block;font-size:16px;line-height:22px;color:var(--ob4-ink)}.ob4-pattern__line b{color:var(--ob4-forest);box-shadow:inset 0 -7px 0 var(--ob4-green)}.ob4-pattern__show{display:inline-block;margin-top:2px;font-size:12px;line-height:16px;color:var(--ob4-ink-3)}.ob4-pattern__chip{width:auto!important;margin:16px auto 0;padding:10px 18px;border-radius:999px;background:var(--ob4-ink);color:var(--ob4-green);font-size:18px;line-height:24px;text-align:center}.ob4-pattern{display:flex;flex-direction:column}.ob4-compose__row{display:flex;flex-wrap:wrap;justify-content:center;padding:20px 0}.ob4-compose__block{margin:4px 3px;padding:12px 16px;border-radius:14px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 4px 0 2px var(--ob4-rail-lip);font-size:22px;line-height:28px;color:var(--ob4-ink)}.ob4-compose__block.is-key{position:relative;z-index:1;background:var(--ob4-green);box-shadow:0 0 0 2px var(--ob4-green-lip),0 4px 0 2px var(--ob4-green-lip)}@media (max-width:414px){.ob4-compose__block{margin:4px 2px;padding:10px 11px;font-size:20px;line-height:26px}}.ob4-compose__zh{margin:0;font-size:16px;line-height:24px;text-align:center;color:var(--ob4-ink-2)}.ob4-compose__zh .ob4-pattern__show{margin-left:8px}@media (max-height:600px){.ob4-pattern__thumb{width:64px;height:44px}}.ob4-guan__room{position:relative;perspective:600px;perspective-origin:50% 45%}.ob4-guan{position:relative;transform-origin:50% 100%;perspective:620px;perspective-origin:50% 42%}.ob4-guan__layer{transform-origin:50% 62%}.ob4-guan__head{transform-origin:50% 88%}.ob4-guan__face{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity var(--ob4-dur-snap) var(--ob4-ease-out)}.ob4-guan__face.is-blink{opacity:0}.ob4-guan__layer.is-back{z-index:3}.ob4-guan__whirl{top:-10%;left:-25%;width:150%;height:122%;z-index:0;transform-origin:50% 50%;pointer-events:none}.ob4-guan__layer,.ob4-guan__whirl{position:absolute;overflow:visible}.ob4-guan__layer{top:0;left:0}.ob4-guan__layer.is-front{z-index:2;pointer-events:none}.ob4-guan__head{position:absolute;top:-6%;left:0;z-index:1}.ob4-map{justify-content:flex-start}.ob4-map__board{position:relative;width:100%;max-width:340px;height:58%;min-height:300px}.ob4-map__path{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.ob4-map__node{position:absolute;width:74px;height:74px;margin:-37px 0 0 -37px}.ob4-map__cover{display:block;width:74px;height:74px;box-shadow:0 0 0 4px #ffffff,0 7px 0 4px var(--ob4-rail-lip);position:relative}.ob4-map__cover,.ob4-map__cover img{border-radius:50%}.ob4-map__node.is-start .ob4-map__cover{box-shadow:0 0 0 5px var(--ob4-green),0 8px 0 5px var(--ob4-green-lip)}.ob4-map__node.is-tried .ob4-map__cover{box-shadow:0 0 0 3px #ffffff,0 0 0 6px var(--ob4-green-lip)}.ob4-map__node.is-tried .ob4-map__cover:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border:2px dashed var(--ob4-green-lip);border-radius:50%}.ob4-map__node.is-lock .ob4-map__cover img{opacity:.55}.ob4-map__node.is-lock .ob4-map__cover{background:#0e0f0c}.ob4-map__lock{position:absolute;top:50%;left:50%;margin:-9px 0 0 -9px}.ob4-map__label{position:absolute;top:84px;left:50%;width:96px;margin-left:-48px;text-align:center;font-size:13px;line-height:18px}.ob4-map__label.is-start{color:var(--ob4-forest)}.ob4-map__label.is-tried{color:var(--ob4-ink-3)}.ob4-map__guan{position:absolute;left:8%;bottom:-2%}.ob4-map__copy{width:100%;max-width:360px;margin-top:26px;text-align:center}.ob4-ask{justify-content:flex-start}.ob4-ask__coach .ob4-coach{justify-content:center}.ob4-ask__copy{text-align:center}.ob4-roles{display:flex;justify-content:center}.ob4-roles__chip{margin:0 5px;padding:6px 14px;border-radius:999px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail);color:var(--ob4-ink-3);font-size:15px;line-height:20px;transition:background-color .2s ease,color .2s ease}.ob4-roles__chip.is-on{background:var(--ob4-ink);box-shadow:none;color:var(--ob4-green)}.ob4-roles__chip.is-done{color:var(--ob4-ink)}.ob4-ask.is-intro:before{flex-grow:1}.ob4-intro{position:relative;flex:none;margin-left:auto;margin-right:auto}.ob4-intro__ring{position:absolute;top:50%;left:50%;box-sizing:border-box;border:5px solid var(--ob4-rail);border-radius:50%}.ob4-intro__ring.is-buddy{border-color:var(--ob4-green)}.ob4-intro__ring.is-teacher{border-color:#f5b94d}.ob4-intro__ring.is-coach{border-color:var(--ob4-ink)}.ob4-intro__guan{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ob4-intro__line{display:flex;justify-content:center}.ob4-intro__line .ob4-bubble{flex:none}@media (max-height:600px){.ob4-intro__line .ob4-bubble{padding:8px 14px}.ob4-intro__line .ob4-bubble__text{font-size:17px;line-height:24px}}.ob4-roles__chip{display:inline-flex;align-items:center}.ob4-roles__dot{display:block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--ob4-rail);transition:background-color .2s ease}.ob4-roles__chip.is-buddy.is-on,.ob4-roles__chip.is-teacher.is-on{color:var(--ob4-ink)}.ob4-roles__chip.is-buddy.is-on{background:var(--ob4-green)}.ob4-roles__chip.is-teacher.is-on{background:#f5b94d}.ob4-roles__chip.is-coach.is-on{background:var(--ob4-ink);color:var(--ob4-green)}.ob4-roles__chip.is-on .ob4-roles__dot{background:#ffffff}.ob4-roles__chip.is-buddy.is-done .ob4-roles__dot,.ob4-roles__chip.is-coach.is-on .ob4-roles__dot{background:var(--ob4-green)}.ob4-roles__chip.is-teacher.is-done .ob4-roles__dot{background:#f5b94d}.ob4-roles__chip.is-coach.is-done .ob4-roles__dot{background:var(--ob4-ink)}.ob4-ask__grid{display:flex;flex-wrap:wrap;justify-content:space-between}.ob4-ask__cell{width:48.5%;margin-bottom:14px}.ob4-ask__cell.is-last{margin-left:auto;margin-right:auto}.ob4-card__icon{display:block;width:48px;height:48px}.ob4-card.is-number{height:116px}.ob4-card__num{display:block;font-size:44px;line-height:48px;color:var(--ob4-ink);font-variant-numeric:tabular-nums}.ob4-card__unit{display:block;font-size:14px;line-height:18px;color:var(--ob4-ink-2)}.ob4-ask__list .ob4-eyebrow{margin-bottom:10px}.ob4-ask__foot{margin-top:4px}@media (max-height:700px){.ob4-card{height:104px}.ob4-card.is-number{height:96px}}.is-compact .ob4-card{height:104px}.is-compact .ob4-card.is-number{height:96px}.ob4-effective{justify-content:flex-start}.ob4-effective__copy{text-align:center}.ob4-flowmap{position:relative;height:250px;border-radius:20px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 6px 0 2px var(--ob4-rail-lip);overflow:hidden}.ob4-flowmap__zone{position:absolute;font-size:14px;line-height:20px}.ob4-flowmap__zone.is-hard{top:22px;left:44px;color:var(--ob4-orange-lip)}.ob4-flowmap__zone.is-easy{right:22px;bottom:40px;color:var(--ob4-ink-3)}.ob4-flowmap__lane{position:absolute;left:-10%;top:44%;width:120%;height:58px;background:var(--ob4-mint);box-shadow:inset 0 2px 0 var(--ob4-green-lip),inset 0 -2px 0 var(--ob4-green-lip);transform:rotate(-36deg)}.ob4-flowmap__lane-label{position:absolute;top:18px;left:44%;font-size:15px;line-height:20px;color:var(--ob4-forest)}.ob4-flowmap__guan{position:absolute;left:30px;bottom:18px}.ob4-flowmap__axis{position:absolute;font-size:12px;line-height:16px;color:var(--ob4-ink-3)}.ob4-flowmap__axis.is-x{right:14px;bottom:10px}.ob4-flowmap__axis.is-y{top:10px;left:12px}.ob4-echo{box-sizing:border-box;padding:12px 16px;border-radius:16px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 4px 0 2px var(--ob4-rail-lip)}.ob4-echo p{margin:0}.ob4-echo p+p{margin-top:8px}.ob4-echo__said{display:block;font-size:13px;line-height:18px;color:var(--ob4-ink-3)}.ob4-echo__reply{display:block;font-family:var(--ob4-display);font-size:16px;line-height:22px;font-weight:700;color:var(--ob4-ink)}.ob4-formula{display:flex;flex-direction:column;align-items:center}.ob4-formula__term{box-sizing:border-box;width:100%;padding:14px 16px;border-radius:18px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 5px 0 2px var(--ob4-rail-lip);text-align:center}.ob4-formula__term b{display:block;font-size:24px;line-height:32px;color:var(--ob4-ink)}.ob4-formula__term span{display:block;margin-top:2px;font-size:14px;line-height:20px;color:var(--ob4-ink-2)}.ob4-formula__term.is-result{background:var(--ob4-green);box-shadow:0 5px 0 var(--ob4-green-lip)}.ob4-formula__term.is-result span{color:var(--ob4-ink)}.ob4-formula__op{margin:6px 0;font-size:28px;line-height:30px;color:var(--ob4-forest)}@media (max-height:600px){.ob4-map__board{min-height:236px}}.ob4-plan__copy{text-align:center}.ob4-plan__copy.is-left,.ob4-plan__copy.is-left .ob4-eyebrow,.ob4-plan__copy.is-left .ob4-title{text-align:left}.ob4-plan__guan{display:flex;justify-content:center}.ob4-recap{box-sizing:border-box;padding:12px 16px 4px;border-radius:20px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 6px 0 2px var(--ob4-rail-lip)}.ob4-recap__head{display:flex;align-items:center;margin-bottom:4px}.ob4-recap__head b{margin-left:10px;font-size:17px;line-height:22px}.ob4-recap__row{display:flex;align-items:center;width:100%;min-height:46px;margin:0;padding:7px 0;border:0;border-top:1px solid var(--ob4-rail);border-radius:0;background:transparent;text-align:left;cursor:pointer;transition:background-color .12s ease,transform .12s ease}.ob4-recap__row:active{background:var(--ob4-bg);transform:scale(.99)}.ob4-recap__check{flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:10px;border-radius:50%;background:var(--ob4-mint);color:var(--ob4-forest)}.ob4-recap__text{display:flex;align-items:flex-start;flex:1;min-width:0;margin-right:8px}.ob4-recap__label{flex:none;width:68px;padding-top:2px;font-size:13px;line-height:18px;color:var(--ob4-ink-3)}.ob4-recap__values{display:flex;flex:1;flex-wrap:wrap;min-width:0;margin-top:-3px}.ob4-recap__values>.ob4-recap__value:not(.is-chip){margin-top:3px}.ob4-recap__value{font-size:16px;line-height:22px;color:var(--ob4-ink)}.ob4-recap__value.is-chip{margin:3px 6px 0 0;padding:2px 10px;border-radius:999px;background:var(--ob4-bg);font-size:14px;line-height:20px}.ob4-recap__chevron{flex:none;color:var(--ob4-ink-3)}@media (max-height:600px){.ob4-recap__row{min-height:38px;padding:5px 0}.ob4-recap__head{margin-bottom:0}.ob4-recap__value{font-size:15px;line-height:20px}.ob4-recap__value.is-chip{font-size:13px;line-height:18px}}.ob4-building{box-sizing:border-box;padding:16px;border-radius:20px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 6px 0 2px var(--ob4-rail-lip)}.ob4-building__bar{display:block;height:10px;margin-bottom:8px;border-radius:5px;background:var(--ob4-rail);overflow:hidden}.ob4-building__bar i{display:block;height:100%;border-radius:5px;background:var(--ob4-green-lip);transform-origin:0 50%}.ob4-checkrow{display:flex;align-items:center;padding:10px 0;font-size:16px;line-height:22px;color:var(--ob4-ink)}.ob4-checkrow.is-small{padding:6px 0;font-size:15px}.ob4-checkrow.is-soon{color:var(--ob4-ink-3)}.ob4-tick{flex:none;width:24px;height:24px;margin-right:12px;border-radius:50%;background:var(--ob4-green-lip);display:flex;align-items:center;justify-content:center}.ob4-tick.is-off{box-sizing:border-box;background:transparent;border:2px solid #868983}.ob4-soon{margin-left:auto;padding:3px 9px;border-radius:999px;background:var(--ob4-gold);color:#3b2600;font-size:12px;line-height:16px;font-style:normal;white-space:nowrap}.ob4-pass{box-sizing:border-box;padding:16px 12px 12px;border-radius:22px;background:var(--ob4-green);box-shadow:0 6px 0 var(--ob4-green-lip)}.ob4-pass__days{display:flex}.ob4-pass__day{flex:1;display:flex;flex-direction:column;align-items:center;margin:0 2px;padding:8px 0;border-radius:12px;background:#ffffff;color:var(--ob4-ink)}.ob4-pass__day.is-today{background:var(--ob4-ink);color:var(--ob4-green)}.ob4-pass__day small{font-size:11px;line-height:14px}.ob4-pass__day b{font-size:18px;line-height:24px;font-variant-numeric:tabular-nums}.ob4-pass__sum{margin:12px 0 0;text-align:center;font-size:15px;line-height:20px;color:var(--ob4-ink)}.ob4-pass__sum b{font-size:26px;font-variant-numeric:tabular-nums}.ob4-remind{display:flex;flex-direction:column;align-items:center}.ob4-remind__clock{font-size:64px;line-height:72px;color:var(--ob4-ink);font-variant-numeric:tabular-nums}.ob4-remind__sub{font-size:14px;line-height:20px;color:var(--ob4-ink-3)}.ob4-chips,.ob4-remind__chips{display:flex;flex-wrap:wrap;justify-content:center}.ob4-pill{margin:5px;padding:10px 16px;min-height:44px;border:0;border-radius:999px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 4px 0 2px var(--ob4-rail-lip);font-family:var(--ob4-display);font-size:15px;line-height:20px;font-weight:700;color:var(--ob4-ink);cursor:pointer}.ob4-pill.is-on{background:var(--ob4-ink);box-shadow:0 4px 0 #0b1f00;color:var(--ob4-green)}.ob4-remind__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;width:100%;max-width:320px;margin-right:auto;margin-left:auto;padding:5px 0}.ob4-remind__chips .ob4-pill{margin:0;font-variant-numeric:tabular-nums;transition:transform var(--ob4-dur-snap) var(--ob4-ease-out),box-shadow var(--ob4-dur-snap) var(--ob4-ease-out)}.ob4-remind__chips .ob4-pill:active{opacity:1;transform:translateY(4px);box-shadow:0 0 0 2px var(--ob4-rail),0 0 0 2px var(--ob4-rail-lip);transition-duration:var(--ob4-dur-flash)}.ob4-remind__chips .ob4-pill.is-on:active{box-shadow:0 0 0 #0b1f00}.ob4-remind__commit .ob4-choice.is-picked .ob4-choice__mark{position:relative;box-shadow:none}.ob4-remind__commit .ob4-choice.is-picked .ob4-choice__mark:after{content:"";position:absolute;top:2px;left:6px;width:5px;height:10px;border:solid var(--face);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.ob4-devnote{display:block;padding:4px 10px;border-radius:999px;background:#fff4de;color:#8a5a00;font-size:12px;line-height:16px}.ob4-account__copy,.ob4-devnote{text-align:center}.ob4-account__copy.is-left,.ob4-account__copy.is-left .ob4-sub,.ob4-account__copy.is-left .ob4-title{text-align:left}.ob4-account__guan{display:flex;justify-content:center}.ob4-save{box-sizing:border-box;padding:16px;border-radius:20px;background:#ffffff;box-shadow:0 0 0 2px var(--ob4-rail),0 6px 0 2px var(--ob4-rail-lip)}.ob4-save__title{display:block;font-size:18px;line-height:24px}.ob4-save__part{margin-top:12px;padding-top:12px;border-top:1px solid var(--ob4-rail)}.ob4-where{display:inline-block;margin-bottom:6px;padding:3px 10px;border-radius:999px;background:#eef0ec;color:var(--ob4-ink-2);font-size:12px;line-height:16px}.ob4-where.is-cloud{background:var(--ob4-mint);color:var(--ob4-ink)}.ob4-saverow{display:flex;align-items:center;padding:3px 0;font-size:15px;line-height:21px;color:var(--ob4-ink)}.ob4-saverow svg{flex:none;margin-right:8px}.ob4-login{display:flex;flex-direction:column;align-items:center}.ob4-login img{margin-bottom:14px}.ob4-login__dock{position:absolute;left:20px;right:20px;bottom:28px;bottom:calc(env(safe-area-inset-bottom) + 20px);max-width:none!important;width:auto!important}.ob4-agree{display:flex;align-items:flex-start;justify-content:center;width:100%;margin:0 0 12px;padding:0;border:0;background:transparent;color:var(--ob4-ink-3);font-size:13px;line-height:20px;text-align:left;cursor:pointer}.ob4-agree__box{flex:none;width:18px;height:18px;margin:1px 8px 0 0;box-sizing:border-box;border:2px solid #868983;border-radius:50%}.ob4-agree.is-on .ob4-agree__box{border-color:var(--ob4-green-lip);background:var(--ob4-green-lip);box-shadow:inset 0 0 0 3px #ffffff}.ob4-agree u{color:var(--ob4-ink-2)}.ob4-wechat .ob4-btn{--face:#07c160;--lip:#05984a;--fg:#ffffff}.ob4-phone{margin-top:12px}.ob4-phone .ob4-btn{--lip:var(--ob4-rail-lip)}.ob4-field__error{color:var(--ob4-orange-lip);text-align:left}.ob4-field{display:block}.ob4-field__label{display:block;margin-bottom:8px;font-size:14px;line-height:20px;color:var(--ob4-ink-2)}.ob4-field input{display:block;width:100%;height:58px;box-sizing:border-box;padding:0 16px;border:2px solid var(--ob4-green-lip);border-radius:16px;background:#ffffff;font:inherit;font-size:18px;color:var(--ob4-ink);-webkit-user-select:text;user-select:text}.ob4-code{display:flex;align-items:center}.ob4-code input{flex:1 1 0;min-width:0}.ob4-code__send{flex:none;height:58px;margin-left:10px;padding:0 14px;border:0;border-radius:16px;background:var(--ob4-ink);box-shadow:0 4px 0 #0b1c00;color:#ffffff;font-size:15px;font-variant-numeric:tabular-nums;cursor:pointer}.ob4-code__send:disabled{background:var(--ob4-rail);box-shadow:0 4px 0 var(--ob4-rail-lip);color:var(--ob4-ink-3);cursor:default}.ob4-account__copy.is-top,.ob4-plan__copy.is-top{position:relative;margin-bottom:8px}.ob4-account.is-cheer .ob4-cheer__stamp{transform-origin:0 70%;-webkit-animation-name:ob4-cheer-stamp;animation-name:ob4-cheer-stamp;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes ob4-cheer-stamp{0%{opacity:0;transform:scale(1.18);animation-timing-function:cubic-bezier(.5,0,.9,.45)}55%{opacity:1;transform:scale(.96);animation-timing-function:cubic-bezier(.22,1,.36,1)}to{opacity:1;transform:scale(1)}}.ob4-cheer__guan{position:absolute;top:-10px;right:0;width:64px;height:64px;pointer-events:none;-webkit-animation-name:ob4-cheer-hop;animation-name:ob4-cheer-hop;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes ob4-cheer-hop{0%{opacity:0;transform:translateY(36px);animation-timing-function:cubic-bezier(.22,1,.36,1)}60%{opacity:1;transform:translateY(-28px);animation-timing-function:cubic-bezier(.5,0,.9,.45)}to{opacity:1;transform:translateY(0)}}.ob4-stage[data-motion=less] .ob4-account.is-cheer .ob4-cheer__stamp,.ob4-stage[data-motion=less] .ob4-cheer__guan{-webkit-animation-name:ob4-cheer-fade;animation-name:ob4-cheer-fade}@keyframes ob4-cheer-fade{0%{opacity:0}to{opacity:1}}.ob4-ready{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:40px 20px 120px}.ob4-ready__door{position:relative;width:210px;height:260px;perspective:700px}.ob4-ready__inside{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:var(--ob4-ink);overflow:hidden}.ob4-ready__dot{position:absolute;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#ffffff}.ob4-ready__dot.is-start{width:24px;height:24px;margin:-12px 0 0 -12px;background:var(--ob4-green)}.ob4-ready__panel{position:absolute;top:0;bottom:0;width:50%;background:#ffffff;box-shadow:inset 0 0 0 3px var(--ob4-ink)}.ob4-ready__panel.is-left{left:0;border-radius:18px 0 0 18px}.ob4-ready__panel.is-right{right:0;border-radius:0 18px 18px 0;background:var(--ob4-mint)}.ob4-ready__guan{margin-top:-70px;z-index:2}.ob4-ready__copy{margin-top:18px;text-align:center}@media (max-height:600px){.ob4-remind__clock{font-size:48px;line-height:56px}.ob4-account__guan{display:none}}