._callout_1ehmp_7{--callout-lift:4px;z-index:var(--z-tutorial-callout);border:var(--edge-width) solid var(--edge);background:var(--paper);max-width:min(280px,100% - 32px);box-shadow:var(--callout-lift) var(--callout-lift) 0 0 var(--edge);color:var(--ink);pointer-events:auto;visibility:hidden;--from-x:0px;--from-y:10px;--origin:50% 100%;transform-origin:var(--origin);border-radius:12px;padding:12px 14px;position:fixed}._callout_1ehmp_7[data-ready]{visibility:visible;animation:_calloutEnter_1ehmp_1 var(--beat-snap) var(--ease-snap) both}._callout_1ehmp_7[data-ready][data-leaving]{pointer-events:none;animation:_calloutExit_1ehmp_1 var(--beat-exit) var(--ease-exit) both}._callout_1ehmp_7[data-placement=top]{--from-x:0px;--from-y:10px;--origin:var(--arrow-left,50%) 100%}._callout_1ehmp_7[data-placement=bottom]{--from-x:0px;--from-y:-10px;--origin:var(--arrow-left,50%) 0%}._callout_1ehmp_7[data-placement=left]{--from-x:10px;--from-y:0px;--origin:100% var(--arrow-top,50%)}._callout_1ehmp_7[data-placement=right]{--from-x:-10px;--from-y:0px;--origin:0% var(--arrow-top,50%)}@media (width<=480px){._callout_1ehmp_7{max-width:calc(100% - 24px);padding:10px 12px}}@keyframes _calloutEnter_1ehmp_1{0%{opacity:0;transform:translate(var(--from-x), var(--from-y)) scale(.9)}to{opacity:1;transform:none}}@keyframes _calloutExit_1ehmp_1{0%{opacity:1;transform:none}to{opacity:0;transform:translate(calc(var(--from-x) * .6), calc(var(--from-y) * .6)) scale(.94)}}._header_1ehmp_93{align-items:center;gap:8px;margin-bottom:6px;display:flex}._label_1ehmp_100{color:var(--go);align-items:center;gap:5px;font-size:13px;font-weight:600;display:inline-flex}._labelIcon_1ehmp_109{width:12px;height:12px}._text_1ehmp_114{color:var(--ink);font-size:15px;font-weight:400;line-height:1.4}._text_1ehmp_114 strong{font-weight:700}@media (width<=480px){._text_1ehmp_114{font-size:14px}}._actionButton_1ehmp_131{background:var(--go);width:100%;min-height:40px;color:var(--go-text);font:inherit;cursor:pointer;box-shadow:var(--lift-tile) var(--lift-tile) 0 0 var(--edge);transition:transform var(--beat-release) var(--ease-spring), box-shadow var(--beat-release) var(--ease-spring), background-color var(--beat-press) ease-out;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:0 14px;font-size:15px;font-weight:600;display:flex}@media (hover:hover) and (pointer:fine){._actionButton_1ehmp_131:hover{background:var(--go-hover)}._skipLink_1ehmp_160:hover{color:var(--ink);-webkit-text-decoration-color:var(--go);text-decoration-color:var(--go)}}._actionButton_1ehmp_131:active{transform:translate(var(--lift-tile), var(--lift-tile));box-shadow:0 0 0 0 var(--edge);transition-duration:var(--beat-press);transition-timing-function:ease-out}._actionButton_1ehmp_131:focus-visible{outline:3px solid var(--go);outline-offset:3px}._actionIcon_1ehmp_178{width:14px;height:14px}._skipLink_1ehmp_160{text-align:center;width:100%;font:inherit;color:var(--ink-soft);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px;background:0 0;border:none;margin-top:8px;padding:6px;font-size:13px;font-weight:600;display:block}._arrow_1ehmp_203{background:var(--edge);z-index:-1;width:14px;height:14px;position:absolute}._callout_1ehmp_7[data-placement=top] ._arrow_1ehmp_203{bottom:-8px;left:var(--arrow-left,50%);transform:translate(-50%)rotate(45deg)}._callout_1ehmp_7[data-placement=bottom] ._arrow_1ehmp_203{top:-8px;left:var(--arrow-left,50%);transform:translate(-50%)rotate(45deg)}._callout_1ehmp_7[data-placement=left] ._arrow_1ehmp_203{right:-8px;top:var(--arrow-top,50%);transform:translateY(-50%)rotate(45deg)}._callout_1ehmp_7[data-placement=right] ._arrow_1ehmp_203{left:-8px;top:var(--arrow-top,50%);transform:translateY(-50%)rotate(45deg)}@media (prefers-reduced-motion:reduce){._callout_1ehmp_7[data-ready],._callout_1ehmp_7[data-ready][data-leaving]{animation:none}._actionButton_1ehmp_131{transition:none}}._card_1cmz5_8{background:var(--paper);border:var(--edge-width) solid transparent;border-radius:var(--radius-well);max-width:320px;margin:0 auto;padding:28px 24px 24px;position:relative;overflow:hidden}._header_1cmz5_20{text-align:center;margin-bottom:20px}._badge_1cmz5_25{color:var(--go);margin-bottom:8px;font-size:14px;font-weight:600;display:inline-block}._title_1cmz5_33{color:var(--ink);letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:800;line-height:1.2}._spellaBrand_1cmz5_42{font-size:1.05em}._subtitle_1cmz5_46{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.4}._gridPreview_1cmz5_60{padding:var(--grid-padding,16px);background:var(--well);border-radius:16px;flex-direction:column;align-items:center;margin-bottom:20px;display:flex;position:relative}._miniGrid_1cmz5_71{grid-template-columns:repeat(var(--grid-cols,3), var(--cell-size,40px));gap:var(--cell-gap,4px);display:grid}._miniCell_1cmz5_77{width:var(--cell-size,40px);height:var(--cell-size,40px);color:#fff;text-shadow:0 1px 2px #0003;background:var(--hover);border-radius:8px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}._miniCell_1cmz5_77:not(:empty){box-shadow:inset 0 1px #fff3,inset 0 -2px #0000001a,0 2px 6px #0000001f}._wordHighlight_1cmz5_101{top:calc(var(--grid-padding,16px) + var(--cell-size,40px) / 2);left:var(--grid-padding,16px);right:var(--grid-padding,16px);background:var(--color-green);transform-origin:0;border-radius:2px;height:3px;position:absolute;box-shadow:0 0 12px #68b54580}._wordLabel_1cmz5_113{top:calc(var(--grid-padding,16px) + var(--cell-size,40px) / 2 + 8px);right:var(--grid-padding,16px);color:var(--color-green);text-shadow:0 0 8px #68b5454d;font-size:12px;font-weight:700;position:absolute}._steps_1cmz5_124{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}._step_1cmz5_124{align-items:center;gap:14px;display:flex}._stepIcon_1cmz5_137{background:linear-gradient(135deg, color-mix(in srgb, var(--icon-color) 20%, transparent) 0%, color-mix(in srgb, var(--icon-color) 10%, transparent) 100%);border:1px solid color-mix(in srgb, var(--icon-color) 25%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}._stepIcon_1cmz5_137 svg{width:22px;height:22px;color:var(--icon-color)}._stepText_1cmz5_159{color:var(--ink);font-size:14px;font-weight:500;line-height:1.4}._button_1cmz5_167{border-radius:var(--radius-block);background:var(--go);width:100%;min-height:52px;color:var(--go-text);font:inherit;cursor:pointer;box-shadow:var(--side);transition:background-color var(--beat-press) ease-out, transform var(--beat-release) var(--ease-spring), box-shadow var(--beat-release) var(--ease-spring);border:none;padding:0 24px;font-size:17px;font-weight:600}._actions_1cmz5_186{flex-direction:column;gap:16px;width:100%;display:flex}@media (hover:hover) and (pointer:fine){._button_1cmz5_167:hover{background:var(--go-hover)}}._button_1cmz5_167:active{transform:translate(var(--lift), var(--lift));box-shadow:0 0 0 0 var(--edge);transition-duration:var(--beat-press);transition-timing-function:ease-out}@media (prefers-reduced-motion:reduce){._button_1cmz5_167{transition:background-color var(--beat-press) ease-out}}._container_k1qti_3{background:var(--well);border:var(--edge-width) solid transparent;border-radius:10px;align-items:center;gap:10px;padding:6px 12px;display:inline-flex}._label_k1qti_13{color:var(--ink-soft);font-size:13px;font-weight:600}._dots_k1qti_19{align-items:center;gap:5px;display:flex}._dot_k1qti_19{background:var(--paper);width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--rule);border-radius:3px;position:relative}._dot_k1qti_19:after{content:"";border-radius:inherit;background:var(--go);transition:transform var(--beat-spring) var(--ease-spring);position:absolute;inset:0;transform:scale(0)}._dot_k1qti_19._complete_k1qti_45:after{transform:none}._dot_k1qti_19._celebrating_k1qti_50{animation:.56s linear _pop_k1qti_1}@keyframes _pop_k1qti_1{0%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(1)}30%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:scale(1.7)}to{transform:scale(1)}}._countTick_k1qti_68{animation:_tick_k1qti_1 var(--beat-spring) var(--ease-spring);display:inline-block}@keyframes _tick_k1qti_1{0%{color:var(--go);transform:translateY(-6px)scale(1.3)}to{transform:none}}._count_k1qti_68{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}@media (prefers-reduced-motion:reduce){._dot_k1qti_19._celebrating_k1qti_50,._countTick_k1qti_68{animation:none}._dot_k1qti_19:after{transition:none}}._toast_113x3_3{top:calc(var(--header-height) + var(--safe-area-top) + 12px);z-index:var(--z-toast);background:var(--paper);border:var(--edge-width) solid var(--edge);border-radius:var(--radius-block);box-shadow:4px 4px 0 0 var(--edge);color:var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 16px;animation:1.3s linear forwards _toastLifecycle_113x3_1;display:flex;position:fixed;left:50%}@keyframes _toastLifecycle_113x3_1{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translate(-50%)translateY(-24px)scale(.9)}26%{opacity:1;animation-timing-function:linear;transform:translate(-50%)translateY(0)scale(1)}86%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0);transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-14px)scale(.96)}}._icon_113x3_48{width:18px;height:18px;color:var(--go);animation:_checkPop_113x3_1 var(--beat-spring) var(--ease-spring) .12s both;flex-shrink:0}@keyframes _checkPop_113x3_1{0%{transform:scale(0)rotate(-20deg)}to{transform:none}}._text_113x3_65{white-space:nowrap;font-size:15px;font-weight:600}@media (prefers-reduced-motion:reduce){._toast_113x3_3{animation-name:_toastStill_113x3_1}._icon_113x3_48{animation:none}}@keyframes _toastStill_113x3_1{0%,99%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}._actionContainer_18bxr_9{margin-top:32px;margin-bottom:max(48px, calc(var(--safe-area-bottom) + 24px));flex-direction:column;align-items:center;gap:16px;padding:0 20px;display:flex}._actionContainer_18bxr_9>*{animation:_actionRise_18bxr_1 var(--beat-snap) var(--ease-snap) backwards}._actionContainer_18bxr_9>:nth-child(2){animation-delay:50ms}@keyframes _actionRise_18bxr_1{0%{opacity:0;translate:0 16px}}._playTodayButton_18bxr_35,._keepPracticeButton_18bxr_36{width:100%;max-width:300px;min-height:var(--btn-height);font:inherit;border-radius:var(--radius-block);box-shadow:var(--side);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--beat-release) var(--ease-spring), box-shadow var(--beat-release) var(--ease-spring), background-color var(--beat-press) ease-out;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:17px;font-weight:600;display:flex}._playTodayButton_18bxr_35{color:var(--go-text);background:var(--go);border:none}._keepPracticeButton_18bxr_36{color:var(--ink);background:var(--well);border:var(--edge-width) solid transparent;box-shadow:none}@media (hover:hover) and (pointer:fine){._playTodayButton_18bxr_35:hover{background:var(--go-hover)}._keepPracticeButton_18bxr_36:hover{background:var(--well)}}._playTodayButton_18bxr_35:active{transform:translate(var(--lift), var(--lift));box-shadow:0 0 0 0 var(--edge);transition-duration:var(--beat-press);transition-timing-function:ease-out}._keepPracticeButton_18bxr_36:active{background:var(--pressed);transition-duration:var(--beat-press);transition-timing-function:ease-out}._playTodayButton_18bxr_35:focus-visible,._keepPracticeButton_18bxr_36:focus-visible{outline:3px solid var(--go);outline-offset:4px}._buttonIcon_18bxr_103{flex-shrink:0;width:20px;height:20px}@media (prefers-reduced-motion:reduce){._actionContainer_18bxr_9>*{animation:none}._playTodayButton_18bxr_35,._keepPracticeButton_18bxr_36{transition:none}}