:root{--paper-rule:color-mix(in srgb, var(--ink) 7%, transparent);--paper-margin:var(--blush-mid);--paper-tape:color-mix(in srgb, var(--sky-mid) 55%, transparent);--paper-marker:color-mix(in srgb, var(--lemon-mid) 55%, transparent);--paper-pin:radial-gradient(circle at 35% 30%, var(--blush-mid), var(--action) 72%);--paper-baseline:32px}.practice-session{background:var(--surface-sunk);height:100%;min-height:0;font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--ink);flex-direction:column;display:flex}.practice-session__stage{padding:var(--sp-5) var(--sp-4) var(--sp-7);flex:auto;justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.practice-session__play{flex-direction:column;align-items:center;width:100%;max-width:560px;margin:0 auto;display:flex}.practice-session__ad{width:100%;margin:var(--sp-6) 0 0;text-align:center;min-height:284px}.practice-landing{align-items:center;gap:var(--sp-5);flex-direction:column;display:flex}.practice-landing>.practice-about{width:100%;min-width:0;margin-inline:0}.practice-landing__rail{order:2;width:100%;max-width:520px}.practice-landing__rail .practice-landing__ad{margin-top:0}@media (width>=1400px){.practice-landing{justify-content:center;align-items:flex-start;gap:var(--sp-5);flex-direction:row}.practice-landing>.practice-about{flex:0 760px}.practice-landing__rail{width:300px;max-width:none;top:var(--sp-4);flex:0 0 300px;order:0;align-self:flex-start;position:sticky}}.practice-about{max-width:820px;padding:var(--sp-5) var(--sp-4) var(--sp-6) var(--sp-6);color:var(--ink);background-color:var(--paper-stock);background-image:repeating-linear-gradient(var(--paper-stock) 0 var(--paper-baseline), var(--paper-rule) var(--paper-baseline) calc(var(--paper-baseline) + 1px));background-position:0 var(--sp-2);border:var(--edge-hair);border-radius:var(--r-card);box-shadow:var(--sh-card);margin:0 auto;position:relative;overflow-x:clip}.practice-about:before{content:"";inset:0 auto 0 var(--sp-5);background:var(--paper-margin);pointer-events:none;width:2px;position:absolute}@media (width>=768px){.practice-about{padding:var(--sp-6) var(--sp-6) var(--sp-6) calc(var(--sp-6) + var(--sp-5))}.practice-about:before{left:calc(var(--sp-6) + var(--sp-2))}}.practice-about{max-width:760px;margin:var(--sp-6) auto;padding-block:var(--sp-6) var(--sp-7);line-height:var(--lh-body)}.practice-about__gate{align-items:flex-start;gap:var(--sp-2);margin:0 0 var(--sp-6);padding:var(--sp-4);color:var(--app-hue-ink);background:var(--app-hue);border:var(--edge-hair);border-radius:var(--r-card);box-shadow:var(--sh-raise);flex-direction:column;display:flex}.practice-about__gate-eyebrow{font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);text-transform:uppercase;letter-spacing:.12em;font-size:var(--fs-chrome-xs);color:var(--app-hue-ink);font-weight:700}.practice-about__gate-text{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--app-hue-ink);max-width:54ch}.practice-about__gate-text strong{font-weight:600}.practice-about__gate-btn{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-weight:600;font-size:var(--fs-body);padding:var(--sp-3) var(--sp-5);color:var(--surface);background:var(--action);border:var(--edge-lit);border-radius:var(--r-control);box-shadow:var(--sh-button);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-self:flex-start}.practice-about__gate-btn:hover:not(:disabled){background:var(--action-hover)}.practice-about__gate-btn:active:not(:disabled){box-shadow:var(--sh-press);transform:translateY(1px)}.practice-about__gate-btn:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.practice-about__gate-btn:disabled{opacity:.55;cursor:not-allowed}.practice-about h1{background-image:linear-gradient(transparent 62%, var(--paper-marker) 62%);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);font-weight:400;font-size:var(--fs-xl);line-height:var(--lh-display);color:var(--ink-title);margin:0 0 var(--sp-4);background-repeat:no-repeat}.practice-about h2{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);font-weight:400;font-size:var(--fs-lg);line-height:var(--lh-title);color:var(--ink);margin:0 0 var(--sp-3);margin:var(--sp-6) 0 var(--sp-3)}.practice-about p{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-size:var(--fs-body);margin:0 0 var(--sp-5);color:var(--ink);max-width:64ch}.practice-about ul{margin:0 0 var(--sp-5);padding-left:var(--sp-5)}.practice-about li{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-size:var(--fs-body);line-height:var(--lh-body);margin-bottom:var(--sp-2);color:var(--ink)}.practice-about strong{color:var(--ink);font-weight:600}.practice-about em{font-style:italic}.practice-about a{color:var(--action);text-underline-offset:3px;text-decoration:underline}.practice-about a:hover{color:var(--action-hover)}.practice-progress{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:var(--edge-hair);background:var(--glass-sunk);display:flex}.practice-progress__close{font-size:var(--fs-md);color:var(--ink-dim);cursor:pointer;padding:var(--sp-1) var(--sp-2);background:0 0;border:0;line-height:1}.practice-progress__close:hover{color:var(--ink)}.practice-progress__close:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px;border-radius:var(--r-chip)}.practice-progress__track{background:var(--glass-sunk);border:var(--edge-hair);border-radius:var(--r-card);flex:auto;height:14px;overflow:hidden}.practice-progress__bar{background:var(--action);height:100%;transition:width var(--dur-slow) var(--ease-out)}.practice-progress__counter{font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);font-size:var(--fs-chrome-sm);letter-spacing:.06em;color:var(--ink-dim);white-space:nowrap}.practice-interaction{max-width:820px;padding:var(--sp-5) var(--sp-4) var(--sp-6) var(--sp-6);color:var(--ink);background-color:var(--paper-stock);background-image:repeating-linear-gradient(var(--paper-stock) 0 var(--paper-baseline), var(--paper-rule) var(--paper-baseline) calc(var(--paper-baseline) + 1px));background-position:0 var(--sp-2);border:var(--edge-hair);border-radius:var(--r-card);box-shadow:var(--sh-card);margin:0 auto;position:relative;overflow-x:clip}.practice-interaction:before{content:"";inset:0 auto 0 var(--sp-5);background:var(--paper-margin);pointer-events:none;width:2px;position:absolute}@media (width>=768px){.practice-interaction{padding:var(--sp-6) var(--sp-6) var(--sp-6) calc(var(--sp-6) + var(--sp-5))}.practice-interaction:before{left:calc(var(--sp-6) + var(--sp-2))}}.practice-interaction{gap:var(--sp-4);flex-direction:column;width:100%;max-width:560px;display:flex}.practice-interaction__label{text-align:center;font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);font-size:var(--fs-chrome-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);font-weight:700;display:block}.practice-interaction__prompt{text-align:center;font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);font-weight:400;font-size:var(--fs-2xl);line-height:var(--lh-display);color:var(--ink-title);word-break:break-word;margin:0}.practice-interaction__subprompt{text-align:center;font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-size:var(--fs-body);color:var(--ink-dim);margin:0}.practice-interaction__masked{text-align:center;font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);font-size:var(--fs-lg);letter-spacing:6px;color:var(--ink);font-weight:700}.practice-options{gap:var(--sp-2);counter-reset:omr;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.practice-option{align-items:center;gap:var(--sp-3);text-align:left;width:100%;padding:var(--sp-3);border:var(--edge-hair);border-radius:var(--r-control);background:var(--glass-raised);color:var(--ink);font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-size:var(--fs-body);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);font-weight:500;display:flex;position:relative}.practice-option:before{counter-increment:omr;content:counter(omr, upper-alpha);border:1px solid var(--rule);width:26px;height:26px;font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);font-weight:700;font-size:var(--fs-chrome-xs);color:var(--ink-dim);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.practice-option:hover:not(:disabled){background:var(--surface)}.practice-option:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.practice-option:disabled{cursor:default}.practice-option--selected{background:var(--surface);border-color:var(--action)}.practice-option--selected:before{border-color:var(--action);color:var(--surface);background:var(--action)}.practice-option--correct{background:var(--correct);border-color:var(--sage-mid);color:var(--correct-ink)}.practice-option--correct:before{border-color:var(--sage-mid);background:var(--sage-mid);color:var(--ink)}.practice-option--correct:after{content:"✓";font-size:var(--fs-body);color:var(--correct-ink);margin-left:auto;line-height:1}.practice-option--wrong{background:var(--wrong-fill);border-color:var(--wrong);color:var(--wrong);animation:practice-shake var(--dur-slow) var(--ease-out)}.practice-option--wrong:before{border-color:var(--wrong);background:var(--wrong);color:var(--surface)}.practice-option--wrong:after{content:"✗";font-size:var(--fs-body);color:var(--wrong);margin-left:auto;line-height:1}.practice-option--dimmed{opacity:.45}@keyframes practice-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.practice-input-row{gap:var(--sp-3);flex-direction:column;display:flex}.practice-input{width:100%;font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-size:var(--fs-md);padding:var(--sp-2) var(--sp-3);text-align:center;color:var(--ink);background:var(--surface);border:var(--edge-hair);border-radius:var(--r-control)}.practice-input:focus{outline:2.5px solid var(--focus);outline-offset:2px;border-color:var(--action)}.practice-input.is-correct{border-color:var(--sage-mid);background:var(--correct);color:var(--correct-ink)}.practice-input.is-wrong{border-color:var(--wrong);background:var(--wrong-fill);color:var(--wrong)}.practice-submit{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-weight:600;font-size:var(--fs-body);padding:var(--sp-3) var(--sp-5);color:var(--surface);background:var(--action);border:var(--edge-lit);border-radius:var(--r-control);box-shadow:var(--sh-button);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-self:flex-start}.practice-submit:hover:not(:disabled){background:var(--action-hover)}.practice-submit:active:not(:disabled){box-shadow:var(--sh-press);transform:translateY(1px)}.practice-submit:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.practice-submit:disabled{opacity:.55;cursor:not-allowed}.practice-submit{text-align:center;align-self:stretch}.practice-reveal{text-align:center;font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-size:var(--fs-sm);color:var(--action);font-weight:600}.practice-reveal strong{color:var(--sage-ink)}.practice-match{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.practice-match__col{gap:var(--sp-2);flex-direction:column;display:flex}.practice-match__btn{padding:var(--sp-3) var(--sp-2);font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-size:var(--fs-sm);color:var(--ink);background:var(--glass-raised);border:var(--edge-hair);border-radius:var(--r-control);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);font-weight:600}.practice-match__btn:hover:not(:disabled){background:var(--surface)}.practice-match__btn:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.practice-match__btn.is-selected{background:var(--surface);border-color:var(--action);box-shadow:var(--sh-raise)}.practice-match__btn.is-correct{background:var(--correct);border-color:var(--sage-mid);color:var(--correct-ink)}.practice-match__btn.is-wrong{background:var(--wrong-fill);border-color:var(--wrong);color:var(--wrong);animation:practice-shake var(--dur-slow) var(--ease-out)}.practice-match__btn.is-matched{opacity:.4;cursor:default;pointer-events:none}.practice-letters__build{justify-content:center;align-items:center;gap:var(--sp-2);width:100%;min-height:56px;padding:var(--sp-3);border-bottom:1px dashed var(--rule);flex-wrap:wrap;display:flex}.practice-letters__build.is-correct{border-color:var(--sage-mid)}.practice-letters__build.is-wrong{border-color:var(--wrong);animation:practice-shake var(--dur-slow) var(--ease-out)}.practice-letters__slot{background:var(--rule);width:30px;height:3px}.practice-letters__pool{justify-content:center;gap:var(--sp-2);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.practice-letters__tile{min-width:44px;height:48px;padding:0 var(--sp-3);font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);font-size:var(--fs-md);color:var(--ink);background:var(--surface);border:var(--edge-lit);border-radius:var(--r-control);cursor:pointer;box-shadow:var(--sh-raise);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);font-weight:600}.practice-letters__tile:hover:not(:disabled){box-shadow:var(--sh-button)}.practice-letters__tile:active:not(:disabled){box-shadow:var(--sh-press);transform:translateY(1px)}.practice-letters__tile:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.practice-letters__tile--placed{background:var(--app-hue);color:var(--app-hue-ink);border:var(--edge-hair);box-shadow:none}.practice-letters__tile.is-used{visibility:hidden;box-shadow:none}.practice-letters__build.is-correct .practice-letters__tile--placed{border-color:var(--sage-mid);background:var(--correct);color:var(--correct-ink)}.practice-letters__build.is-wrong .practice-letters__tile--placed{border-color:var(--wrong);background:var(--wrong-fill);color:var(--wrong)}.practice-splash{text-align:center;align-items:center;gap:var(--sp-3);width:100%;max-width:440px;padding:var(--sp-6) var(--sp-5);flex-direction:column;margin:auto;display:flex}.practice-splash h2{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);font-weight:400;font-size:var(--fs-lg);line-height:var(--lh-title);color:var(--ink);margin:0 0 var(--sp-3);text-align:center;font-size:var(--fs-xl);margin:0}.practice-splash p{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--ink-dim);font-size:var(--fs-body);margin:0}.practice-splash__score{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);font-weight:400;font-size:var(--fs-2xl);color:var(--ink-title);padding:var(--sp-2) var(--sp-4);border:var(--edge-hair);border-radius:var(--r-card);background:var(--app-hue);line-height:1;display:inline-block;position:relative}.practice-splash__cta{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-weight:600;font-size:var(--fs-body);padding:var(--sp-3) var(--sp-5);color:var(--surface);background:var(--action);border:var(--edge-lit);border-radius:var(--r-control);box-shadow:var(--sh-button);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-self:flex-start}.practice-splash__cta:hover:not(:disabled){background:var(--action-hover)}.practice-splash__cta:active:not(:disabled){box-shadow:var(--sh-press);transform:translateY(1px)}.practice-splash__cta:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.practice-splash__cta:disabled{opacity:.55;cursor:not-allowed}.practice-splash__cta{justify-content:center;align-self:center;align-items:center;gap:var(--sp-2);text-align:center;text-decoration:none;display:inline-flex}.practice-splash__actions{margin-top:var(--sp-1);gap:var(--sp-2);flex-direction:column;align-items:stretch;width:100%;display:flex}.practice-splash__actions .practice-splash__cta{align-self:stretch}.practice-splash__cta--ghost{color:var(--action);background:var(--surface);border:var(--edge-hair)}.practice-splash__cta--ghost:hover:not(:disabled){background:var(--action-tint)}.practice-new-badge{font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);text-transform:uppercase;letter-spacing:.12em;font-size:var(--fs-chrome-xs);font-weight:700;line-height:var(--lh-chrome);color:var(--action);border:var(--edge-hair);border-radius:var(--r-chip);padding:var(--sp-1) var(--sp-2);align-self:center;align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-3);border-color:var(--action);display:inline-flex;transform:none}.practice-new-badge i{font-size:var(--fs-chrome-xs)}.practice-shell{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.practice-railed{background:var(--surface-sunk);height:100%;min-height:0}.practice-rail{display:none}@media (width>=1400px){.practice-railed{position:relative}.practice-railed>.practice-session{box-sizing:border-box;padding-right:calc(300px + var(--sp-6))}.practice-rail{top:var(--sp-4);right:var(--sp-4);bottom:var(--sp-4);width:300px;display:block;position:absolute;overflow:hidden}.practice-rail__ad{margin:0}}.practice-burger{top:var(--sp-2);left:var(--sp-3);z-index:var(--z-window);width:34px;height:34px;color:var(--app-hue-ink);background:var(--app-hue);border:var(--edge-hair);border-radius:var(--r-control);box-shadow:var(--sh-button);font-size:var(--fs-body);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex;position:absolute}.practice-burger:active{box-shadow:var(--sh-press);transform:translateY(1px)}.practice-burger:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.practice-shell .practice-progress{padding-left:56px}.practice-drawer-overlay{z-index:var(--z-sticky);background:color-mix(in srgb, var(--ink) 45%, transparent);display:flex;position:absolute;inset:0}.practice-drawer{background:var(--surface);border-right:var(--edge-hair);width:min(560px,92%);height:100%;box-shadow:var(--sh-window);animation:practice-drawer-in var(--dur-base) var(--ease-out);flex-direction:column;display:flex}@keyframes practice-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.practice-drawer__header{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:var(--edge-hair);background:var(--glass-sunk);display:flex}.practice-drawer__title{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);font-weight:400;font-size:var(--fs-lg);line-height:var(--lh-title);color:var(--ink);margin:0 0 var(--sp-3);align-items:center;gap:var(--sp-2);font-size:var(--fs-md);margin:0;display:flex}.practice-drawer__title>i{color:var(--action)}.practice-drawer__close{border-radius:var(--r-chip);width:32px;height:32px;color:var(--ink-dim);font-size:var(--fs-body);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.practice-drawer__close:hover{background:var(--surface-sunk);color:var(--ink)}.practice-drawer__close:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.practice-drawer__body{min-height:0;padding:var(--sp-4);flex:auto;overflow-y:auto}.practice-picker{width:100%;max-width:720px;padding:var(--sp-6) var(--sp-5);gap:var(--sp-5);flex-direction:column;margin:auto;display:flex}.practice-picker__title{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);font-weight:400;font-size:var(--fs-lg);line-height:var(--lh-title);color:var(--ink-title);margin:0 0 var(--sp-3);text-align:center;font-size:var(--fs-xl);margin:0}.practice-picker__list{padding:var(--sp-2) 0 0;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0;list-style:none;display:grid}.practice-picker__list>li{min-width:0;display:flex}.practice-picker__item{gap:var(--sp-2);width:100%;padding:var(--sp-4);text-align:left;color:var(--ink);background:var(--glass-panel);border:var(--edge-lit);border-radius:var(--r-card);box-shadow:var(--sh-card), var(--specular);cursor:pointer;transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative}.practice-picker__item:before{content:"";top:var(--sp-4);left:var(--sp-4);border:var(--edge-lit);border-radius:var(--r-card);background:var(--app-hue);width:22px;height:22px;position:absolute}.practice-picker__item:hover,.practice-picker__item:focus-visible{box-shadow:var(--sh-window);transform:translateY(-3px)}.practice-picker__item:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.practice-picker__lang{padding-left:var(--sp-6);font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-weight:600;font-size:var(--fs-md);line-height:var(--lh-title);color:var(--ink-title)}.practice-picker__counts{align-items:center;gap:var(--sp-2);font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);font-size:var(--fs-chrome-xs);color:var(--ink-dim);font-weight:700;display:inline-flex}.practice-picker__counts>i{color:var(--rule);font-size:var(--fs-chrome-xs)}.practice-picker__due{align-items:center;gap:var(--sp-1);color:var(--action);display:inline-flex}.practice-tabs{gap:var(--sp-1);padding:0 var(--sp-5);background:var(--glass-sunk);border-bottom:var(--edge-hair);display:flex}.practice-tabs__tab{padding:var(--sp-3);font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-size:var(--fs-sm);color:var(--ink-dim);cursor:pointer;background:0 0;border:0;border-bottom:2.5px solid #0000;font-weight:600}.practice-tabs__tab:hover{color:var(--ink)}.practice-tabs__tab:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.practice-tabs__tab--active{color:var(--action);border-bottom-color:var(--action)}.study-guide{gap:var(--sp-4);flex-direction:column;width:100%;max-width:780px;margin:0 auto;display:flex}.study-guide__head{align-items:center;gap:var(--sp-3);display:flex}.study-guide__head h2{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);font-weight:400;font-size:var(--fs-lg);line-height:var(--lh-title);color:var(--ink);margin:0 0 var(--sp-3);margin:0}.study-guide__subtitle{margin:var(--sp-1) 0 0;font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-size:var(--fs-sm);color:var(--ink-dim)}.study-guide__board{gap:var(--sp-4);padding:var(--sp-5);background:var(--surface-sunk);border:var(--edge-hair);border-radius:var(--r-card);box-shadow:var(--sh-raise);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.study-guide__postit{gap:var(--sp-1);min-height:150px;padding:var(--sp-4);color:var(--ink);background:var(--glass-panel);border:var(--edge-lit);border-radius:var(--r-card);box-shadow:var(--sh-card), var(--specular);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative}.study-guide__postit:before{content:"";border-radius:var(--r-card) var(--r-card) 0 0;background:var(--app-hue);width:100%;height:4px;position:absolute;top:0;left:0}.study-guide__postit:nth-child(4n+2):before{background:var(--sky)}.study-guide__postit:nth-child(4n+3):before{background:var(--sage)}.study-guide__postit:nth-child(4n+4):before{background:var(--blush)}.study-guide__postit:hover{box-shadow:var(--sh-window);z-index:var(--z-base);transform:translateY(-3px)}.study-guide__tag{align-items:center;gap:var(--sp-1);font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);font-size:var(--fs-chrome-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);align-self:flex-start;font-weight:700;display:inline-flex}.study-guide__tag i{font-size:var(--fs-chrome-xs)}.study-guide__prompt{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-weight:600;font-size:var(--fs-md);line-height:var(--lh-title);color:var(--ink-title);word-break:break-word}.study-guide__answer{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-size:var(--fs-sm);color:var(--ink-dim);word-break:break-word}.study-guide__postit-links{gap:var(--sp-1);padding-top:var(--sp-1);flex-direction:column;margin-top:auto;display:flex}.study-guide__inline-link{align-items:center;gap:var(--sp-1);font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-size:var(--fs-sm);color:var(--action);font-weight:600;text-decoration:none;display:inline-flex}.study-guide__inline-link:hover{text-decoration:underline}.study-guide__inline-link:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.study-guide__inline-link i{font-size:var(--fs-chrome-xs)}.study-guide__ctas{gap:var(--sp-2);flex-direction:column;display:flex}.study-guide__cta{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-weight:600;font-size:var(--fs-body);padding:var(--sp-3) var(--sp-5);color:var(--surface);background:var(--action);border:var(--edge-lit);border-radius:var(--r-control);box-shadow:var(--sh-button);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-self:flex-start}.study-guide__cta:hover:not(:disabled){background:var(--action-hover)}.study-guide__cta:active:not(:disabled){box-shadow:var(--sh-press);transform:translateY(1px)}.study-guide__cta:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.study-guide__cta:disabled{opacity:.55;cursor:not-allowed}.study-guide__cta{justify-content:center;align-self:stretch;align-items:center;gap:var(--sp-2);text-align:center;text-decoration:none;display:inline-flex}.study-guide__actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.study-guide__actions .practice-splash__cta{flex:160px;align-self:auto}.saved-guides{width:100%;max-width:580px;padding:var(--sp-5) var(--sp-4);margin:0 auto}.saved-guides__viewer{gap:var(--sp-4);width:100%;max-width:780px;padding:var(--sp-5) var(--sp-4);flex-direction:column;margin:0 auto;display:flex}.saved-guides__back{align-self:flex-start;align-items:center;gap:var(--sp-1);padding:var(--sp-1) 0;font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);font-size:var(--fs-chrome-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--action);cursor:pointer;background:0 0;border:0;font-weight:700;display:inline-flex}.saved-guides__back:hover{text-decoration:underline}.saved-guides__back:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.saved-guides__title{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);font-weight:400;font-size:var(--fs-lg);line-height:var(--lh-title);color:var(--ink);margin:0 0 var(--sp-3);margin:0 0 var(--sp-3)}.saved-guides__list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.saved-guides__item{align-items:stretch;gap:var(--sp-2);display:flex}.saved-guides__open{gap:var(--sp-1);padding:var(--sp-3);text-align:left;color:var(--ink);background:var(--surface);border:var(--edge-hair);border-radius:var(--r-control);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex-direction:column;flex:auto;display:flex}.saved-guides__open:hover{background:var(--surface-sunk);border-color:var(--action)}.saved-guides__open:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.saved-guides__lang{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);font-weight:600;font-size:var(--fs-body);color:var(--ink-title)}.saved-guides__meta{font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);font-size:var(--fs-chrome-xs);color:var(--ink-dim)}.saved-guides__delete{width:44px;color:var(--action);background:var(--surface);border:var(--edge-hair);border-radius:var(--r-control);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.saved-guides__delete:hover{background:var(--action-tint);border-color:var(--action)}.saved-guides__delete:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.study-guide__empty-icon{font-size:var(--fs-2xl);color:var(--rule)}@media (prefers-reduced-motion:reduce){.practice-option,.practice-option:before,.practice-progress__bar,.practice-match__btn,.practice-letters__tile,.practice-submit,.practice-splash__cta,.practice-picker__item,.practice-burger,.study-guide__postit,.study-guide__cta,.saved-guides__open,.saved-guides__delete{transition:none}.practice-option--wrong,.practice-match__btn.is-wrong,.practice-letters__build.is-wrong,.practice-drawer{animation:none}}@media (width<=575.98px){.practice-interaction{gap:var(--sp-3)}.practice-interaction__prompt{font-size:var(--fs-xl)}.practice-option{font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3)}.practice-input{font-size:var(--fs-body)}.practice-match__btn{font-size:var(--fs-sm);padding:var(--sp-2)}.practice-letters__tile{min-width:40px;height:44px;font-size:var(--fs-body)}.practice-drawer{width:100%}.study-guide__board{padding:var(--sp-3);gap:var(--sp-3)}.study-guide__actions .practice-splash__cta{flex-basis:100%}}