@media (max-width:767.98px){html:not([data-session=on]) body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}html:not([data-session=on]) [data-sticky-action]{bottom:calc(58px + env(safe-area-inset-bottom));padding-bottom:10px}html:not([data-session=on]) body:has([data-sticky-action]){padding-bottom:calc(58px + 72px + env(safe-area-inset-bottom))}html:not([data-session=on]) [data-screen-action]{bottom:calc(58px + env(safe-area-inset-bottom))}html:not([data-session=on]) body:has([data-sticky-action][data-note]){padding-bottom:calc(58px + 100px + env(safe-area-inset-bottom))}}@keyframes screen-banner-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes qp-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes lesson-pulse{0%{box-shadow:0 0 0 0 var(--accentShadow), var(--markShadow)}to{box-shadow:0 0 0 16px transparent, var(--markShadow)}}@media (prefers-reduced-motion:no-preference){.lesson-pulse{animation:1.6s infinite lesson-pulse}}
:root{--u:min(calc(100vw / var(--scaleBase)), var(--scaleMax));--textScale:1;--ut:calc(var(--u) * var(--textScale))}@media (min-width:768px){:root{--u:var(--scaleLaptop)}}:root{--fs-kicker:calc(var(--tKicker) * var(--ut));--fs-prompt:calc(var(--tPrompt) * var(--ut));--fs-body:calc(var(--tBody) * var(--ut));--fs-story:calc(var(--tStory) * var(--ut));--fs-choice:calc(var(--tChoice) * var(--ut));--fs-button:calc(var(--tButton) * var(--ut));--fs-verdict:calc(var(--tVerdict) * var(--ut));--fs-tag:calc(var(--tTag) * var(--ut));--fs-small:calc(var(--tSmall) * var(--ut));--fs-tiny:calc(var(--tTiny) * var(--ut));--fs-name:calc(var(--tName) * var(--ut));--fs-win:calc(var(--tWin) * var(--ut));--fs-stat:calc(var(--tStat) * var(--ut));--fs-caps:calc(var(--tCaps) * var(--ut));--fs-meta:calc(var(--tMeta) * var(--ut));--fs-h3:calc(var(--tH3) * var(--u));--fs-h2:calc(var(--tH2) * var(--u));--fs-h1:calc(var(--tH1) * var(--u));--fs-display:calc(var(--tDisplay) * var(--ut));--fs-hero:calc(var(--tHero) * var(--ut));--fs-giant:calc(var(--tGiant) * var(--ut));--fs-max:calc(var(--tMax) * var(--ut))}[data-sc] .sc-scr{width:100%;min-height:0;padding:0 calc(var(--padScreen) * var(--u));flex-direction:column;flex:1;margin:0 auto;display:flex;position:relative}@media (min-width:768px){[data-sc] .sc-scr{max-width:600px;padding:4px 12px}}[data-sc] .sc-top{align-items:center;gap:calc(10 * var(--u));padding:calc(var(--padTop) * var(--u)) calc(var(--padScreen) * var(--u) + 96px) 0 calc(var(--padScreen) * var(--u));margin-bottom:calc(12 * var(--u));flex:none;display:flex}@media (min-width:768px){[data-sc] .sc-top{justify-content:center;gap:14px;width:100%;max-width:600px;margin:0 auto;padding:16px 24px}}[data-sc] .sc-x{color:var(--ink3);font-size:calc(16 * var(--u));justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-14px -10px -14px -14px;line-height:1;text-decoration:none;display:inline-flex}[data-sc] .sc-prog{height:calc(10 * var(--u));background:var(--line);border-radius:9px;flex:1;overflow:hidden}[data-sc] .sc-prog>i{background:var(--ok);border-radius:9px;height:100%;transition:width .3s;display:block}[data-sc] .sc-q{font-size:calc(var(--tPrompt) * var(--ut));margin:0 0 calc(6 * var(--u));color:var(--ink);text-wrap:pretty;font-weight:750;line-height:1.3}[data-sc] .sc-k{font-size:calc(var(--tKicker) * var(--ut));letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-weight:700}[data-sc] .sc-sub{color:var(--ink2);font-size:calc(var(--tBody) * var(--ut));margin:0;line-height:1.45}[data-sc] .sc-hero{margin:calc(4 * var(--u)) 0 calc(8 * var(--u));flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;container-type:size}@media (max-width:767.98px){[data-sc] .sc-hero{max-height:55dvh}}[data-sc] .sc-art{position:relative}[data-sc] .sc-art img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}[data-sc] .sc-art .sc-kb{display:none}[data-sc] .sc-art:focus-visible .sc-kb{display:block}[data-sc] .sc-pin{width:calc(16 * var(--u));height:calc(16 * var(--u));background:var(--accent);border:calc(3 * var(--u)) solid var(--halo);box-shadow:var(--markShadow);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}[data-sc] .sc-pin.ring{width:calc(46 * var(--u));height:calc(46 * var(--u));border-color:var(--accent);box-shadow:0 0 0 calc(3 * var(--u)) var(--halo), inset 0 0 0 calc(2 * var(--u)) var(--halo);background:0 0}[data-sc] .sc-tag{background:var(--accent);color:var(--onAccent);font-size:calc(var(--tTag) * var(--ut));padding:calc(3 * var(--u)) calc(9 * var(--u));white-space:nowrap;pointer-events:none;box-shadow:0 0 0 calc(2 * var(--u)) var(--halo);border-radius:999px;font-weight:700;position:absolute}[data-sc] .sc-tap{width:calc(30 * var(--u));height:calc(30 * var(--u));margin:calc(6 * var(--u)) 0 0 calc(6 * var(--u));background:var(--tapFill);border:2px solid var(--halo);box-shadow:var(--tapShadow);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}[data-sc] .sc-hl{border:calc(3 * var(--u)) solid var(--accent);box-shadow:0 0 0 calc(3 * var(--u)) var(--halo), inset 0 0 0 calc(2 * var(--u)) var(--halo);pointer-events:none;border-radius:40%;position:absolute;transform:translate(-50%,-50%)}[data-sc] .sc-choices{gap:calc(var(--gapChoice) * var(--u));grid-template-columns:1fr 1fr;display:grid}@media (min-width:768px){[data-sc] .sc-choices.four{grid-template-columns:repeat(4,1fr)}}[data-sc] .sc-ch{border:2px solid var(--line);border-radius:calc(var(--rChoice) * var(--u));padding:calc(11 * var(--u)) calc(8 * var(--u));text-align:center;font-weight:650;font-size:calc(var(--tChoice) * var(--ut));background:var(--card);color:var(--ink);border-bottom-width:4px;min-height:44px}[data-sc] .sc-ch.sel{border-color:var(--accent);background:var(--accentBg);color:var(--accent)}[data-sc] .sc-ch.right{border-color:var(--ok);background:var(--okBg);color:var(--ok)}[data-sc] .sc-ch.wrong{border-color:var(--bad);background:var(--badBg);color:var(--bad)}[data-sc] .sc-ch.off{color:var(--ink3)}[data-sc] .sc-foot{padding:calc(10 * var(--u)) calc(var(--padScreen) * var(--u)) calc(var(--padScreen) * var(--u));flex:none}@media (min-width:768px){[data-sc] .sc-foot{border-top:2px solid var(--line);justify-content:flex-end;margin-top:0;padding:14px 24px;display:flex}}[data-sc] .sc-btn{background:var(--accent);width:100%;color:var(--onAccent);text-align:center;border-radius:calc(var(--rChoice) * var(--u));padding:calc(12 * var(--u));border:0;border-bottom:calc(4 * var(--u)) solid var(--accentDeep);letter-spacing:.03em;text-transform:uppercase;font-weight:800;font-size:calc(var(--tButton) * var(--ut));cursor:pointer;min-height:44px;text-decoration:none;display:block}@media (min-width:768px){[data-sc] .sc-btn{width:200px}}[data-sc] .sc-btn:disabled{background:var(--chip);color:var(--ink3);border-bottom-color:var(--line);cursor:default}[data-sc] .sc-btn.okb{background:var(--ok);color:var(--onOk);border-bottom-color:var(--okDeep)}[data-sc] .sc-btn.badb{white-space:nowrap;background:var(--bad);color:var(--onBad);border-bottom-color:var(--badDeep);padding:calc(10 * var(--u)) calc(16 * var(--u));width:auto}[data-sc] .sc-tapnote{text-align:center;font-weight:650;font-size:calc(var(--tBody) * var(--ut));color:var(--ink3);padding:calc(12 * var(--u))}[data-sc] .sc-sheet{z-index:5;padding:calc(16 * var(--u)) calc(16 * var(--u)) calc(18 * var(--u));gap:calc(6 * var(--u));border-radius:calc(var(--rSheet) * var(--u)) calc(var(--rSheet) * var(--u)) 0 0;font-size:calc(var(--tBody) * var(--ut));flex-direction:column;line-height:1.45;display:flex;position:absolute;bottom:0;left:0;right:0}@media (prefers-reduced-motion:no-preference){[data-sc] .sc-sheet{animation:.22s ease-out screen-banner-in}}[data-sc] .sc-sheet>b{font-size:calc(var(--tVerdict) * var(--ut));line-height:1.3}[data-sc] .sc-sheet.ok{background:var(--okBg);color:var(--ok)}[data-sc] .sc-sheet.bad{background:var(--badBg);color:var(--bad)}[data-sc] .sc-sheet.ok>span,[data-sc] .sc-sheet.bad>span{color:var(--ink)}[data-sc] .sc-sheet.plain{background:var(--card);border-top:1px solid var(--line);box-shadow:var(--sheetShadow)}[data-sc] .sc-sheet.plain>span{color:var(--ink2)}[data-sc] .sc-row{justify-content:space-between;align-items:center;gap:calc(8 * var(--u));display:flex}[data-sc] .sc-row>button.sc-link{color:var(--bad);font-weight:700;font-size:calc(var(--tTag) * var(--ut));text-align:left;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;text-decoration:underline}@media (min-width:768px){[data-sc] .sc-sheet{padding-left:max(24px,50% - 300px);padding-right:max(24px,50% - 300px)}}[data-sc] .sc-pics{gap:calc(9 * var(--u));margin-top:calc(6 * var(--u));grid-template-columns:1fr 1fr;align-content:start;display:grid}@media (min-width:768px){[data-sc] .sc-pics{width:100%;max-width:420px;margin-left:auto;margin-right:auto}}[data-sc] .sc-pic{border:2px solid var(--line);border-radius:calc(var(--rPic) * var(--u));padding:calc(8 * var(--u));aspect-ratio:1/1.05;background:var(--card);cursor:pointer;border-bottom-width:4px;justify-content:center;align-items:center;display:flex;position:relative}[data-sc] .sc-pic img{max-width:100%;max-height:100%}[data-sc] .sc-pic>span{left:calc(8 * var(--u));top:calc(6 * var(--u));font-size:calc(var(--tSmall) * var(--ut));color:var(--ink3);font-weight:700;position:absolute}[data-sc] .sc-pic.sel{border-color:var(--accent);background:var(--accentBg)}[data-sc] .sc-pic.right{border-color:var(--ok);background:var(--okBg)}[data-sc] .sc-pic.wrong{background:var(--badBg)}[data-sc] .sc-pic>b{right:calc(8 * var(--u));top:calc(6 * var(--u));width:calc(26 * var(--u));height:calc(26 * var(--u));font-size:calc(var(--tSmall) * var(--ut));box-shadow:0 0 0 calc(2 * var(--u)) var(--halo);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute}[data-sc] .sc-pic.wrong>b{background:var(--bad);color:var(--onBad)}[data-sc] .sc-pic.right>b{background:var(--ok);color:var(--onOk)}[data-sc] .sc-done{text-align:center;justify-content:center;align-items:center;gap:calc(4 * var(--u));flex-direction:column;flex:1;display:flex}[data-sc] .sc-burst{width:calc(200 * var(--u));height:calc(200 * var(--u));background:radial-gradient(circle, var(--accentBg) 55%, transparent 56%);border-radius:50%;justify-content:center;align-items:center;display:flex}[data-sc] .sc-burst img{height:calc(180 * var(--u))}[data-sc] .sc-big{font-size:calc(var(--tWin) * var(--ut));color:var(--gold);margin:0;font-weight:850}[data-sc] .sc-stats{gap:calc(8 * var(--u));margin-top:calc(10 * var(--u));display:flex}[data-sc] .sc-stats>div{border:2px solid var(--line);border-radius:calc(var(--rStat) * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));min-width:calc(76 * var(--u));flex-direction:column;display:flex}[data-sc] .sc-stats b{font-size:calc(var(--tStat) * var(--ut));color:var(--ink)}[data-sc] .sc-stats span{font-size:calc(var(--tTiny) * var(--ut));color:var(--ink3)}[data-sc] .sc-dots{gap:calc(4 * var(--u));flex:none;margin-left:auto;display:flex}[data-sc] .sc-dots i{width:calc(5 * var(--u));height:calc(5 * var(--u));background:var(--line);border-radius:50%}[data-sc] .sc-dots i.on{background:var(--accent)}[data-sc] .sc-pathhead{background:var(--accent);color:var(--onAccent);padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u));margin:0 0 calc(10 * var(--u));border-radius:calc(16 * var(--u));justify-content:space-between;align-items:center;gap:12px;display:flex}@media (max-width:767.98px){[data-sc] .sc-pathhead{border-radius:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}[data-sc] .sc-pathhead .sc-k{color:var(--onAccentSoft)}[data-sc] .sc-pathhead b{font-size:calc(var(--tName) * var(--ut));line-height:1.3}[data-sc] .sc-streak{font-weight:800;font-size:calc(var(--tChoice) * var(--ut));flex:none}[data-sc] .sc-path{align-items:center;gap:calc(14 * var(--u));padding-top:calc(6 * var(--u));flex-direction:column;margin:0;list-style:none;display:flex}[data-sc] .sc-path>li{flex-direction:column;align-items:center;width:100%;display:flex}[data-sc] .sc-disc{width:calc(70 * var(--u));height:calc(70 * var(--u));background:var(--line);border-bottom:calc(5 * var(--u)) solid var(--keyEdge);font-size:calc(26 * var(--u));color:var(--ink3);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}[data-sc] .sc-disc img{width:calc(56 * var(--u));height:calc(56 * var(--u));object-fit:contain;filter:grayscale();opacity:.55}[data-sc] .sc-disc.done{background:var(--gold)}[data-sc] .sc-disc.done img,[data-sc] .sc-disc.now img{filter:none;opacity:1}[data-sc] .sc-disc.now{background:var(--accent);width:calc(84 * var(--u));height:calc(84 * var(--u));box-shadow:0 0 0 calc(6 * var(--u)) var(--accentBg);color:var(--onAccent)}[data-sc] .sc-disc.now img{width:calc(68 * var(--u));height:calc(68 * var(--u))}[data-sc] .sc-tick{border:2px solid var(--card);background:var(--ok);width:22px;height:22px;color:var(--onOk);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-4px}[data-sc] .sc-nl{font-size:var(--fs-meta);color:var(--ink3);margin-top:calc(3 * var(--u));text-align:center;max-width:calc(200 * var(--u));font-weight:600;line-height:1.3}[data-sc] .sc-bubble{margin-top:calc(10 * var(--u));background:var(--card);border:2px solid var(--accent);border-radius:calc(16 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));width:calc(200 * var(--u));text-align:center;gap:calc(2 * var(--u));z-index:2;box-shadow:var(--floatShadow);font-size:calc(var(--tChoice) * var(--ut));color:var(--ink);flex-direction:column;display:flex;position:relative}[data-sc] .sc-bubble>span{font-size:calc(var(--tSmall) * var(--ut));color:var(--ink3)}[data-sc] .sc-bubble .sc-btn{margin-top:calc(6 * var(--u));padding:calc(8 * var(--u));width:100%}html:has([data-sc-path]) body{background:var(--card)}[data-sc] .sc-title{font-size:calc(var(--tBody) * var(--ut));color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-weight:700;overflow:hidden}
