.practice-session{background:var(--os-bg,#f3f4f6);height:100%;min-height:0;font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--lx-text-primary,#2b2b2b);flex-direction:column;display:flex}.practice-session__stage{flex:auto;justify-content:center;align-items:flex-start;padding:1.5rem 1rem 2.5rem;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{text-align:center;width:100%;min-height:284px;margin:2rem 0 0}.practice-landing{flex-direction:column;align-items:center;gap:1.25rem;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{flex-direction:row;justify-content:center;align-items:flex-start;gap:1.5rem}.practice-landing>.practice-about{flex:0 760px}.practice-landing__rail{flex:0 0 300px;order:0;align-self:flex-start;width:300px;max-width:none;position:sticky;top:1rem}}.practice-about{max-width:820px;color:var(--lx-text-primary,#2b2b2b);border:2.5px solid var(--os-outline,#222);box-shadow:var(--os-shadow-hard-sm,3px 3px 0 #0000001a);background-color:#fcfcf4;background-image:repeating-linear-gradient(#fcfcf4 0 1.85rem,#3c3c3c0f 1.85rem calc(1.85rem + 1px));background-position:0 .5rem;border-radius:6px;margin:0 auto;padding:1.15rem 1rem 1.5rem 1.9rem;position:relative;overflow-x:clip}.practice-about:before{content:"";pointer-events:none;background:#e9b0b0;width:2px;position:absolute;inset:0 auto 0 1.1rem}@media (width>=768px){.practice-about{padding:1.6rem 1.5rem 2rem 2.9rem}.practice-about:before{left:2rem}}.practice-about{max-width:760px;margin:2rem auto;padding-block:2rem 3rem;line-height:1.7}.practice-about__gate{border:2.5px solid var(--os-outline,#222);box-shadow:var(--os-shadow-hard-sm,3px 3px 0 #0000001a);background:#dbeafe;border-radius:6px;flex-direction:column;align-items:flex-start;gap:.6rem;margin:0 0 2rem;padding:1.1rem 1.2rem;display:flex}.practice-about__gate-eyebrow{font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);text-transform:uppercase;letter-spacing:.14em;color:var(--lx-text-secondary,#6b6b6b);font-size:.68rem;font-weight:700}.practice-about__gate-text{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--lx-text-primary,#2b2b2b);max-width:54ch;line-height:1.55}.practice-about__gate-text strong{font-weight:700}.practice-about__gate-btn{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--lx-text-primary,#2b2b2b);background:var(--os-lemon,#ffe66d);border:2.5px solid var(--os-outline,#222);box-shadow:var(--os-shadow-btn,3px 3px 0 #0000001a);cursor:pointer;border-radius:9px;align-self:flex-start;padding:.65rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .1s}.practice-about__gate-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #00000026}.practice-about__gate-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #0003}.practice-about__gate-btn:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.practice-about__gate-btn:disabled{opacity:.55;cursor:not-allowed}.practice-about h1{-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);color:var(--lx-text-primary,#2b2b2b);background-image:linear-gradient(#0000 62%,#ffe66dbf 62%);background-repeat:no-repeat;margin:0 0 1rem;font-size:clamp(1.7rem,1.2rem + 1.8vw,2.4rem);font-weight:400;line-height:1.15}.practice-about h2{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);color:var(--lx-text-primary,#2b2b2b);margin:2rem 0 .75rem;font-size:1.35rem;font-weight:400;line-height:1.15}.practice-about p{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--lx-text-primary,#2b2b2b);max-width:64ch;margin:0 0 1.25rem}.practice-about ul{margin:0 0 1.25rem;padding-left:1.25rem}.practice-about li{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--lx-text-primary,#2b2b2b);margin-bottom:.6rem;line-height:1.6}.practice-about strong{color:var(--lx-text-primary,#2b2b2b);font-weight:700}.practice-about em{font-style:italic}.practice-about a{color:#d1342f;text-underline-offset:3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.practice-about a:hover{text-decoration-style:solid}.practice-progress{border-bottom:2px solid var(--os-outline,#222);background:#fcfcf4;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}.practice-progress__close{color:var(--lx-text-secondary,#6b6b6b);cursor:pointer;background:0 0;border:0;padding:.1rem .5rem;font-size:1.4rem;line-height:1}.practice-progress__close:hover{color:var(--lx-text-primary,#2b2b2b)}.practice-progress__close:focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #d1342f}.practice-progress__track{border:2px solid var(--os-outline,#222);background:#fff;border-radius:6px;flex:auto;height:11px;overflow:hidden}.practice-progress__bar{background:repeating-linear-gradient(45deg,#4a4a4a 0 6px,#5f5f5f 6px 12px);height:100%;transition:width .25s}.practice-progress__counter{font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);letter-spacing:.06em;color:var(--lx-text-secondary,#6b6b6b);white-space:nowrap;font-size:.72rem}.practice-interaction{max-width:820px;color:var(--lx-text-primary,#2b2b2b);border:2.5px solid var(--os-outline,#222);box-shadow:var(--os-shadow-hard-sm,3px 3px 0 #0000001a);background-color:#fcfcf4;background-image:repeating-linear-gradient(#fcfcf4 0 1.85rem,#3c3c3c0f 1.85rem calc(1.85rem + 1px));background-position:0 .5rem;border-radius:6px;margin:0 auto;padding:1.15rem 1rem 1.5rem 1.9rem;position:relative;overflow-x:clip}.practice-interaction:before{content:"";pointer-events:none;background:#e9b0b0;width:2px;position:absolute;inset:0 auto 0 1.1rem}@media (width>=768px){.practice-interaction{padding:1.6rem 1.5rem 2rem 2.9rem}.practice-interaction:before{left:2rem}}.practice-interaction{flex-direction:column;gap:1.1rem;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);text-transform:uppercase;letter-spacing:.14em;color:var(--lx-text-secondary,#6b6b6b);font-size:.68rem;font-weight:700;display:block}.practice-interaction__prompt{text-align:center;font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);color:var(--lx-text-primary,#2b2b2b);word-break:break-word;margin:0;font-size:clamp(1.6rem,5vw,2.1rem);font-weight:400;line-height:1.2}.practice-interaction__subprompt{text-align:center;font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--lx-text-secondary,#6b6b6b);margin:0;font-size:.95rem}.practice-interaction__masked{text-align:center;font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);letter-spacing:6px;color:#2b2b2b;font-size:1.7rem;font-weight:700}.practice-options{counter-reset:omr;flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.practice-option{text-align:left;width:100%;color:var(--lx-text-primary,#2b2b2b);font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);cursor:pointer;background:#ffffff8c;border:2px solid #0000;border-radius:8px;align-items:center;gap:.85rem;padding:.65rem .85rem;font-size:1rem;font-weight:500;transition:border-color .12s,background .12s;display:flex;position:relative}.practice-option:before{counter-increment:omr;content:counter(omr, upper-alpha);width:1.7rem;height:1.7rem;font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);color:#555;background:0 0;border:2px solid #555;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:background .12s,border-color .12s,color .12s;display:flex}.practice-option:hover:not(:disabled){background:#fff;border-color:#22222240}.practice-option:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.practice-option:disabled{cursor:default}.practice-option--selected{background:#fff;border-color:#2b2b2b}.practice-option--selected:before{color:#fff;background:radial-gradient(circle at 40% 35%,#4a4a4a,#1f1f1f 85%);border-color:#2b2b2b;box-shadow:inset 0 0 4px #00000080}.practice-option--correct{background:linear-gradient(#0000 58%,#7ac77873 58%),#fff;border-color:#2f9e44}.practice-option--correct:before{color:#fff;background:#2f9e44;border-color:#2f9e44}.practice-option--correct:after{content:"✓";font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);color:#d1342f;margin-left:auto;font-size:1.3rem;line-height:1;transform:rotate(-8deg)}.practice-option--wrong{background:#d1342f14;border-color:#d1342f;animation:.3s practice-shake}.practice-option--wrong:before{color:#fff;background:#d1342f;border-color:#d1342f}.practice-option--wrong:after{content:"✗";font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);color:#d1342f;margin-left:auto;font-size:1.3rem;line-height:1;transform:rotate(6deg)}.practice-option--dimmed{opacity:.45}@keyframes practice-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.practice-input-row{flex-direction:column;gap:.75rem;display:flex}.practice-input{width:100%;font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);text-align:center;color:var(--lx-text-primary,#2b2b2b);border:2.5px solid var(--os-outline,#222);background:#fff;border-radius:6px;padding:.6rem .85rem;font-size:1.25rem}.practice-input:focus{outline-offset:2px;border-color:var(--os-outline,#222);outline:3px solid #d1342f}.practice-input.is-correct{background:#e6f4ea;border-color:#2f9e44}.practice-input.is-wrong{background:#d1342f14;border-color:#d1342f}.practice-submit{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--lx-text-primary,#2b2b2b);background:var(--os-lemon,#ffe66d);border:2.5px solid var(--os-outline,#222);box-shadow:var(--os-shadow-btn,3px 3px 0 #0000001a);cursor:pointer;border-radius:9px;align-self:flex-start;padding:.65rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .1s}.practice-submit:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #00000026}.practice-submit:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #0003}.practice-submit:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.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);color:#d1342f;font-size:.9rem;font-weight:600}.practice-reveal:before{content:"✎ "}.practice-reveal strong{color:#1a7f37}.practice-match{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.practice-match__col{flex-direction:column;gap:.5rem;display:flex}.practice-match__btn{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--lx-text-primary,#2b2b2b);cursor:pointer;background:#ffffffa6;border:2px solid #22222240;border-radius:6px;padding:.7rem .6rem;font-size:.9rem;font-weight:600;transition:background .12s,border-color .12s,opacity .12s}.practice-match__btn:hover:not(:disabled){background:#fff;border-color:#2b2b2b}.practice-match__btn:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.practice-match__btn.is-selected{box-shadow:var(--os-shadow-hard-sm,3px 3px 0 #0000001a);background:#fff;border-color:#2b2b2b}.practice-match__btn.is-correct{color:#1a5e2a;background:#e6f4ea;border-color:#2f9e44}.practice-match__btn.is-wrong{background:#d1342f14;border-color:#d1342f;animation:.3s practice-shake}.practice-match__btn.is-matched{opacity:.4;cursor:default;pointer-events:none}.practice-letters__build{border-bottom:2.5px dashed #22222259;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:56px;padding:.65rem .75rem;display:flex}.practice-letters__build.is-correct{border-color:#2f9e44}.practice-letters__build.is-wrong{border-color:#d1342f;animation:.3s practice-shake}.practice-letters__slot{background:#2222224d;border-radius:2px;width:30px;height:3px}.practice-letters__pool{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.1rem;display:flex}.practice-letters__tile{min-width:44px;height:48px;font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--lx-text-primary,#2b2b2b);border:2.5px solid var(--os-outline,#222);cursor:pointer;box-shadow:var(--os-shadow-hard-sm,3px 3px 0 #0000001a);background:#fff;border-radius:6px;padding:0 .75rem;font-size:1.35rem;font-weight:700;transition:transform .1s,box-shadow .1s,background .12s}.practice-letters__tile:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #00000026}.practice-letters__tile:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #0003}.practice-letters__tile:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.practice-letters__tile--placed{background:var(--os-lemon,#ffe66d);border-color:var(--os-outline,#222);box-shadow:none}.practice-letters__tile.is-used{visibility:hidden;box-shadow:none}.practice-letters__build.is-correct .practice-letters__tile--placed{color:#1a5e2a;background:#e6f4ea;border-color:#2f9e44}.practice-letters__build.is-wrong .practice-letters__tile--placed{color:#991b1b;background:#d1342f14;border-color:#d1342f}.practice-splash{text-align:center;flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:440px;margin:auto;padding:2rem 1.5rem;display:flex}.practice-splash h2{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);color:var(--lx-text-primary,#2b2b2b);text-align:center;margin:0;font-size:clamp(1.5rem,4.5vw,1.9rem);font-weight:400;line-height:1.15}.practice-splash p{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--lx-text-secondary,#6b6b6b);margin:0;font-size:.95rem}.practice-splash__score{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);color:var(--lx-text-primary,#2b2b2b);padding:.4rem .8rem;font-size:2.8rem;font-weight:400;line-height:1;display:inline-block;position:relative}.practice-splash__score:before{content:"";opacity:.85;border:3px solid #d1342f;border-radius:47% 53% 50% 50%/53% 47%;position:absolute;inset:-.15rem -.35rem;transform:rotate(-6deg)}.practice-splash__score:after{content:"";opacity:.45;border:2.5px solid #0000;border-color:#d1342f #0000 #0000 #d1342f;border-radius:50%;position:absolute;inset:.1rem 0;transform:rotate(13deg)}.practice-splash__cta{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--lx-text-primary,#2b2b2b);background:var(--os-lemon,#ffe66d);border:2.5px solid var(--os-outline,#222);box-shadow:var(--os-shadow-btn,3px 3px 0 #0000001a);cursor:pointer;border-radius:9px;align-self:flex-start;padding:.65rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .1s}.practice-splash__cta:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #00000026}.practice-splash__cta:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #0003}.practice-splash__cta:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.practice-splash__cta:disabled{opacity:.55;cursor:not-allowed}.practice-splash__cta{text-align:center;justify-content:center;align-self:center;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.practice-splash__actions{flex-direction:column;align-items:stretch;gap:.6rem;width:100%;margin-top:.4rem;display:flex}.practice-splash__actions .practice-splash__cta{align-self:stretch}.practice-splash__cta--ghost{background:#fff}.practice-new-badge{font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);text-transform:uppercase;letter-spacing:.12em;color:#d1342fd9;border:2px solid #d1342f80;border-radius:5px;align-self:center;align-items:center;gap:.35rem;margin-bottom:.9rem;padding:.28rem .55rem;font-size:.68rem;font-weight:700;line-height:1.2;display:inline-flex;transform:rotate(-3deg)}.practice-new-badge i{font-size:.7rem}.practice-shell{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.practice-burger{z-index:30;width:34px;height:34px;color:var(--lx-text-primary,#2b2b2b);background:var(--os-lemon,#ffe66d);border:2.5px solid var(--os-outline,#222);box-shadow:var(--os-shadow-btn,3px 3px 0 #0000001a);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.95rem;transition:transform .1s,box-shadow .1s;display:inline-flex;position:absolute;top:.5rem;left:.75rem}.practice-burger:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #00000026}.practice-burger:active{transform:translate(2px,2px);box-shadow:1px 1px #0003}.practice-burger:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.practice-shell .practice-progress{padding-left:56px}.practice-drawer-overlay{z-index:40;background:#1e141473;display:flex;position:absolute;inset:0}.practice-drawer{border-right:2.5px solid var(--os-outline,#222);width:min(560px,92%);height:100%;box-shadow:var(--os-shadow-hard,6px 6px 0 #0000001f);background:#fcfcf4;flex-direction:column;animation:.18s ease-out practice-drawer-in;display:flex}@keyframes practice-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.practice-drawer__header{border-bottom:2px solid var(--os-outline,#222);background:#fcfcf4;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}.practice-drawer__title{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);color:var(--lx-text-primary,#2b2b2b);align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:400;line-height:1.15;display:flex}.practice-drawer__title>i{color:#d1342f}.practice-drawer__close{width:32px;height:32px;color:var(--lx-text-secondary,#6b6b6b);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.practice-drawer__close:hover{color:var(--lx-text-primary,#2b2b2b);background:#0000000f}.practice-drawer__close:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.practice-drawer__body{flex:auto;min-height:0;padding:1rem;overflow-y:auto}.practice-picker{flex-direction:column;gap:1.1rem;width:100%;max-width:480px;margin:auto;padding:2rem 1.25rem;display:flex}.practice-picker__title{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);color:var(--lx-text-primary,#2b2b2b);text-align:center;margin:0;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:400;line-height:1.15}.practice-picker__list{flex-wrap:wrap;justify-content:center;gap:1rem 1.1rem;margin:0;padding:.5rem 0 0;list-style:none;display:flex}.practice-picker__list>li{flex:150px;min-width:150px;max-width:220px;display:flex}.practice-picker__list>li:nth-child(3n+2) .practice-picker__item{background:#dbeafe}.practice-picker__list>li:nth-child(3n+3) .practice-picker__item{background:#dcfce7}.practice-picker__item{text-align:left;width:100%;color:var(--lx-text-primary,#2b2b2b);background:var(--os-lemon,#ffe66d);border:2.5px solid var(--os-outline,#222);box-shadow:var(--os-shadow-dock,4px 4px 0 #0000001a);cursor:pointer;border-radius:3px;flex-direction:column;gap:.5rem;padding:1.4rem 1rem 1rem;transition:transform .18s,box-shadow .18s;display:flex;position:relative;transform:rotate(-1.5deg)}.practice-picker__item:before{content:"";background:radial-gradient(circle at 35% 30%,#ff9b9b,#c81f1f 72%);border-radius:50%;width:14px;height:14px;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #00000059}.practice-picker__item:hover,.practice-picker__item:focus-visible{box-shadow:var(--os-shadow-hard,6px 6px 0 #0000001f);outline:none;transform:rotate(0)translateY(-3px)}.practice-picker__item:focus-visible{outline:3px solid var(--os-outline,#222);outline-offset:3px}.practice-picker__lang{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);color:var(--lx-text-primary,#2b2b2b);font-size:1.2rem;font-weight:400;line-height:1.1}.practice-picker__counts{font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);color:#222222a6;align-items:center;gap:.6rem;font-size:.72rem;font-weight:700;display:inline-flex}.practice-picker__counts>i{color:#22222273;font-size:.7rem}.practice-picker__due{color:#d1342f;align-items:center;gap:.25rem;display:inline-flex}.practice-tabs{border-bottom:2px solid var(--os-outline,#222);background:#fcfcf4;gap:.4rem;padding:.5rem .75rem;display:flex}.practice-tabs__tab{font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);text-transform:uppercase;letter-spacing:.06em;color:var(--lx-text-secondary,#6b6b6b);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:5px;padding:.4rem .9rem;font-size:.72rem;font-weight:700}.practice-tabs__tab:hover{background:#fff}.practice-tabs__tab:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.practice-tabs__tab--active{color:var(--lx-text-primary,#2b2b2b);background:var(--os-lemon,#ffe66d);border-color:var(--os-outline,#222);box-shadow:var(--os-shadow-hard-sm,3px 3px 0 #0000001a)}.study-guide{flex-direction:column;gap:1.1rem;width:100%;max-width:780px;margin:0 auto;display:flex}.study-guide__head{align-items:center;gap:.9rem;display:flex}.study-guide__head h2{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);color:var(--lx-text-primary,#2b2b2b);margin:0;font-size:1.3rem;font-weight:400;line-height:1.15}.study-guide__subtitle{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--lx-text-secondary,#6b6b6b);margin:.15rem 0 0;font-size:.9rem}.study-guide__board{border:2.5px solid var(--os-outline,#222);box-shadow:var(--os-shadow-hard-sm,3px 3px 0 #0000001a);background-color:#efe9dc;background-image:radial-gradient(#785a3c24 1.5px,#0000 1.5px);background-size:22px 22px;border-radius:6px;flex-wrap:wrap;justify-content:center;gap:1.1rem;padding:1.5rem 1.25rem;display:flex}.study-guide__postit{width:180px;min-height:150px;color:var(--lx-text-primary,#2b2b2b);background:var(--os-lemon,#ffe66d);border:2.5px solid var(--os-outline,#222);box-shadow:var(--os-shadow-dock,4px 4px 0 #0000001a);border-radius:3px;flex-direction:column;gap:.4rem;padding:1.3rem .9rem .85rem;transition:transform .14s,box-shadow .14s;display:flex;position:relative}.study-guide__postit:before{content:"";background:radial-gradient(circle at 35% 30%,#ff9b9b,#c81f1f 72%);border-radius:50%;width:14px;height:14px;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #00000059}.study-guide__postit:nth-child(4n+1){transform:rotate(-2deg)}.study-guide__postit:nth-child(4n+2){background:#dbeafe;transform:rotate(1.5deg)}.study-guide__postit:nth-child(4n+3){background:#dcfce7;transform:rotate(-1deg)}.study-guide__postit:nth-child(4n+4){background:#fce7f3;transform:rotate(2deg)}.study-guide__postit:hover{box-shadow:var(--os-shadow-hard,6px 6px 0 #0000001f);z-index:1;transform:rotate(0)translateY(-3px)}.study-guide__tag{font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);letter-spacing:.1em;text-transform:uppercase;color:#222222b3;align-self:flex-start;align-items:center;gap:.3rem;font-size:.6rem;font-weight:700;display:inline-flex}.study-guide__tag i{font-size:.62rem}.study-guide__prompt{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);word-break:break-word;font-size:1.15rem;font-weight:400;line-height:1.15}.study-guide__answer{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:#222c;word-break:break-word;font-size:.85rem}.study-guide__postit-links{flex-direction:column;gap:.25rem;margin-top:auto;padding-top:.4rem;display:flex}.study-guide__inline-link{font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);color:#1d4ed8;align-items:center;gap:.3rem;font-size:.68rem;font-weight:700;text-decoration:none;display:inline-flex}.study-guide__inline-link:hover{text-decoration:underline}.study-guide__inline-link:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.study-guide__inline-link i{font-size:.66rem}.study-guide__ctas{flex-direction:column;gap:.6rem;display:flex}.study-guide__cta{font-family:var(--lx-font-body,"Rubik", system-ui, sans-serif);color:var(--lx-text-primary,#2b2b2b);background:var(--os-lemon,#ffe66d);border:2.5px solid var(--os-outline,#222);box-shadow:var(--os-shadow-btn,3px 3px 0 #0000001a);cursor:pointer;border-radius:9px;align-self:flex-start;padding:.65rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .1s}.study-guide__cta:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #00000026}.study-guide__cta:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #0003}.study-guide__cta:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.study-guide__cta:disabled{opacity:.55;cursor:not-allowed}.study-guide__cta{text-align:center;justify-content:center;align-self:stretch;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.study-guide__actions{flex-wrap:wrap;gap:.6rem;display:flex}.study-guide__actions .practice-splash__cta{flex:160px;align-self:auto}.saved-guides{width:100%;max-width:580px;margin:0 auto;padding:1.25rem 1rem}.saved-guides__viewer{flex-direction:column;gap:1rem;width:100%;max-width:780px;margin:0 auto;padding:1.25rem 1rem;display:flex}.saved-guides__back{font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);text-transform:uppercase;letter-spacing:.06em;color:var(--lx-text-primary,#2b2b2b);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:.4rem;padding:.3rem .2rem;font-size:.72rem;font-weight:700;display:inline-flex}.saved-guides__back:hover{text-decoration:underline}.saved-guides__back:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.saved-guides__title{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);color:var(--lx-text-primary,#2b2b2b);margin:0 0 .9rem;font-size:1.2rem;font-weight:400;line-height:1.15}.saved-guides__list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.saved-guides__item{align-items:stretch;gap:.5rem;display:flex}.saved-guides__open{text-align:left;color:var(--lx-text-primary,#2b2b2b);cursor:pointer;background:#fff;border:2px solid #22222240;border-radius:6px;flex-direction:column;flex:auto;gap:.15rem;padding:.75rem .9rem;transition:background .12s,border-color .12s;display:flex}.saved-guides__open:hover{background:#fffdf5;border-color:#2b2b2b}.saved-guides__open:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.saved-guides__lang{font-family:var(--lx-font-heading,"DM Serif Display", Georgia, serif);color:var(--lx-text-primary,#2b2b2b);font-size:1.05rem;font-weight:400}.saved-guides__meta{font-family:var(--os-font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);color:var(--lx-text-secondary,#6b6b6b);font-size:.68rem}.saved-guides__delete{color:#d1342f;cursor:pointer;background:#fff;border:2px solid #22222240;border-radius:6px;flex:none;justify-content:center;align-items:center;width:44px;transition:background .12s,border-color .12s;display:inline-flex}.saved-guides__delete:hover{background:#d1342f14;border-color:#d1342f}.saved-guides__delete:focus-visible{outline-offset:2px;outline:3px solid #d1342f}.study-guide__empty-icon{color:#22222240;font-size:2.4rem}@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:.9rem}.practice-interaction__prompt{font-size:clamp(1.4rem,7vw,1.8rem)}.practice-option{padding:.6rem .7rem;font-size:.95rem}.practice-input{font-size:1.1rem}.practice-match__btn{padding:.6rem .5rem;font-size:.85rem}.practice-letters__tile{min-width:40px;height:44px;font-size:1.2rem}.practice-drawer{width:100%}.study-guide__board{gap:.9rem;padding:1rem .75rem}.study-guide__postit{width:100%;min-height:0}.study-guide__postit:nth-child(n){transform:none}.study-guide__actions .practice-splash__cta{flex-basis:100%}.practice-picker__list>li{flex-basis:100%;max-width:none}}
