.sd-app{--sd-bg:#f3f2f2;--sd-surface:#eae9e9;--sd-ink:#201e1d;--sd-divider:#201e1d66;--sd-accent:#83050b;--sd-accent-100:#f9eaeb;--sd-accent-300:#e8b4b7;--sd-accent-400:#f0868b;--sd-accent-600:#690409;--sd-accent-700:#83050b;--sd-accent-800:#5a0307;--sd-accent-900:#4a0206;--sd-n-100:#f8f4f4;--sd-n-200:#eae7e7;--sd-n-300:#d7d3d3;--sd-n-400:#bab6b6;--sd-n-500:#9b9797;--sd-n-600:#7d7979;--sd-n-700:#605d5d;--sd-n-800:#444141;--sd-n-900:#2d2b2b}@layer components{.sd-app{font-family:var(--font-archivo), ui-sans-serif, system-ui, sans-serif;color:var(--sd-ink);background:var(--sd-bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}.sd-app :is(h1,h2,h3,h4,h5,h6){letter-spacing:-.015em;font-family:inherit;font-weight:800;line-height:1.12}.sd-app ::selection{background:color-mix(in srgb, var(--sd-accent) 30%, transparent);color:inherit}.sd-app :focus-visible{outline:2px solid var(--sd-accent);outline-offset:2px}html.sd-locked,html.sd-locked body{overscroll-behavior:none;overflow:hidden}.sd-h6{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800;line-height:1.12}.sd-kicker{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}.sd-btn{cursor:pointer;color:var(--sd-ink);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14.4px;font-size:14px;font-weight:800;line-height:1.2;display:inline-flex}.sd-btn:disabled{opacity:.45;cursor:not-allowed}.sd-btn-primary{background:var(--sd-accent);color:var(--sd-bg)}.sd-btn-primary:hover:not(:disabled){background:var(--sd-accent-600)}.sd-btn-primary:active:not(:disabled){background:var(--sd-accent-900)}.sd-btn-secondary{border-color:var(--sd-divider)}.sd-btn-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--sd-ink) 7%, transparent)}.sd-btn-secondary:active:not(:disabled){background:color-mix(in srgb, var(--sd-ink) 14%, transparent)}.sd-btn-ghost{color:var(--sd-accent);padding-inline:4px}.sd-btn-ghost:hover{background:color-mix(in srgb, var(--sd-accent) 10%, transparent)}.sd-btn-ghost:active{background:color-mix(in srgb, var(--sd-accent) 18%, transparent)}.sd-btn-icon{width:36px;height:36px;padding:0}.sd-btn-block{text-align:left;justify-content:flex-start;width:100%}.sd-btn-on-dark{color:var(--sd-bg);border-color:#fff6}.sd-btn-on-dark:hover{background:#ffffff1a}.sd-app button{-webkit-tap-highlight-color:transparent;transition:transform 80ms}.sd-app button:active:not(:disabled){transform:scale(.98)}.sd-tag{letter-spacing:.02em;align-items:center;padding:3px 10px;font-size:11px;line-height:1.55;display:inline-flex}.sd-tag-accent{background:var(--sd-accent-100);color:var(--sd-accent-800)}.sd-tag-neutral{background:var(--sd-n-100);color:var(--sd-n-800)}.sd-input{width:100%;min-height:36px;font:inherit;color:var(--sd-ink);caret-color:var(--sd-accent);background:var(--sd-surface);border:1px solid var(--sd-divider);border-radius:8px;padding:6px 10px;font-size:14px}.sd-input:hover{border-color:color-mix(in srgb, var(--sd-ink) 45%, transparent)}.sd-input:focus-visible{border-color:var(--sd-accent);outline-offset:0}textarea.sd-input{resize:vertical;min-height:90px}.sd-dialog{background:var(--sd-surface);border-radius:16px;flex-direction:column;gap:12px;width:min(440px,100%);padding:16px;display:flex;box-shadow:0 12px 32px #2d2b2b38}.sd-medal-ring{background:conic-gradient(from 210deg, #f9eaeb, #c2272e, var(--sd-accent), #e06a70, #f9eaeb);box-shadow:0 4px 12px color-mix(in srgb, var(--sd-accent) 35%, transparent)}.sd-medal-core{background:radial-gradient(circle at 35% 30%, #c2272e, var(--sd-accent) 70%);box-shadow:inset 0 -6px 12px #00000038,inset 0 4px 8px #ffffff59}.sd-shadow-md{box-shadow:0 3px 10px #2d2b2b29}.sd-shadow-lg{box-shadow:0 12px 32px #2d2b2b38}.sd-hover-lift:hover{box-shadow:0 3px 10px #2d2b2b29}@media (min-width:1024px){.sd-lg-shadow{box-shadow:0 12px 32px #2d2b2b38}}.sd-grid{background-color:var(--sd-ink);background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:var(--grid,23px) var(--grid,23px);background-position:calc(var(--px,0) * -10px) calc(var(--py,0) * -10px + var(--sy,0) * .3px);color:var(--sd-bg);transition:background-position .25s ease-out}.sd-far{transform:translate(calc(var(--px,0) * -6px), calc(var(--py,0) * -4px));transition:transform .25s ease-out}.sd-mid{transform:translate(calc(var(--px,0) * 8px), calc(var(--py,0) * 6px));transition:transform .25s ease-out}.sd-near{transform:translate(calc(var(--px,0) * 16px), calc(var(--py,0) * 10px));transition:transform .25s ease-out}.sd-drift{transform:translateY(calc(var(--sy,0) * .4px));opacity:max(0, calc(1 - var(--sy,0) / 140));will-change:transform}@media (min-width:1024px){.sd-drift{opacity:1;transform:none}}.sd-frozen{background:repeating-linear-gradient(45deg, var(--sd-accent-300) 0 3px, var(--sd-bg) 3px 6px)}.sd-frozen-dark{background:repeating-linear-gradient(45deg, var(--sd-accent-300) 0 3px, var(--sd-ink) 3px 6px)}@keyframes sd-screen{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes sd-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sd-side{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes sd-side-b{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes sd-pop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes sd-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sd-a-screen{animation:.45s cubic-bezier(.2,.7,.2,1) both sd-screen}.sd-a-in{animation:.5s both sd-in}.sd-a-in-fast{animation:.35s both sd-in}.sd-a-pop{animation:.5s both sd-pop}.sd-a-grow{transform-origin:0;animation:.8s cubic-bezier(.2,.7,.2,1) both sd-grow}.sd-a-side{animation:.45s both sd-side}.sd-a-side-b{animation:.45s both sd-side-b}@keyframes sd-fade{0%{opacity:0}to{opacity:1}}@keyframes sd-sheet{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:none}}@keyframes sd-flame-big{0%{transform:scale(0)rotate(-35deg)}60%{transform:scale(1.25)rotate(8deg)}to{transform:scale(1)}}@keyframes sd-flicker{0%,to{transform:none}50%{transform:scale(1.06,.93)rotate(-3deg)}}@keyframes sd-tickbox{0%{box-shadow:0 0 0 0 var(--sd-accent);background:0 0;transform:scale(.7)}55%{background:var(--sd-accent);transform:scale(1.18)}to{background:var(--sd-accent);transform:scale(1);box-shadow:0 0 0 12px #0000}}@keyframes sd-check{0%{opacity:0;transform:scale(0)rotate(-35deg)}to{opacity:1;transform:none}}@keyframes sd-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes sd-roll-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-105%)}}@keyframes sd-roll-in{0%{opacity:0;transform:translateY(105%)}to{opacity:1;transform:none}}@keyframes sd-flame-jump{0%{transform:none}30%{transform:scale(1.8)rotate(-14deg)}55%{transform:scale(.9)rotate(8deg)}to{transform:none}}@keyframes sd-ring{0%{box-shadow:0 0 0 0 var(--sd-accent)}to{box-shadow:0 0 0 22px #0000}}.sd-a-fade{animation:.25s both sd-fade}.sd-a-sheet{animation:.45s cubic-bezier(.2,1.2,.4,1) both sd-sheet}.sd-a-flame-big{animation:.6s .1s both sd-flame-big}.sd-a-flicker{animation:1.4s ease-in-out .8s infinite sd-flicker}.sd-a-tickbox{animation:.55s .8s both sd-tickbox}.sd-a-check{animation:.4s 1.15s both sd-check}.sd-a-rise{animation:.4s 1.3s both sd-rise}.sd-roll-out{opacity:0;animation:.5s cubic-bezier(.5,0,.7,.4) both sd-roll-out}.sd-roll-in{animation:.7s cubic-bezier(.2,1.5,.4,1) both sd-roll-in}.sd-a-flame-jump{animation:.9s .15s both sd-flame-jump}.sd-a-ring{animation:.9s .2s both sd-ring}@keyframes sd-shake{0%,to{transform:none}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes sd-shake-b{0%,to{transform:none}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.sd-a-shake{animation:.35s ease-in-out sd-shake}.sd-a-shake-b{animation:.35s ease-in-out sd-shake-b}@media (prefers-reduced-motion:reduce){.sd-app *,.sd-app :before,.sd-app :after{transition:none!important;animation:none!important}.sd-far,.sd-mid,.sd-near,.sd-drift{transform:none}}}#lesson-watch:fullscreen{background:#000;border-radius:0}#lesson-watch:fullscreen video{object-fit:contain;width:100%;max-width:none;height:100%}#lesson-watch:-webkit-full-screen{background:#000;border-radius:0}#lesson-watch:-webkit-full-screen video{object-fit:contain;width:100%;max-width:none;height:100%}