.brand-practice-dialog .practice-header{display:flex;flex:none;align-items:center;gap:8px;min-height:50px;padding:0 6px 0 16px;color:#293b37;background:#eff6f0;border-bottom:1px solid #dce4df}.practice-progress{display:flex;flex:1;min-width:0;align-items:center;gap:12px}.practice-count{display:flex;flex:none;align-items:baseline;gap:2px;line-height:1;font-variant-numeric:tabular-nums}.practice-count-now{font-size:26px;font-weight:900}.practice-count-total{font-size:14px;font-weight:700;color:#7d8b86}.practice-segs{display:flex;flex:1;min-width:0;align-items:center;gap:6px;padding-inline:4px}.practice-seg{flex:1;height:8px;border-radius:3px;background:#dfe6e1}.practice-seg[data-mark=correct]{background:#3f9a5c}.practice-seg[data-mark=incorrect]{background:#e0862a}.practice-seg[data-mark=skipped]{background:transparent;box-shadow:inset 0 0 0 1px #c9d4cd}.practice-seg[data-current]{height:14px;box-shadow:0 0 0 1.5px #eff6f0,0 0 0 3.5px #293b37}.practice-track{display:flex;flex:1;min-width:0;height:8px;overflow:hidden;border-radius:999px;background:#dfe6e1}.practice-track-correct{background:#3f9a5c}.practice-track-incorrect{background:#e0862a}@media (prefers-reduced-motion:no-preference){.practice-seg{transition:height .15s,background-color .2s}}.practice-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;margin-left:0;border-radius:999px}.practice-close-face{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:#293b37;color:#fff}.practice-close:hover .practice-close-face{background:#3d524d}@media (min-width:640px){.brand-practice-dialog .practice-header:before{content:"";flex:none;width:146px}.brand-practice-dialog .practice-header>.practice-progress+.site-sound-toggle{margin-left:0}.practice-progress{max-width:480px;margin-inline:auto}}.brand-practice-dialog .gallery-nav{gap:8px;padding-inline:12px;background:#fffefa;border-color:#dce4df}.brand-practice-dialog .gallery-nav button{flex:1;min-width:0;max-width:160px;padding-inline:8px;gap:4px;border-radius:8px;color:#293b37;border-color:#c5d7cc;font-weight:700}.brand-practice-dialog .gallery-nav button:nth-child(2){background:#293b37;border-color:#293b37;color:white}.brand-practice-dialog .gallery-nav button:not(:disabled):hover{background:#e7f2e5;color:#293b37}.brand-practice-dialog .gallery-nav svg{flex-shrink:0}.brand-practice-dialog :is(.practice-close,.gallery-nav button):focus-visible{outline:3px solid #527b67;outline-offset:-3px}.brand-practice-dialog .practice-close:focus-visible{outline-offset:0}@media(max-width:360px){.brand-practice-dialog .gallery-nav button{font-size:14px}}@media(max-width:374px){.practice-segs{gap:2px;padding-inline:2px}}.play-intro{position:relative;flex:1;min-height:0;overflow-y:auto;background:#fff;color:#293b37}.play-intro,.play-intro-top{display:flex;flex-direction:column}.play-intro-top{align-items:flex-start;gap:6px;padding:16px 16px 0}.play-intro-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:9999px;background:var(--pi-floor);color:var(--pi-deep);font-size:12px;font-weight:700;letter-spacing:.04em}.play-intro-tag i{width:8px;height:8px;border-radius:50%;background:var(--pi-base)}.play-intro-title{margin:0;font-family:var(--pi-round);font-size:19px;font-weight:700;line-height:1.35;text-wrap:balance}.play-intro-bubble{position:relative;margin:14px 16px 0;padding:18px 18px 16px;border:2px solid #293b37;border-radius:22px;background:#fff;box-shadow:0 2px 0 rgb(41 59 55/.08),0 8px 20px -10px rgb(41 59 55/.35)}.play-intro-bubble:after{content:"";position:absolute;left:44px;bottom:-9px;width:16px;height:16px;background:#fff;border:2px solid #293b37;border-top:0;border-right:0;transform:rotate(-45deg)}.play-intro-line{margin:0;font-family:var(--pi-round);font-size:17px;font-weight:700;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}.play-intro-count-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:10px}.play-intro-count{color:var(--pi-deep);font-family:var(--pi-round);font-weight:700;line-height:1}.play-intro-count-num{font-size:44px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.play-intro-count-unit{margin-left:2px;font-size:18px}.play-intro-progress{margin:0;font-size:12px;font-weight:700;color:#51625d}.play-intro-stage{position:relative;flex:1;min-height:190px;background:linear-gradient(180deg,transparent 60%,var(--pi-floor))}.play-intro-andy{position:absolute;left:-8px;bottom:-4px;width:min(250px,66vw);height:auto;mix-blend-mode:multiply;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.play-intro-player{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;min-height:44px;max-width:calc(100% - 150px);padding:6px 10px 6px 6px;border:1.5px solid #cfdad3;border-radius:9999px;background:#fff;font-size:13px;font-weight:700}.play-intro-player p{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-intro-avatar{display:grid;flex:none;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--pi-floor);color:var(--pi-deep);font-size:13px;font-weight:900}.play-intro-player-chevron{flex:none;color:#51625d}.play-intro-player select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}.play-intro-player:has(select:focus-visible){outline:3px solid #527b67;outline-offset:2px}.play-intro-foot{position:sticky;bottom:0;display:flex;flex-direction:column;gap:6px;padding:10px 16px calc(18px + env(safe-area-inset-bottom, 0px));background:var(--pi-floor)}.play-intro .play-intro-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:60px;border-radius:18px;background:var(--pi-deep);color:#fff;font-family:var(--pi-round);font-size:20px;font-weight:700;letter-spacing:.06em;box-shadow:0 5px 0 rgb(0 0 0/.22)}.play-intro .play-intro-primary:active{transform:translateY(3px);box-shadow:0 2px 0 rgb(0 0 0/.22)}.play-intro .play-intro-secondary{align-self:center;min-height:44px;padding:0 12px;font-size:14px;font-weight:700;color:#51625d;text-decoration:underline;text-underline-offset:3px}.play-intro-guest{margin:0;text-align:center;font-size:12px;color:#7d8b86}.play-intro-guest a{color:#51625d;font-weight:700;text-decoration:underline;text-underline-offset:2px}.play-intro :is(button,a,select):focus-visible{outline:3px solid #527b67;outline-offset:2px}@media (prefers-reduced-motion:no-preference){.play-intro-andy{animation:play-intro-pop .55s cubic-bezier(.2,1.4,.4,1) both}.play-intro-bubble{animation:play-intro-bubble .45s cubic-bezier(.2,1.5,.4,1) .28s both;transform-origin:44px 100%}.play-intro .play-intro-primary{animation:play-intro-rise .4s ease-out .5s both}}@keyframes play-intro-pop{0%{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}@keyframes play-intro-bubble{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes play-intro-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (min-width:640px){.play-intro{background:linear-gradient(180deg,#fff 55%,var(--pi-floor))}.play-intro>*{width:100%;max-width:480px;margin-inline:auto}.play-intro-bubble{width:calc(100% - 32px);max-width:448px}.play-intro-foot,.play-intro-stage{background:transparent}}.play-result{position:relative;background:#fff;color:#293b37}.play-result,.play-result-scroll{display:flex;flex:1;min-height:0;flex-direction:column}.play-result-scroll{gap:12px;overflow-y:auto;padding-bottom:20px}.play-result-scroll>*{flex-shrink:0}.play-result-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px 0}.play-result-title{margin:0;font-family:var(--pi-round);font-size:17px;font-weight:700;line-height:1.35;text-wrap:balance}.play-result-top{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:end;gap:6px;padding:0 16px}.play-result-andy{width:136px;height:auto;margin-left:-10px;mix-blend-mode:multiply;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.play-result-bubble{position:relative;margin-bottom:22px;padding:14px 16px;border:2px solid #293b37;border-radius:22px;background:#fff;box-shadow:0 2px 0 rgb(41 59 55/.08),0 8px 20px -10px rgb(41 59 55/.35)}.play-result-bubble:after{content:"";position:absolute;left:-9px;top:30px;width:16px;height:16px;background:#fff;border:2px solid #293b37;border-top:0;border-right:0;transform:rotate(45deg)}.play-result-line{margin:0;font-family:var(--pi-round);font-size:16px;font-weight:700;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}.play-result-score-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}.play-result-score{display:flex;flex:none;align-items:baseline;gap:4px;white-space:nowrap;color:var(--pi-deep);font-family:var(--pi-round);font-weight:700;line-height:1}.play-result-score>*{flex:none}.play-result-score b{font-size:48px;font-weight:700;font-variant-numeric:tabular-nums}.play-result-score-of{font-size:22px;color:#7d8b86}.play-result-score small{font-size:18px}.play-result-percent{display:inline-flex;align-items:center;height:28px;margin:0;padding:0 10px;border-radius:9999px;background:var(--pi-floor);color:var(--pi-deep);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}@media (max-width:399px){.play-result-top{grid-template-columns:100px minmax(0,1fr)}.play-result-andy{width:108px}.play-result-score b{font-size:44px}}.play-result-hint{margin:-6px 0 0;text-align:center;font-size:12px;color:#7d8b86}.play-result-marks{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0 16px;list-style:none}.play-result-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:44px;height:50px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1.5px #dce4df;color:#7d8b86;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.play-result-mark span:last-child{font-size:18px;font-weight:900;line-height:1}.play-result-mark[data-mark=correct]{color:#3f9a5c}.play-result-mark[data-mark=incorrect]{color:#e0862a}.play-result-mark[data-mark=skipped]{color:#b9c4be}.play-result-reward{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0 16px}.play-result-note{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border-radius:16px;background:var(--pi-floor);color:#51625d;font-size:13px;font-weight:700;line-height:1.5}.play-result-note a{color:var(--pi-deep);text-decoration:underline;text-underline-offset:2px}.play-result-spin{flex:none;width:16px;height:16px;border:2.5px solid #c9d6ce;border-top:2.5px solid var(--pi-deep);border-radius:50%;animation:play-result-spin .9s linear infinite}@keyframes play-result-spin{to{transform:rotate(1turn)}}.play-result-gift{display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border-radius:16px;background:#fff6dc;box-shadow:inset 0 0 0 2px #f2cf63;color:#6a4b00;font-size:14px;font-weight:700}.play-result-gift-icon{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:12px;background:#f5c542;color:#3b2a00}.play-result-next{padding:0 16px}.play-result-next>section{margin-top:0}.play-result-foot{flex:none;display:flex;flex-direction:column;gap:4px;padding:10px 16px calc(16px + env(safe-area-inset-bottom, 0px));background:var(--pi-floor);border-top:1px solid rgb(41 59 55/.06)}.play-result-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;border-radius:18px;background:var(--pi-deep);color:#fff;font-family:var(--pi-round);font-size:18px;font-weight:700;letter-spacing:.05em;box-shadow:0 5px 0 rgb(0 0 0/.22)}.play-result-primary[data-gift]{background:#e8a90c;color:#3b2a00}.play-result-primary:active{transform:translateY(3px);box-shadow:0 2px 0 rgb(0 0 0/.22)}.play-result-secondary{align-self:center;min-height:44px;padding:0 12px;font-size:14px;font-weight:700;color:#51625d;text-decoration:underline;text-underline-offset:3px}.play-result :is(button,a):focus-visible{outline:3px solid #527b67;outline-offset:2px}@media (prefers-reduced-motion:no-preference){.play-result-andy{animation:play-intro-pop .55s cubic-bezier(.2,1.4,.4,1) both}.play-result-bubble{animation:play-intro-bubble .45s cubic-bezier(.2,1.5,.4,1) .25s both;transform-origin:0 40px}button.play-result-mark{animation:play-result-mark .35s cubic-bezier(.2,1.5,.4,1) both}}@keyframes play-result-mark{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@media (min-width:640px){.play-result{background:linear-gradient(180deg,#fff 55%,var(--pi-floor))}.play-result-foot>*,.play-result-scroll>*{width:100%;max-width:480px;margin-inline:auto}.play-result-foot{background:transparent;border-top:0}.play-result-secondary{width:auto}}.play-review-back{margin-left:auto;margin-right:8px;min-height:32px;padding:0 12px;border-radius:9999px;border:1px solid rgb(0 0 0/.2);font-size:.875rem;font-weight:700}.brand-practice-dialog .practice-header>.site-sound-toggle{margin-left:auto}