.scene[data-scene="how-result"] .scene-fade,.scene[data-scene="how-ready"] .scene-fade,.scene[data-scene="how-practice"] .scene-fade,.scene[data-scene="how-work"] .scene-fade{display: none;}.scene .hm-ring{position: relative;}.scene .hm-ring::after{content: "";position: absolute;inset: -2px;border-radius: inherit;box-shadow: 0 0 0 2px var(--hm-c,var(--accent));opacity: 0;pointer-events: none;}.scene .hm-ring.is-shown::after,.scene .hm-ring.is-on::after{animation: hm-ring 700ms var(--e-out) 160ms 1 backwards;}.scene .hm-ring.hm-wait.is-shown::after{animation: hm-wait 1800ms var(--e-inout) 700ms infinite backwards;}@keyframes hm-ring{0%{opacity: 0;transform: scale(1);}20%{opacity: .6;}100%{opacity: 0;transform: scale(1.4);}}@keyframes hm-wait{0%,100%{opacity: 0;transform: scale(1);}45%{opacity: .65;transform: scale(1.12);}}.scene .hm-mark{position: relative;z-index: 0;white-space: nowrap;}.scene .hm-mark::before{content: "";position: absolute;inset: 1px -3px;z-index: -1;border-radius: 4px;background: var(--hm-c,var(--mark));transform: scaleX(0);transform-origin: 0 50%;transition: transform 500ms var(--e-out);}.scene .hm-mark.is-marked::before{transform: scaleX(1);}.scene[data-scene="how-result"] .scene-cam > .hr-win{left: 80px;top: 30px;width: 640px;height: 580px;}.scene[data-scene="how-result"] .scene-cam > .hr-win .sk-body{padding-bottom: 0;}.scene[data-scene="how-result"] .hr-steps{position: relative;z-index: 0;flex: 0 0 222px;display: flex;flex-direction: column;gap: 4px;padding: 20px 10px;border-right: 1px solid var(--line-2);background: var(--fill-3);}.scene[data-scene="how-result"] .sk-frame.hr-a{left: 84px;top: 34px;width: 632px;height: 496px;}.scene[data-scene="how-result"] .sk-frame.hr-b{left: 84px;top: 46px;width: 632px;height: 552px;}.scene[data-scene="how-result"] .hr-cur{position: absolute;left: 6px;right: 6px;top: 20px;z-index: -1;height: 92px;border-radius: 10px;background: #fff;box-shadow: 0 0 0 1px var(--line-2),0 1px 3px rgba(0,0,0,.08);transition: transform var(--t-mid) var(--e-inout),opacity 150ms linear;}.scene[data-scene="how-result"] .hr-s1.is-done ~ .hr-cur{transform: translateY(96px);}.scene[data-scene="how-result"] .hr-s2.is-done ~ .hr-cur{transform: translateY(192px);}.scene[data-scene="how-result"] .hr-s3.is-done ~ .hr-cur{transform: translateY(288px);}.scene[data-scene="how-result"] .hr-s4.is-done ~ .hr-cur{transform: translateY(384px);}.scene[data-scene="how-result"] .hr-s5.is-done ~ .hr-cur{opacity: 0;}.scene[data-scene="how-result"] .hr-step{display: flex;align-items: flex-start;gap: 10px;height: 92px;padding: 9px 4px 0;font: 500 17px/1.2 var(--font-body);color: var(--ink-body);white-space: nowrap;}.scene[data-scene="how-result"] .hr-step.is-done{color: var(--ink);}.scene[data-scene="how-result"] .hr-sl{display: flex;flex-direction: column;gap: 2px;min-width: 0;}.scene[data-scene="how-result"] .hr-sl > b{font-weight: 500;}.scene[data-scene="how-result"] .hr-sub{font: 400 16px/1.25 var(--font-body);color: var(--ink-2);white-space: normal;transition: opacity var(--t-mid) var(--e-out) 120ms,transform var(--t-mid) var(--e-out) 120ms;}.scene[data-scene="how-result"] .hr-step:not(.is-said):not(.is-done) .hr-sub{opacity: 0;transform: translateY(4px);transition: none;}.scene[data-scene="how-result"] .hr-dot{position: relative;flex: 0 0 26px;height: 26px;border-radius: 50%;box-shadow: inset 0 0 0 1.5px var(--line-3);display: grid;place-items: center;}.scene[data-scene="how-result"] .hr-dot b{font: 500 15px/1 var(--font-body);color: var(--ink-body);}.scene[data-scene="how-result"] .hr-dot i{position: absolute;inset: 0;border-radius: 50%;background: var(--pop-green);color: #fff;display: grid;place-items: center;opacity: 0;transform: scale(.5);transition: opacity 160ms linear,transform var(--t-mid) var(--e-pop);}.scene[data-scene="how-result"] .hr-step.is-done .hr-dot i{opacity: 1;transform: none;}.scene[data-scene="how-result"] .hr-steps.is-all .hr-dot i{animation: hr-pulse 420ms var(--e-out) backwards;}.scene[data-scene="how-result"] .hr-steps.is-all .hr-s2 .hr-dot i{animation-delay: 70ms;}.scene[data-scene="how-result"] .hr-steps.is-all .hr-s3 .hr-dot i{animation-delay: 140ms;}.scene[data-scene="how-result"] .hr-steps.is-all .hr-s4 .hr-dot i{animation-delay: 210ms;}.scene[data-scene="how-result"] .hr-steps.is-all .hr-s5 .hr-dot i{animation-delay: 280ms;}@keyframes hr-pulse{0%,100%{transform: none;}45%{transform: scale(1.25);}}.scene[data-scene="how-result"] .hr-fly{position: absolute;left: 168px;top: -2px;z-index: 3;width: 26px;height: 26px;border-radius: 50%;background: var(--pop-green);color: #fff;display: grid;place-items: center;}.scene[data-scene="how-result"] .hr-chat{flex: 1 1 auto;min-width: 0;display: flex;flex-direction: column;gap: 12px;padding: 18px 18px 22px 24px;}.scene[data-scene="how-result"] .hr-chat .sk-text{font-size: 19px;line-height: 1.45;}.scene[data-scene="how-result"] .hr-q1 .sk-text{text-wrap: balance;}.scene[data-scene="how-result"] .hr-ans{display: block;min-height: 56px;}.scene[data-scene="how-result"] .hr-kpi{display: flex;width: fit-content;max-width: 100%;align-items: flex-start;gap: 6px;margin-top: 6px;padding: 4px 12px 4px 9px;border-radius: 14px;background: var(--accent-soft);font: 600 16px/1.3 var(--font-body);color: var(--accent-ink);white-space: normal;transform-origin: 0 50%;}.scene[data-scene="how-result"] .hr-kpi .icon{flex: none;margin-top: 2px;}.scene[data-scene="how-result"] .hr-opts{display: flex;flex-direction: column;gap: 8px;margin-top: 8px;}.scene[data-scene="how-result"] .hr-opt{position: relative;display: flex;align-items: center;gap: 10px;height: 36px;padding: 0 14px;border-radius: 12px;background: #fff;box-shadow: inset 0 0 0 1px var(--line-3);font: 500 17px/1.2 var(--font-body);color: var(--ink);white-space: nowrap;}.scene[data-scene="how-result"] .hr-opt.is-hover{background: var(--fill-3);}.scene[data-scene="how-result"] .hr-opt{transition: opacity var(--t-mid) var(--e-out) 120ms,transform var(--t-mid) var(--e-out) 120ms;}.scene[data-scene="how-result"] .hr-opt:nth-child(2){transition-delay: 200ms;}.scene[data-scene="how-result"] .hr-opt:nth-child(3){transition-delay: 280ms;}.scene[data-scene="how-result"] .hr-q2:not(.is-shown) .hr-opt{opacity: 0;transform: translateY(8px);transition: none;}.scene[data-scene="how-result"] .hr-opt::after{content: "";position: absolute;inset: 0;border-radius: 12px;box-shadow: inset 0 0 0 2px var(--ink);opacity: 0;transition: opacity 160ms linear;}.scene[data-scene="how-result"] .hr-opt.is-picked::after{opacity: 1;}.scene[data-scene="how-result"] .hr-radio{position: relative;flex: 0 0 18px;height: 18px;border-radius: 50%;box-shadow: inset 0 0 0 1.5px var(--line-3);}.scene[data-scene="how-result"] .hr-radio::after{content: "";position: absolute;inset: 0;border-radius: 50%;box-shadow: inset 0 0 0 5.5px var(--ink);opacity: 0;transform: scale(.5);transition: opacity 120ms linear,transform var(--t-press) var(--e-pop);}.scene[data-scene="how-result"] .is-picked .hr-radio::after{opacity: 1;transform: none;}.scene[data-scene="how-result"] .hr-create{margin-top: auto;display: flex;align-items: center;justify-content: flex-end;gap: 10px;}.scene[data-scene="how-result"] .hr-born{flex: 0 0 44px;width: 44px;height: 44px;margin: -2px 0;border-radius: 50%;display: grid;place-items: center;}.scene[data-scene="how-result"] .hr-born .mate-face{width: 50px;height: 50px;}.scene[data-scene="how-result"] .hr-bl{display: flex;flex-direction: column;margin-right: auto;font: 400 15px/1.25 var(--font-body);color: var(--ink-2);white-space: nowrap;}.scene[data-scene="how-result"] .hr-bl b{font-weight: 600;color: var(--ink);}.scene[data-scene="how-ready"] .scene-cam > .hy-win{left: 80px;top: 76px;width: 640px;height: 488px;}.scene[data-scene="how-ready"] .scene-cam > .hy-win .sk-body{padding-bottom: 0;}.scene[data-scene="how-ready"] .scene-cam > .hy-win[data-in]{transition: none;transform: none;}.scene[data-scene="how-ready"] .hy-body{flex: 1 1 auto;min-width: 0;display: flex;flex-direction: column;gap: 18px;padding: 22px 28px;}.scene[data-scene="how-ready"] .hy-flow{flex: 1 1 auto;min-height: 0;display: grid;grid-template-columns: minmax(0,1fr) 120px minmax(0,1fr);}.scene[data-scene="how-ready"] .hy-col{display: flex;flex-direction: column;gap: 10px;min-width: 0;}.scene[data-scene="how-ready"] .hy-col .sk-eyebrow{flex: 0 0 20px;}.scene[data-scene="how-ready"] .hy-src{position: relative;flex: 1 1 0;display: flex;align-items: center;gap: 12px;padding: 0 14px;border-radius: 14px;background: #fff;box-shadow: inset 0 0 0 1px var(--line-2);}.scene[data-scene="how-ready"] .hy-src::after{content: "";position: absolute;inset: 0;border-radius: 14px;box-shadow: inset 0 0 0 2px var(--accent),0 0 0 3px var(--accent-soft);opacity: 0;transition: opacity 160ms linear;}.scene[data-scene="how-ready"] .hy-flow[data-state="r1"] .hy-s1::after,.scene[data-scene="how-ready"] .hy-flow[data-state="r2"] .hy-s2::after,.scene[data-scene="how-ready"] .hy-flow[data-state="r3"] .hy-s3::after{opacity: 1;}.scene[data-scene="how-ready"] .hy-pk{position: absolute;left: 100%;top: 50%;}.scene[data-scene="how-ready"] .hy-pk i{position: absolute;left: -4px;top: -4px;width: 8px;height: 8px;border-radius: 50%;background: var(--accent);opacity: 0;}.scene[data-scene="how-ready"] .hy-pk i:nth-child(2){--pk-d: 110ms;}.scene[data-scene="how-ready"] .hy-pk i:nth-child(3){--pk-d: 220ms;}.scene[data-scene="how-ready"] .hy-pk i:nth-child(4){--pk-d: 330ms;}.scene[data-scene="how-ready"] .hy-s1{--pk-y: 92px;}.scene[data-scene="how-ready"] .hy-s3{--pk-y: -92px;}.scene[data-scene="how-ready"] .hy-flow[data-state="r1"] .hy-s1 .hy-pk i,.scene[data-scene="how-ready"] .hy-flow[data-state="r2"] .hy-s2 .hy-pk i,.scene[data-scene="how-ready"] .hy-flow[data-state="r3"] .hy-s3 .hy-pk i{animation: hy-pk 440ms linear var(--pk-d,0ms) 2 backwards;}@keyframes hy-pk{0%{opacity: 0;transform: none;}12%,88%{opacity: 1;}100%{opacity: 0;transform: translate(60px,var(--pk-y,0px));}}.scene[data-scene="how-ready"] .hy-ic,.scene[data-scene="how-ready"] .hy-nic{flex: 0 0 40px;height: 40px;border-radius: 11px;background: var(--fill);color: var(--ink);display: grid;place-items: center;}.scene[data-scene="how-ready"] .hy-st{display: flex;flex-direction: column;gap: 3px;min-width: 0;}.scene[data-scene="how-ready"] .hy-st b{font: 600 17px/1.2 var(--font-body);color: var(--ink);white-space: nowrap;}.scene[data-scene="how-ready"] .hy-st span{font: 400 15px/1.2 var(--font-body);color: var(--ink-2);white-space: nowrap;}.scene[data-scene="how-ready"] .hy-ok{position: absolute;left: 40px;top: 50%;z-index: 1;width: 20px;height: 20px;margin-top: 8px;border-radius: 50%;background: var(--pop-green);color: #fff;display: grid;place-items: center;box-shadow: 0 0 0 2px #fff;transition: opacity 160ms linear,transform var(--t-mid) var(--e-pop);}.scene[data-scene="how-ready"] .hy-flow[data-state="r0"] .hy-ok,.scene[data-scene="how-ready"] .hy-flow[data-state="r1"] .hy-ok,.scene[data-scene="how-ready"] .hy-flow[data-state="r2"] .hy-s2 .hy-ok,.scene[data-scene="how-ready"] .hy-flow:not([data-state="done"]) .hy-s3 .hy-ok{opacity: 0;transform: scale(.5);}.scene[data-scene="how-ready"] .hy-mid{position: relative;display: flex;align-items: center;justify-content: center;gap: 4px;padding-top: 30px;}.scene[data-scene="how-ready"] .hy-sage{position: relative;z-index: 1;width: 52px;height: 52px;}.scene[data-scene="how-ready"] .hy-flow[data-state="r1"] .hy-sage,.scene[data-scene="how-ready"] .hy-flow[data-state="r2"] .hy-sage,.scene[data-scene="how-ready"] .hy-flow[data-state="r3"] .hy-sage{animation: mate-hop 1.2s var(--e-inout) infinite;transform-origin: 50% 100%;}.scene[data-scene="how-ready"] .hy-rail{display: flex;gap: 4px;}.scene[data-scene="how-ready"] .hy-rail i{width: 6px;height: 6px;border-radius: 50%;background: var(--accent);opacity: .3;}.scene[data-scene="how-ready"] .hy-rail i:nth-child(2){--run-d: .15s;}.scene[data-scene="how-ready"] .hy-rail i:nth-child(3){--run-d: .3s;}.scene[data-scene="how-ready"] .hy-flow[data-state="r1"] .hy-rail i,.scene[data-scene="how-ready"] .hy-flow[data-state="r2"] .hy-rail i,.scene[data-scene="how-ready"] .hy-flow[data-state="r3"] .hy-rail i{animation: hy-run .9s linear var(--run-d,0s) infinite;}.scene[data-scene="how-ready"] .hy-rail{transition: opacity 160ms linear;}.scene[data-scene="how-ready"] .hy-flow[data-state="r1"] .hy-rail,.scene[data-scene="how-ready"] .hy-flow[data-state="r2"] .hy-rail,.scene[data-scene="how-ready"] .hy-flow[data-state="r3"] .hy-rail{opacity: 0;}@keyframes hy-run{0%,70%,100%{opacity: .25;transform: scale(.8);}35%{opacity: 1;transform: scale(1.3);}}.scene[data-scene="how-ready"] .hy-out{position: absolute;left: 50%;top: calc(50% + 15px);}.scene[data-scene="how-ready"] .hy-out i{position: absolute;left: -4px;top: -4px;width: 8px;height: 8px;border-radius: 50%;background: var(--accent);opacity: 0;}.scene[data-scene="how-ready"] .hy-out i:nth-child(1){--oy: -102px;}.scene[data-scene="how-ready"] .hy-out i:nth-child(2){--oy: -34px;--od: 50ms;}.scene[data-scene="how-ready"] .hy-out i:nth-child(3){--oy: 34px;--od: 100ms;}.scene[data-scene="how-ready"] .hy-out i:nth-child(4){--oy: 102px;--od: 150ms;}.scene[data-scene="how-ready"] .hy-flow[data-state="r1"] .hy-out i,.scene[data-scene="how-ready"] .hy-flow[data-state="r2"] .hy-out i,.scene[data-scene="how-ready"] .hy-flow[data-state="r3"] .hy-out i{animation: hy-out 600ms linear calc(380ms + var(--od,0ms)) 5 backwards;}@keyframes hy-out{0%{opacity: 0;transform: none;}20%,62%{opacity: 1;}78%,100%{opacity: 0;transform: translate(60px,var(--oy,0px));}}.scene[data-scene="how-ready"] .hy-has{gap: 8px;}.scene[data-scene="how-ready"] .hy-has .sk-eyebrow{margin-bottom: 2px;}.scene[data-scene="how-ready"] .hy-row{position: relative;flex: 1 1 0;display: flex;align-items: center;gap: 10px;padding: 0 14px;border-radius: 12px;background: #fff;box-shadow: inset 0 0 0 1px var(--line-2);}.scene[data-scene="how-ready"] .hy-row .icon{flex: 0 0 auto;color: var(--ink-2);}.scene[data-scene="how-ready"] .hy-row{flex-wrap: wrap;align-content: center;gap: 1px 10px;}.scene[data-scene="how-ready"] .hy-rl{display: contents;}.scene[data-scene="how-ready"] .hy-rn{font: 500 16px/1.2 var(--font-body);color: var(--ink);white-space: nowrap;}.scene[data-scene="how-ready"] .hy-rm{order: 9;flex: 0 0 100%;padding-left: 30px;font: 400 15px/1.2 var(--font-body);color: var(--ink-2);white-space: normal;text-wrap: balance;}.scene[data-scene="how-ready"]:has(.hy-big.is-moving) .hy-src,.scene[data-scene="how-ready"]:has(.hy-big.is-moving) .hy-row,.scene[data-scene="how-ready"]:has(.hy-big.is-moving) .hy-note{position: relative;z-index: 4;}.scene[data-scene="how-ready"]:has(.hy-big.is-moving) .scene-cam > .hy-win{z-index: auto;}.scene[data-scene="how-ready"] .hy-n{--t0: calc(180ms + var(--r,0) * 70ms);display: grid;justify-items: end;margin-left: auto;clip-path: inset(0 -12px);}.scene[data-scene="how-ready"] .hy-n b,.scene[data-scene="how-ready"] .hy-u{font: 600 20px/1.2 var(--font-body);color: var(--ink);white-space: nowrap;}.scene[data-scene="how-ready"] .hy-n b{grid-area: 1 / 1;opacity: 0;transform-origin: 100% 50%;}.scene[data-scene="how-ready"] .hy-u{margin-left: -5px;}.scene[data-scene="how-ready"] .hy-n b:last-child{opacity: 1;}.scene[data-scene="how-ready"] .hy-has.is-zero .hy-n b{opacity: 0;transform: translateY(70%);transition: none;}.scene[data-scene="how-ready"] .hy-flow:is([data-state="r0"],[data-state="r1"]) .hy-has.is-zero .hy-n b:nth-child(1),.scene[data-scene="how-ready"] .hy-flow[data-state="r2"] .hy-has.is-zero .hy-n b:nth-child(2),.scene[data-scene="how-ready"] .hy-flow[data-state="r3"] .hy-has.is-zero .hy-n b:nth-child(3){opacity: 1;transform: none;transition: opacity 180ms linear calc(var(--t0) + 100ms),transform 380ms var(--e-out) calc(var(--t0) + 60ms);}.scene[data-scene="how-ready"] .hy-flow[data-state="r2"] .hy-has.is-zero .hy-n b:nth-child(1),.scene[data-scene="how-ready"] .hy-flow[data-state="r3"] .hy-has.is-zero .hy-n b:nth-child(-n+2),.scene[data-scene="how-ready"] .hy-flow[data-state="done"] .hy-has.is-zero .hy-n b:nth-child(-n+3){opacity: 0;transform: translateY(-70%);transition: opacity 120ms linear var(--t0),transform 240ms var(--e-out) var(--t0);}.scene[data-scene="how-ready"] .hy-flow[data-state="done"] .hy-has.is-zero .hy-n b:nth-child(4){opacity: 1;transform: none;animation: hy-land 440ms var(--e-out) calc(var(--t0) + 60ms) backwards;}@keyframes hy-land{0%{opacity: 0;transform: translateY(70%);}55%{opacity: 1;transform: scale(1.15);}100%{opacity: 1;transform: none;}}.scene[data-scene="how-ready"] .hy-note{flex: 0 0 68px;display: flex;align-items: center;gap: 12px;padding: 0 14px;border-radius: 14px;background: #fff;box-shadow: inset 0 0 0 1px var(--line-2);}.scene[data-scene="how-ready"] .hy-nt{flex: 1 1 auto;min-width: 0;display: flex;align-items: center;justify-content: space-between;gap: 12px;}.scene[data-scene="how-ready"] .hy-nt b{font: 600 17px/1.25 var(--font-body);color: var(--ink);}.scene[data-scene="how-ready"] .hy-tag{flex: 0 0 auto;display: inline-flex;align-items: center;height: 28px;padding: 0 10px;border-radius: 999px;background: var(--wait-soft);font: 600 15px/1 var(--font-body);color: var(--wait-ink);white-space: nowrap;}.scene[data-scene="how-ready"] .hy-note .hy-nt{flex-direction: column;align-items: flex-start;justify-content: center;gap: 5px;}.scene[data-scene="how-ready"] .hy-note .hy-tag{height: 28px;font-size: 17px;}.scene[data-scene="how-ready"] .hy-big{left: 120px;top: 226px;z-index: 3;width: 560px;display: flex;align-items: flex-start;gap: 18px;padding: 34px 32px 32px 36px;border-radius: 20px;background: #fff;box-shadow: var(--shadow-window);}.scene[data-scene="how-ready"] .hy-by{position: absolute;left: -22px;top: -22px;border-radius: 50%;background: #fff;box-shadow: 0 0 0 4px #fff;}.scene[data-scene="how-ready"] .hy-big .hy-nic{flex-basis: 52px;height: 52px;border-radius: 14px;}.scene[data-scene="how-ready"] .hy-big .hy-nt{flex-direction: column;align-items: flex-start;justify-content: flex-start;gap: 14px;}.scene[data-scene="how-ready"] .hy-big .hy-nt b{font-size: 30px;line-height: 1.2;letter-spacing: -.01em;}.scene[data-scene="how-ready"] .hy-big .hy-bt{display: block;min-height: 72px;}.scene[data-scene="how-ready"] .hy-big .hy-tag{height: auto;min-height: 40px;padding: 7px 16px;border-radius: 14px;font-size: 19px;line-height: 1.35;white-space: normal;}.scene[data-scene="how-ready"] .hy-a{left: 108px;top: 162px;width: 584px;height: 294px;}.scene[data-scene="how-practice"] .scene-cam > .hp-win{left: 80px;top: 58px;width: 640px;height: 524px;}.scene[data-scene="how-practice"] .scene-cam > .hp-win .sk-body{padding-bottom: 0;}.scene[data-scene="how-practice"] .hp-body{flex: 1 1 auto;min-width: 0;display: flex;flex-direction: column;gap: 14px;padding: 20px 24px 20px;}.scene[data-scene="how-practice"] .hp-case{padding: 14px 16px 16px;border-radius: 14px;background: #fff;box-shadow: inset 0 0 0 1px var(--line-2);}.scene[data-scene="how-practice"] .hp-ch{display: flex;align-items: baseline;gap: 10px;white-space: nowrap;}.scene[data-scene="how-practice"] .hp-ch b{font: 600 18px/1.3 var(--font-body);color: var(--ink);}.scene[data-scene="how-practice"] .hp-ch span{font: 400 15px/1.3 var(--font-body);color: var(--ink-2);}.scene[data-scene="how-practice"] .hp-ch .hp-score{margin-left: auto;font: 500 16px/1.3 var(--font-body);color: var(--ink);}.scene[data-scene="how-practice"] .hp-bar{position: relative;display: block;height: 6px;margin-top: 8px;border-radius: 3px;background: var(--tint-yellow);overflow: hidden;}.scene[data-scene="how-practice"] .hp-bar::after{content: "";position: absolute;inset: 0;border-radius: 3px;background: var(--pop-green);transform: scaleX(.816);transform-origin: 0 50%;}.scene[data-scene="how-practice"] .hp-two{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 12px;margin-top: 12px;}.scene[data-scene="how-practice"] .hp-did,.scene[data-scene="how-practice"] .hp-would{padding: 12px 14px;border-radius: 12px;font: 400 19px/1.45 var(--font-body);color: var(--ink-body);}.scene[data-scene="how-practice"] .hp-did{background: var(--fill-2);}.scene[data-scene="how-practice"] .hp-would{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;background: var(--tint-yellow);}.scene[data-scene="how-practice"] .hp-two b{font-weight: 600;color: var(--ink);}.scene[data-scene="how-practice"] .hp-fix{margin-top: auto;transition: transform var(--t-press) var(--e-out);}.scene[data-scene="how-practice"] .hp-would.is-fixed .hp-fix{background: var(--accent-soft);border-color: var(--accent);color: var(--accent-ink);}.scene[data-scene="how-practice"] .hp-body .sk-text{font-size: 19px;line-height: 1.45;}.scene[data-scene="how-practice"] .hp-a{left: 104px;top: 160px;width: 592px;height: 220px;}.scene[data-scene="how-practice"] .hp-b{left: 104px;top: 272px;width: 592px;height: 220px;}.scene[data-scene="how-practice"] .hp-k1{--hm-c: #B9E2C8;}.scene[data-scene="how-practice"] .hp-k2{--hm-c: #F2C95C;}.scene[data-scene="how-practice"] .hp-k2::before{right: 0;}.scene[data-scene="how-practice"] .hp-k1:not(.is-marked)::before,.scene[data-scene="how-practice"] .hp-k2:not(.is-marked)::before{transition: none;}.scene[data-scene="how-practice"] .hp-k2.is-marked::before{transition-delay: 500ms;}.scene[data-scene="how-practice"] .hp-would.is-marked{animation: hp-knock 420ms var(--e-inout) 650ms 1 backwards;}@keyframes hp-knock{0%,100%{transform: translateX(0);}30%{transform: translateX(-4px);}65%{transform: translateX(3px);}}.scene[data-scene="how-practice"] .hp-t{display: inline-block;vertical-align: top;min-height: 28px;white-space: nowrap;}.scene[data-scene="how-practice"] .hp-m .sk-text{position: relative;z-index: 0;}.scene[data-scene="how-practice"] .hp-t > .sk-typed{position: relative;}.scene[data-scene="how-practice"] .hp-t > .sk-typed::before{content: "";position: absolute;inset: 1px -3px;z-index: -1;border-radius: 4px;background: var(--accent-soft);transform: scaleX(0);transform-origin: 0 50%;}.scene[data-scene="how-practice"] .hp-t.is-marked > .sk-typed::before{transform: scaleX(1);transition: transform 500ms var(--e-out);}.scene[data-scene="how-practice"] .hp-fly{position: absolute;z-index: -1;display: inline-grid;place-items: center;width: 36px;height: 28px;margin-left: 10px;border-radius: 999px;background: var(--accent-soft);box-shadow: inset 0 0 0 1.5px var(--accent);color: var(--accent-ink);}.scene[data-scene="how-practice"] .hp-to{position: absolute;left: 0;top: 2px;width: 36px;height: 28px;}.scene[data-scene="how-practice"] .hp-s.is-dots > .mate-face{animation: mate-hop 1.2s var(--e-inout) infinite;transform-origin: 50% 100%;}.scene[data-scene="how-practice"] .hp-chip{display: flex;width: max-content;align-items: center;gap: 6px;margin-top: 6px;padding: 4px 13px 4px 10px;border-radius: 999px;background: var(--accent-soft);font: 600 17px/1.4 var(--font-body);color: var(--accent-ink);transform-origin: 18px 50%;}.scene[data-scene="how-practice"] .hp-chip.hm-ring.is-shown::after{animation-name: hp-ring;}@keyframes hp-ring{0%{opacity: 0;transform: scale(1);}20%{opacity: .6;}100%{opacity: 0;transform: scale(1.1,1.32);}}.scene[data-scene="how-work"] .scene-cam > .hw-win{left: 80px;top: 26px;width: 640px;height: 588px;}.scene[data-scene="how-work"] .scene-cam > .hw-win .sk-body{padding-bottom: 0;}.scene[data-scene="how-work"] .hw-pane{justify-content: flex-start;}.scene[data-scene="how-work"] .hw-pane::before{content: none;}.scene[data-scene="how-work"] .hw-stream{flex: 1 1 auto;gap: 16px;padding: 26px 28px 0;}.scene[data-scene="how-work"] .hw-quiet{display: flex;align-items: center;gap: 14px;font: 500 16px/20px var(--font-body);color: var(--ink-body);white-space: nowrap;}.scene[data-scene="how-work"] .hw-quiet::before,.scene[data-scene="how-work"] .hw-quiet::after{content: "";flex: 1 1 0;height: 1px;background: var(--line-2);}.scene[data-scene="how-work"] .hw-quiet span{display: inline-flex;align-items: center;gap: 12px;}.scene[data-scene="how-work"] .hw-quiet{position: relative;z-index: 1;}.scene[data-scene="how-work"] .hw-cal{flex: 0 0 26px;width: 26px;height: 26px;margin: -3px 0;border-radius: 50%;background: var(--accent-soft);color: var(--accent-ink);display: grid;place-items: center;}.scene[data-scene="how-work"] .hw-sig{position: absolute;right: -3px;top: -3px;width: 10px;height: 10px;border-radius: 50%;background: var(--accent);opacity: 0;transform: scale(.4);}.scene[data-scene="how-work"] .hw-cal.is-on .hw-sig{opacity: 1;transform: none;transition: opacity var(--t-fast) linear 60ms,transform var(--t-press) var(--e-pop) 60ms;}.scene[data-scene="how-work"] .sk-frame.hw-a{left: 270px;top: 40px;width: 436px;height: 200px;}.scene[data-scene="how-work"] .sk-frame.hw-b{left: 113px;top: 172px;width: 470px;height: 240px;}.scene[data-scene="how-work"] .sk-frame.hw-to{left: 123px;top: 167px;width: 14px;height: 14px;}.scene[data-scene="how-work"] .hw-m{max-width: 480px;}.scene[data-scene="how-work"] .hw-who{--hm-c: var(--accent-soft);}.scene[data-scene="how-work"] .hw-who::before{right: 0;}.scene[data-scene="how-work"] .hw-stream .sk-text{font-size: 19px;line-height: 1.45;}.scene[data-scene="how-work"] .sk-mention-text{font-weight: 500;}.scene[data-scene="how-work"] .hw-thread{--rail: 37px;display: flex;flex-direction: column;gap: 10px;margin: -4px 0 0 21px;padding-left: var(--rail);}.scene[data-scene="how-work"] .hw-file::before{content: "";position: absolute;left: calc(var(--rail) * -1);top: -10px;bottom: 0;width: 2px;background: var(--line-2);}.scene[data-scene="how-work"] .hw-file{position: relative;display: grid;grid-template-columns: 40px minmax(0,1fr);align-items: center;gap: 10px 12px;max-width: 422px;padding: 12px 14px;border-radius: 14px;background: #fff;box-shadow: inset 0 0 0 1px var(--line-2);}.scene[data-scene="how-work"] .hw-fic{width: 40px;height: 40px;border-radius: 11px;background: var(--fill);color: var(--ink);display: grid;place-items: center;}.scene[data-scene="how-work"] .hw-file b{font: 600 17px/1.3 var(--font-body);color: var(--ink);white-space: nowrap;}.scene[data-scene="how-work"] .hw-wait{grid-column: 2;display: flex;align-items: center;justify-content: space-between;gap: 8px;}.scene[data-scene="how-work"] .hw-tag{--hm-c: var(--pop-yellow);gap: 6px;padding: 0 9px 0 4px;transform-origin: 0 50%;}.scene[data-scene="how-work"] .hw-go{padding: 0 10px;}.scene[data-scene="how-work"] .hw-tag .avatar{box-shadow: 0 0 0 1.5px #fff;}.scene[data-scene="how-work"] .hw-tag.hm-wait.is-shown::after{animation-name: hw-wait;animation-duration: 2350ms;animation-delay: 450ms;}@keyframes hw-wait{0%,100%{opacity: 0;transform: scale(1);}45%{opacity: .65;transform: scale(1.05,1.28);}}.scene[data-scene="how-work"] .hw-pane > .hw-comp{flex: 0 0 104px;height: 104px;margin: 0 24px 17px;}.scene[data-scene="how-work"] .hw-comp .sk-input{flex-basis: 46px;height: 46px;font-size: 19px;}@container (max-width: 639px){.js .scene[data-scene="how-result"] .sk-head,.js .scene[data-scene="how-ready"] .sk-head,.js .scene[data-scene="how-practice"] .sk-head,.js .scene[data-scene="how-work"] .sk-head{flex-basis: 52px;height: 52px;padding: 0 16px;gap: 10px;}.js .scene[data-scene="how-result"] .sk-title,.js .scene[data-scene="how-ready"] .sk-title,.js .scene[data-scene="how-practice"] .sk-title,.js .scene[data-scene="how-work"] .sk-title{font-size: 18px;}.js .scene[data-scene="how-ready"] .sk-tabs-row,.js .scene[data-scene="how-practice"] .sk-tabs-row{gap: 16px;margin-left: 4px;}.js .scene[data-scene="how-ready"] .sk-tabs-row > span,.js .scene[data-scene="how-practice"] .sk-tabs-row > span{font-size: 15px;}.js .scene[data-scene="how-result"] .scene-cam > .hr-win{left: 180px;top: 46px;width: 440px;height: 548px;}.js .scene[data-scene="how-result"] .hr-create{justify-content: flex-start;}.js .scene[data-scene="how-result"] .hr-win .sk-body{flex-direction: column;}.js .scene[data-scene="how-result"] .hr-steps{flex: 0 0 auto;flex-direction: row;flex-wrap: wrap;gap: 2px 14px;padding: 11px 16px 28px;border-right: 0;border-bottom: 1px solid var(--line-2);}.js .scene[data-scene="how-result"] .hr-step{align-items: center;height: 24px;gap: 6px;padding: 0;font-size: 15px;}.js .scene[data-scene="how-result"] .hr-dot{flex-basis: 22px;height: 22px;}.js .scene[data-scene="how-result"] .hr-sl{display: block;}.js .scene[data-scene="how-result"] .hr-sub{position: absolute;left: 16px;bottom: 6px;font-size: 15px;line-height: 20px;white-space: nowrap;opacity: 0;transform: none;transition: none;}.js .scene[data-scene="how-result"] .hr-sub::before{content: attr(data-l) ": ";font-weight: 500;color: var(--ink);}.js .scene[data-scene="how-result"] .hr-step:is(.is-said,.is-done):not(:has(~ .hr-step:is(.is-said,.is-done))) .hr-sub{opacity: 1;transition: opacity var(--t-mid) var(--e-out) 120ms;}.js .scene[data-scene="how-result"] .hr-chat{gap: 6px;padding: 10px 44px 12px 16px;}.js .scene[data-scene="how-result"] .hr-chat .sk-who{font-size: 16px;}.js .scene[data-scene="how-result"] .hr-chat .sk-text{font-size: 17px;line-height: 1.4;}.js .scene[data-scene="how-result"] .hr-ans{min-height: 48px;}.js .scene[data-scene="how-result"] .hr-kpi{margin-top: 3px;padding: 2px 11px 2px 8px;font-size: 15px;}.js .scene[data-scene="how-result"] .hr-kpi .icon{margin-top: 1px;}.js .scene[data-scene="how-result"] .hr-opts{gap: 4px;margin-top: 6px;}.js .scene[data-scene="how-result"] .hr-opt{height: 28px;padding: 0 12px;font-size: 15px;}.js .scene[data-scene="how-result"] .sk-frame.hr-a,.js .scene[data-scene="how-result"] .sk-frame.hr-b{left: 180px;top: 46px;width: 440px;height: 548px;}.js .scene[data-scene="how-result"] .hr-cur{display: none;}.js .scene[data-scene="how-result"] .hr-fly{left: 152px;top: -1px;width: 22px;height: 22px;}.js .scene[data-scene="how-result"] .hr-create{gap: 7px;}.js .scene[data-scene="how-result"] .hr-go{padding: 0 10px;}.js .scene[data-scene="how-result"] .hr-born{order: 2;flex-basis: 34px;width: 34px;height: 34px;margin: -1px 0;}.js .scene[data-scene="how-result"] .hr-born .mate-face{width: 40px;height: 40px;}.js .scene[data-scene="how-result"] .hr-bl{order: 3;margin-right: 0;}.js .scene[data-scene="how-ready"] .scene-cam > .hy-win{left: 180px;top: 42px;width: 440px;height: 506px;}.js .scene[data-scene="how-ready"] .hy-view,.js .scene[data-scene="how-ready"] .hy-a{left: 186px;top: 40px;width: 428px;height: 550px;}.js .scene[data-scene="how-ready"] .sk-tabs-row > span:nth-child(n+4){display: none;}.js .scene[data-scene="how-ready"] .hy-body{gap: 8px;padding: 10px 16px;}.js .scene[data-scene="how-ready"] .hy-flow{grid-template-columns: minmax(0,1fr);grid-template-rows: auto 36px auto;}.js .scene[data-scene="how-ready"] .hy-col{gap: 6px;}.js .scene[data-scene="how-ready"] .hy-src{flex: 0 0 38px;gap: 10px;padding: 0 12px;border-radius: 12px;}.js .scene[data-scene="how-ready"] .hy-src::after{border-radius: 12px;}.js .scene[data-scene="how-ready"] .hy-ic{flex-basis: 30px;height: 30px;border-radius: 9px;}.js .scene[data-scene="how-ready"] .hy-ic .icon{width: 18px;height: 18px;}.js .scene[data-scene="how-ready"] .hy-st{flex: 1 1 auto;flex-direction: row;align-items: baseline;justify-content: space-between;}.js .scene[data-scene="how-ready"] .hy-st b{font-size: 16px;}.js .scene[data-scene="how-ready"] .hy-ok{left: auto;right: 10px;width: 18px;height: 18px;margin-top: -9px;box-shadow: none;}.js .scene[data-scene="how-ready"] .hy-st{margin-right: 26px;}.js .scene[data-scene="how-ready"] .hy-mid{gap: 14px;padding-top: 0;}.js .scene[data-scene="how-ready"] .hy-sage{width: 36px;height: 36px;}.js .scene[data-scene="how-ready"] .hy-rail{flex-direction: column;gap: 4px;}.js .scene[data-scene="how-ready"] .hy-flow[data-state] .hy-rail{opacity: 1;}.js .scene[data-scene="how-ready"] .hy-pk,.js .scene[data-scene="how-ready"] .hy-out{display: none;}.js .scene[data-scene="how-ready"] .hy-has{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 6px;}.js .scene[data-scene="how-ready"] .hy-has .sk-eyebrow{grid-column: 1 / -1;margin-bottom: 0;}.js .scene[data-scene="how-ready"] .hy-row{flex: none;height: 56px;gap: 0 8px;padding: 0 10px;}.js .scene[data-scene="how-ready"] .hy-rm{padding-left: 26px;}.js .scene[data-scene="how-ready"] .hy-row .icon{width: 18px;height: 18px;}.js .scene[data-scene="how-ready"] .hy-rn{font-size: 15px;}.js .scene[data-scene="how-ready"] .hy-n b,.js .scene[data-scene="how-ready"] .hy-u{font-size: 16px;}.js .scene[data-scene="how-ready"] .hy-u{margin-left: -4px;}.js .scene[data-scene="how-ready"] .hy-note{flex-basis: 98px;padding: 0 12px;}.js .scene[data-scene="how-ready"] .hy-note .hy-nt{flex-direction: column;align-items: flex-start;justify-content: center;gap: 4px;}.js .scene[data-scene="how-ready"] .hy-note .hy-nt b{font-size: 16px;}.js .scene[data-scene="how-ready"] .hy-note .hy-tag{height: auto;padding: 4px 10px;border-radius: 10px;font-size: 20px;line-height: 1.2;white-space: normal;}.js .scene[data-scene="how-ready"] .hy-big{left: 196px;top: 236px;width: 408px;gap: 14px;padding: 30px 22px 26px 26px;}.js .scene[data-scene="how-ready"] .hy-by{left: -8px;top: -24px;width: 44px;height: 44px;}.js .scene[data-scene="how-ready"] .hy-big .hy-nic{flex-basis: 44px;height: 44px;}.js .scene[data-scene="how-ready"] .hy-big .hy-nt b{font-size: 25px;}.js .scene[data-scene="how-ready"] .hy-big .hy-bt{min-height: 60px;}.js .scene[data-scene="how-ready"] .hy-big .hy-tag{min-height: 36px;padding: 6px 14px;font-size: 18px;}.js .scene[data-scene="how-practice"] .scene-cam > .hp-win{left: 180px;top: 50px;width: 440px;height: 490px;}.js .scene[data-scene="how-practice"] .hp-view,.js .scene[data-scene="how-practice"] .hp-a,.js .scene[data-scene="how-practice"] .hp-b{left: 180px;top: 40px;width: 440px;height: 554px;}.js .scene[data-scene="how-practice"] .hp-body{gap: 10px;padding: 12px 16px;}.js .scene[data-scene="how-practice"] .hp-ch b{font-size: 17px;}.js .scene[data-scene="how-practice"] .hp-case{padding: 10px 12px 12px;}.js .scene[data-scene="how-practice"] .hp-two{gap: 8px;margin-top: 8px;}.js .scene[data-scene="how-practice"] .hp-did,.js .scene[data-scene="how-practice"] .hp-would{padding: 10px;font-size: 15px;line-height: 1.4;}.js .scene[data-scene="how-practice"] .hp-would{gap: 8px;}.js .scene[data-scene="how-practice"] .hp-body .sk-who{font-size: 16px;}.js .scene[data-scene="how-practice"] .hp-body .sk-text{font-size: 17px;line-height: 1.4;}.js .scene[data-scene="how-practice"] .hp-t{min-height: 24px;}.js .scene[data-scene="how-practice"] .hp-fly{width: 30px;height: 24px;margin-left: 8px;}.js .scene[data-scene="how-practice"] .hp-to{left: 3px;top: 4px;width: 30px;height: 24px;}.js .scene[data-scene="how-practice"] .hp-ch{flex-wrap: wrap;}.js .scene[data-scene="how-practice"] .hp-ch .hp-score{flex: 0 0 100%;margin-left: 0;font-size: 15px;}.js .scene[data-scene="how-practice"] .hp-body .sk-msg{max-width: 380px;}.js .scene[data-scene="how-work"] .scene-cam > .hw-win{left: 180px;top: 50px;width: 440px;height: 488px;}.js .scene[data-scene="how-work"] .hw-view,.js .scene[data-scene="how-work"] .sk-frame.hw-a,.js .scene[data-scene="how-work"] .sk-frame.hw-b{left: 180px;top: 40px;width: 440px;height: 552px;}.js .scene[data-scene="how-work"] .sk-members .avatar{--av: 34px !important;}.js .scene[data-scene="how-work"] .sk-members .mate-face{--fa: 34px !important;width: 34px;height: 34px;}.js .scene[data-scene="how-work"] .sk-frame.hw-to{left: 211px;top: 163px;}.js .scene[data-scene="how-work"] .hw-stream{gap: 12px;padding: 14px 16px 0;}.js .scene[data-scene="how-work"] .hw-stream .sk-who{font-size: 16px;}.js .scene[data-scene="how-work"] .hw-stream .sk-text{font-size: 17px;line-height: 1.4;}.js .scene[data-scene="how-work"] .hw-m{column-gap: 8px;max-width: 402px;}.js .scene[data-scene="how-work"] .hw-file{max-width: 365px;}.js .scene[data-scene="how-work"] .hw-thread{--rail: 16px;gap: 8px;}.js .scene[data-scene="how-work"] .hw-file::before{top: -8px;}.js .scene[data-scene="how-work"] .hw-file{grid-template-columns: 34px minmax(0,1fr);gap: 8px 10px;padding: 10px 12px;}.js .scene[data-scene="how-work"] .hw-fic{width: 34px;height: 34px;border-radius: 10px;}.js .scene[data-scene="how-work"] .hw-fic .icon{width: 19px;height: 19px;}.js .scene[data-scene="how-work"] .hw-file b{font-size: 16px;}.js .scene[data-scene="how-work"] .hw-wait{grid-column: 1 / -1;}.js .scene[data-scene="how-work"] .hw-go{padding: 0 10px;}.js .scene[data-scene="how-work"] .hw-pane > .hw-comp{flex-basis: 86px;height: 86px;margin: 0 16px 14px;}.js .scene[data-scene="how-work"] .hw-comp .sk-input{flex-basis: 36px;height: 36px;padding: 0 16px 4px;font-size: 17px;}}