:root{--bg:#fffdf9;--surface:#fff;--surface-2:#f8f1e7;--surface-3:#efe3d3;--text:#2a1a12;--muted:#6b5848;--border:#ece2d6;--border-strong:#dccbb7;--primary:#7a4426;--primary-hover:#5f331b;--primary-ink:#fff;--primary-soft:#f6e9dc;--ok:#047857;--ok-soft:#d6f3e6;--warn:#b45309;--warn-soft:#fdf0d5;--focus:#7a4426;--c-cocuk:#f59e0b;--c-maker:#0d9488;--c-ai:#7c3aed;--c-cocuk-ink:#a14a07;--c-maker-ink:#0f6b63;--c-ai-ink:#6d28d9;--k-blok:#7c3aed;--k-devre:#0f766e;--k-robot:#c2410c;--k-oyun:#be185d;--k-ai:#6d28d9;--k-metin:#475569;--code-bg:#0f172a;--code-text:#e2e8f0;--code-border:#1e293b;--hl-keyword:#c4b5fd;--hl-type:#7dd3fc;--hl-string:#86efac;--hl-number:#fdba74;--hl-comment:#7c8aa5;--hl-title:#fda4af;--hl-meta:#fcd34d;--shadow-sm:0 1px 2px #2a1a120f;--shadow:0 1px 2px #2a1a120d, 0 8px 24px #2a1a1212;--shadow-lg:0 24px 64px #2a1a1238;--radius:16px;--radius-sm:12px;--radius-xs:8px;--topbar-h:76px;--tabbar-h:0px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#1b120d;--surface:#241812;--surface-2:#2e2018;--surface-3:#3a2a20;--text:#f6ece2;--muted:#c4ad99;--border:#3d2b20;--border-strong:#574032;--primary:#e0aa76;--primary-hover:#ecc093;--primary-ink:#2a1a12;--primary-soft:#3a2619;--ok:#34d399;--ok-soft:#12332a;--warn:#fbbf24;--warn-soft:#3a2c0c;--focus:#ecc093;--c-cocuk-ink:#fbbf24;--c-maker-ink:#5eead4;--c-ai-ink:#c4b5fd;--k-blok:#c4b5fd;--k-devre:#5eead4;--k-robot:#fdba74;--k-oyun:#f9a8d4;--k-ai:#c4b5fd;--k-metin:#cbd5e1;--code-bg:#0a0f1d;--code-text:#e2e8f0;--code-border:#1c2742;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #0006, 0 8px 24px #00000059;--shadow-lg:0 24px 64px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1b120d;--surface:#241812;--surface-2:#2e2018;--surface-3:#3a2a20;--text:#f6ece2;--muted:#c4ad99;--border:#3d2b20;--border-strong:#574032;--primary:#e0aa76;--primary-hover:#ecc093;--primary-ink:#2a1a12;--primary-soft:#3a2619;--ok:#34d399;--ok-soft:#12332a;--warn:#fbbf24;--warn-soft:#3a2c0c;--focus:#ecc093;--c-cocuk-ink:#fbbf24;--c-maker-ink:#5eead4;--c-ai-ink:#c4b5fd;--k-blok:#c4b5fd;--k-devre:#5eead4;--k-robot:#fdba74;--k-oyun:#f9a8d4;--k-ai:#c4b5fd;--k-metin:#cbd5e1;--code-bg:#0a0f1d;--code-text:#e2e8f0;--code-border:#1c2742;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #0006, 0 8px 24px #00000059;--shadow-lg:0 24px 64px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans,"Poppins"), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;min-height:100vh;margin:0;font-size:16px;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}h1,h2,h3{letter-spacing:-.015em;margin:0 0 .5em;line-height:1.25}h1{font-size:clamp(1.6rem,3.2vw,2.125rem)}h2{font-size:clamp(1.2rem,2.2vw,1.4rem)}h3{font-size:1.05rem}p{margin:0 0 1em}ul,ol{margin:0;padding:0;list-style:none}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;border-radius:var(--radius-xs);background:var(--primary);color:var(--primary-ink);padding:8px 16px;font-weight:700;transition:top .15s;position:fixed;top:-64px;left:16px}.skip-link:focus{text-decoration:none;top:16px}kbd{font:inherit;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted);border-radius:6px;padding:1px 6px;font-size:.75rem;font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:8px;font-size:.75rem;font-weight:800}main{outline:none;flex:1}a.sb-link:hover,button.sb-link:hover{background:var(--surface-2);text-decoration:none}.badge-soon{letter-spacing:.04em;text-transform:uppercase;color:var(--warn);background:var(--warn-soft);border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;flex:none;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2)}.user-chip{border:1px solid var(--border);background:var(--surface);height:44px;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 6px;font-size:.9rem;font-weight:700;display:flex}a.user-chip:hover{background:var(--surface-2);text-decoration:none}.avatar{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid}.page{flex-direction:column;gap:32px;width:100%;max-width:1240px;margin:0 auto;padding:32px;display:flex}.page-title h1{margin-bottom:4px}.page-title p{margin:0}.page-tool{gap:16px;max-width:none;padding-top:24px}.page-tool .page-title p{max-width:80ch}.tool-body{min-width:0}.section-title{margin:0 0 16px}.section-title small{color:var(--muted);letter-spacing:0;margin-left:8px;font-size:.85rem;font-weight:500}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.section-head .section-title{margin:0}.link-more{align-items:center;gap:4px;font-size:.92rem;font-weight:700;display:inline-flex}.track-section+.track-section{margin-top:0}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:.88rem;display:flex}.crumbs a{color:var(--muted);font-weight:600}.crumbs a:hover{color:var(--primary)}.crumbs svg{opacity:.6}.crumb-now{color:var(--text);font-weight:700}.page>.crumbs{margin-bottom:-16px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 20px;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-2)}.btn-lg{min-height:48px;padding:8px 24px;font-size:1rem}.btn-sm{min-height:40px;padding:4px 16px;font-size:.88rem}.btn-block{width:100%}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-width:0;padding:24px}.panel-title{margin:0 0 16px;font-size:1.05rem}.chip{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:2px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.chip-track{color:var(--track-ink,var(--primary));background:color-mix(in srgb, var(--track,var(--primary)) 12%, var(--surface));border-color:color-mix(in srgb, var(--track,var(--primary)) 35%, var(--border))}.chip-ok{color:var(--ok);background:var(--ok-soft);border-color:#0000}.track-cocuk{--track:var(--c-cocuk);--track-ink:var(--c-cocuk-ink)}.track-maker{--track:var(--c-maker);--track-ink:var(--c-maker-ink)}.track-ai{--track:var(--c-ai);--track-ink:var(--c-ai-ink)}.kind{border-radius:var(--radius-xs);letter-spacing:.02em;color:var(--kc);background:color-mix(in srgb, var(--kc) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--kc) 28%, var(--border));white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:800;display:inline-flex}.kind-blok,.lkind-blok{--kc:var(--k-blok)}.kind-devre,.lkind-devre{--kc:var(--k-devre)}.kind-robot,.lkind-arena{--kc:var(--k-robot)}.kind-oyun,.lkind-oyun{--kc:var(--k-oyun)}.kind-ai,.lkind-ai{--kc:var(--k-ai)}.lkind-metin{--kc:var(--k-metin)}.status{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:inline-flex}.status-dot{border:2px solid var(--border-strong);border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.status-suruyor{color:var(--warn)}.status-suruyor .status-dot{border-color:var(--warn);background:linear-gradient(90deg, var(--warn) 50%, transparent 50%)}.status-bitti{color:var(--ok)}.status-bitti .status-dot{border-color:var(--ok);background:var(--ok);color:var(--surface)}.facts{color:var(--muted);flex-wrap:wrap;gap:4px 16px;font-size:.85rem;display:flex}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.88rem;display:flex}.meta-i{align-items:center;gap:4px;display:inline-flex}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:24px 16px;display:flex}.empty p{margin:0}.empty b{color:var(--text)}.progress{align-items:center;gap:12px;display:flex}.progress-track{background:var(--surface-3);border-radius:999px;flex:1;height:8px;display:block;overflow:hidden}.progress-track.big{height:12px}.progress-fill{background:var(--track,var(--primary));border-radius:999px;height:100%;transition:width .3s}.progress-label{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:3.4em;font-size:.82rem}.check{background:var(--ok-soft);width:24px;height:24px;color:var(--ok);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:800;display:inline-grid}.dash-top{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:24px;display:grid}.continue{background:linear-gradient(135deg, color-mix(in srgb, var(--track,var(--primary)) 14%, var(--surface)), var(--surface) 70%);border-left:4px solid var(--track,var(--primary));flex-direction:column;gap:8px;padding:32px;display:flex;position:relative;overflow:hidden}.continue .eyebrow{color:var(--track-ink,var(--primary));margin:0}.continue h2{margin:0;font-size:clamp(1.4rem,2.6vw,1.85rem)}.continue-where{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:.9rem;display:flex}.continue-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;margin:8px 0 16px;font-size:.9rem;display:flex}.continue-actions{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.ring-card{flex-direction:column;align-items:center;display:flex}.ring-card .panel-title{align-self:flex-start}.ring{width:144px;height:144px;position:relative}.ring svg{display:block}.ring-bg{fill:none;stroke:var(--surface-3);stroke-width:12px}.ring-fg{fill:none;stroke:var(--primary);stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset .5s}.ring-center{flex-direction:column;justify-content:center;align-items:center;line-height:1.2;display:flex;position:absolute;inset:0}.ring-center b{letter-spacing:-.02em;font-size:1.75rem}.ring-center span{color:var(--muted);font-size:.78rem}.ring-legend{gap:4px;width:100%;margin-top:16px;font-size:.85rem;display:grid}.ring-legend li{align-items:center;gap:8px;display:flex}.ring-legend .dot{background:var(--track);border-radius:50%;width:8px;height:8px}.lg-name{color:var(--muted);flex:1}.lg-val{font-variant-numeric:tabular-nums;font-weight:700}.mgrid{grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:24px;display:grid}.mgrid>div{display:contents}.mcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--text);border-top:4px solid var(--track,var(--primary));flex-direction:column;gap:8px;padding:24px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:relative}a.mcard:hover{box-shadow:var(--shadow);border-color:var(--border-strong);border-top-color:var(--track,var(--primary));text-decoration:none;transform:translateY(-2px)}.mcard-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.mcard-no{letter-spacing:.06em;text-transform:uppercase;color:var(--track-ink,var(--primary));font-size:.78rem;font-weight:800}.mcard h3{margin:0;font-size:1.15rem}.mcard-desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.92rem;display:-webkit-box;overflow:hidden}.mcard-foot{gap:12px;margin-top:auto;padding-top:16px;display:grid}.mcard-state{justify-content:space-between;align-items:center;display:flex}.mcard-go{color:var(--primary);align-items:center;gap:4px;font-size:.88rem;font-weight:800;display:inline-flex}.mcard-art{aspect-ratio:16/9;border-bottom:1px solid var(--border);width:calc(100% + 48px);height:auto;margin:-24px -24px 6px;display:block}.mcard{overflow:hidden}.kid-hello{align-items:center;gap:16px;margin-bottom:8px;display:flex}.kid-hello h1{text-wrap:balance;margin:0;font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.15}.kid-hello p{margin:4px 0 0}.kid-section{gap:12px;display:grid}.kid-sub{margin:2px 0 0;font-size:.92rem}.kc-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.kc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);height:100%;color:var(--text);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.kc-card:hover{box-shadow:var(--shadow);text-decoration:none;transform:translateY(-3px)}.kc-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.kc-art{aspect-ratio:16/9;width:100%;height:auto;display:block}.kc-body{gap:4px;padding:14px 16px 18px;display:grid}.kc-body b{font-size:1.12rem;line-height:1.25}.kc-meta{color:var(--primary);letter-spacing:.02em;font-size:.8rem;font-weight:700}.kc-text{color:var(--muted);font-size:.92rem;line-height:1.45}.dash-more{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.dash-more>summary{cursor:pointer;color:var(--muted);padding:14px 18px;font-weight:700}.dash-more[open]>summary{border-bottom:1px solid var(--border)}.dash-more-body{gap:24px;padding:18px;display:grid}@media (prefers-reduced-motion:reduce){.kc-card,.mcard{transition:none}.kc-card:hover{transform:none}}@media (max-width:560px){.kc-grid{grid-template-columns:1fr 1fr;gap:10px}.kc-body{padding:10px 12px 14px}.kc-body b{font-size:1rem}.kc-text{display:none}.kid-hello{gap:10px}}.mcard-soon{box-shadow:none;opacity:.9;background:0 0;border-style:solid dashed dashed}.mcard-soon h3{color:var(--muted)}.dash-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.plan,.feed{gap:4px;display:grid}.plan-row,.feed-row{border-radius:var(--radius-sm);min-height:56px;color:var(--text);align-items:center;gap:12px;margin:0 -8px;padding:8px;display:flex}.plan-row:hover,.feed-row:hover{background:var(--surface-2);text-decoration:none}.plan-n{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:800;display:grid}.plan-text{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.plan-text b{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.plan-text small{color:var(--muted);font-size:.8rem}.feed-icon{background:var(--surface-2);width:32px;height:32px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.feed-done{background:var(--ok-soft);color:var(--ok)}.feed-goals{background:var(--primary-soft);color:var(--primary)}.feed-time{color:var(--muted);white-space:nowrap;font-size:.78rem}.tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);min-height:88px;color:var(--text);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:16px 24px;display:flex}.tool:hover{border-color:var(--primary);text-decoration:none}.tool-icon{border-radius:var(--radius-sm);background:var(--primary-soft);width:48px;height:48px;color:var(--primary);flex:none;place-items:center;display:grid}.tool b{display:block}.tool small{color:var(--muted);font-size:.85rem;line-height:1.4;display:block}.tool-go{color:var(--muted);flex:none;margin-left:auto}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-tile{border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:16px;padding:16px;display:flex}.stat-icon{background:var(--surface);width:44px;height:44px;color:var(--primary);border-radius:50%;flex:none;place-items:center;display:grid}.stat-tile b{letter-spacing:-.02em;font-size:1.5rem;line-height:1.2;display:block}.stat-tile span{color:var(--muted);font-size:.85rem}.stat-tile small{color:var(--muted);font-size:.72rem;display:block}.badges{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px;display:grid}.badge-item{border-radius:var(--radius-sm);border:1px dashed var(--border-strong);color:var(--muted);align-items:center;gap:12px;padding:12px;display:flex}.badge-item[data-earned=true]{border-style:solid;border-color:color-mix(in srgb, var(--ok) 40%, var(--border));background:var(--ok-soft);color:var(--text)}.badge-item b{font-size:.9rem;display:block}.badge-item small{color:var(--muted);font-size:.76rem;line-height:1.3;display:block}.badge-item[data-earned=true] small{color:var(--ok);font-weight:700}.badge-medal{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.badge-item[data-earned=true] .badge-medal{background:var(--ok);color:var(--surface)}.mod-head{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;display:grid}.mod-tags{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.mod-head h1{margin-bottom:8px}.lead{color:var(--muted);max-width:60ch;margin-bottom:16px;font-size:1.1rem}.mod-progress{gap:16px;display:grid}.mod-progress-top{justify-content:space-between;align-items:baseline;display:flex}.mod-progress-top b{letter-spacing:-.02em;font-size:2rem}.mod-progress-top span{color:var(--muted);font-size:.9rem}.mod-next{margin:0;font-size:.92rem;font-weight:700;line-height:1.35}.mod-next small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600;display:block}.ok-line{color:var(--ok);align-items:center;gap:8px;margin:0;font-weight:700;display:flex}.know{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));background:var(--primary-soft);gap:16px;padding:20px 24px;display:flex}.know-icon{background:var(--surface);width:40px;height:40px;color:var(--primary);border-radius:50%;flex:none;place-items:center;display:grid}.know h2{margin-bottom:8px;font-size:1.05rem}.know p{max-width:90ch;margin:0 0 8px;font-size:.94rem}.know p:last-child{margin:0}.timeline{gap:16px;padding-left:0;display:grid;position:relative}.tl-item{padding-left:56px;position:relative}.tl-item:before{content:"";background:var(--border-strong);width:2px;position:absolute;top:40px;bottom:-32px;left:19px}.tl-item:last-child:before{display:none}.tl-node{border:2px solid var(--border-strong);background:var(--surface);width:40px;height:40px;color:var(--muted);z-index:1;border-radius:50%;place-items:center;font-size:.9rem;font-weight:800;display:grid;position:absolute;top:8px;left:0}.tl-item[data-state=suruyor] .tl-node{border-color:var(--warn);color:var(--warn)}.tl-item[data-state=bitti] .tl-node{border-color:var(--ok);background:var(--ok);color:var(--surface)}.week{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.week-h{font-size:inherit;letter-spacing:0;margin:0}.week-btn{width:100%;min-height:56px;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:16px;padding:12px 16px 12px 24px;display:flex}.week-btn:hover{background:var(--surface-2)}.week-main{flex-wrap:wrap;flex:1;align-items:center;gap:4px 12px;min-width:0;display:flex}.week-no{color:var(--track-ink,var(--primary));letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.week-title{font-size:1.02rem;font-weight:700}.wk-prog{flex:none;align-items:center;gap:8px;width:150px;display:flex}.week-chev{color:var(--muted);flex:none;transition:transform .2s}.week-btn[aria-expanded=true] .week-chev{transform:rotate(180deg)}.week-btn[aria-expanded=true]{border-bottom:1px solid var(--border);background:var(--surface-2)}.lessons{margin:0;padding:0}.lesson-row a{min-height:56px;color:var(--text);border-top:1px solid var(--border);align-items:center;gap:16px;padding:8px 24px;display:flex}.lesson-row:first-child a{border-top:0}.lesson-row a:hover{background:var(--surface-2);text-decoration:none}.lesson-row a.is-next{background:color-mix(in srgb, var(--primary) 7%, var(--surface));box-shadow:inset 3px 0 0 var(--primary)}.lesson-n{background:var(--surface-2);width:32px;height:32px;color:var(--muted);border:1px solid var(--border);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:800;display:grid}.lesson-title{flex:1;min-width:0;font-weight:600}.lesson-dur{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;width:72px;font-size:.82rem;display:inline-flex}.lesson-row .status{width:92px}.project-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);border-radius:6px;padding:2px 8px;font-size:.68rem;font-weight:800}.lesson-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.lesson-main{min-width:0}.lesson-aside{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);order:2;gap:12px;padding:24px;display:grid}.lesson-aside h2{margin:0;font-size:1rem}.lesson-aside h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 0 0;font-size:.72rem;font-weight:800}.aside-steps{gap:4px;display:grid}.aside-steps button{border-radius:var(--radius-xs);width:100%;min-height:40px;font:inherit;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:4px 8px;font-size:.92rem;font-weight:600;display:flex}.aside-steps button:hover{background:var(--surface-2)}.aside-steps .n{border:2px solid var(--border-strong);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.72rem;font-weight:800;display:grid}.aside-steps [data-state=now] button{color:var(--text);background:var(--primary-soft)}.aside-steps [data-state=now] .n{border-color:var(--primary);background:var(--primary);color:var(--primary-ink)}.aside-steps [data-state=done] .n{border-color:var(--ok);background:var(--ok);color:var(--surface)}.aside-goals{gap:8px;font-size:.88rem;display:grid}.aside-goals li{align-items:flex-start;gap:8px;line-height:1.4;display:flex}.aside-goals .g{border:2px solid var(--border-strong);border-radius:4px;flex:none;place-items:center;width:18px;height:18px;margin-top:2px;display:grid}.aside-goals [data-done=true] .g{border-color:var(--ok);background:var(--ok);color:var(--surface)}.aside-note{color:var(--muted);margin:0;font-size:.8rem}.aside-nav{gap:8px;margin-top:8px;display:grid}.aside-nav a{border-radius:var(--radius-xs);border:1px solid var(--border);color:var(--text);padding:8px 12px;font-size:.88rem;font-weight:700;line-height:1.35;display:block}.aside-nav a:hover{background:var(--surface-2);text-decoration:none}.aside-nav small{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.68rem;font-weight:600;display:block}.player-top{padding:0 0 8px}.player-top h1{margin-bottom:8px}.stepper{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 24px;display:grid}.stepper button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--muted);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:.9rem;font-weight:700;display:flex}.stepper button:hover{background:var(--surface-2)}.stepper button[aria-current=step]{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.stepper button.done{color:var(--text);border-color:color-mix(in srgb, var(--ok) 45%, var(--border))}.stepper .n{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.75rem;display:grid}.stepper button.done .n{background:var(--ok);color:var(--surface)}.stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-height:240px;padding:32px}.stage-read{max-width:860px}.stage-big{letter-spacing:-.01em;font-size:clamp(1.2rem,2.6vw,1.5rem);font-weight:600;line-height:1.5}.stage-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px;font-size:.78rem;font-weight:800}.player-nav{justify-content:space-between;gap:12px;margin:24px 0 8px;display:flex}.callout{border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));background:var(--primary-soft);border-radius:var(--radius-sm);margin:16px 0;padding:12px 16px;font-size:.94rem}.done-box{text-align:center;padding:16px 0}.done-box .big-check{width:64px;height:64px;margin:0 auto 16px;font-size:1.8rem}.kbd-hint{color:var(--muted);margin:0;font-size:.82rem}.palette{width:min(640px,100vw - 32px);max-height:none;color:var(--text);background:0 0;border:0;margin:12vh auto auto;padding:0;overflow:visible}.palette::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080c188c}.palette-box{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.palette-input{border-bottom:1px solid var(--border);height:56px;color:var(--muted);align-items:center;gap:12px;padding:0 16px;display:flex}.palette-input input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:1rem}.palette-list{max-height:min(420px,56vh);padding:8px;overflow-y:auto}.palette-group{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:12px 12px 4px;font-size:.7rem;font-weight:800}.palette-item{border-radius:var(--radius-sm);cursor:pointer;min-height:48px;color:var(--muted);align-items:center;gap:12px;padding:8px 12px;display:flex}.palette-item[data-active=true]{background:var(--primary-soft);color:var(--primary)}.palette-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.palette-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;font-weight:700;overflow:hidden}.palette-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.palette-kind{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.68rem;font-weight:800}.palette-empty{text-align:center;color:var(--muted);padding:32px 16px}.palette-foot{border-top:1px solid var(--border);color:var(--muted);gap:16px;padding:8px 16px;font-size:.76rem;display:flex}.palette-foot kbd{margin-right:4px}.lesson-md{font-size:1.04rem}.lesson-md h3{margin-top:1.6em;padding-top:.2em;font-size:1.12rem}.lesson-md h3:first-child{margin-top:0}.lesson-md ul,.lesson-md ol{margin:0 0 1em;padding-left:1.3em}.lesson-md li{margin:.25em 0}.lesson-md table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:12px;width:100%;margin:14px 0 20px;display:block;overflow-x:auto}.lesson-md th,.lesson-md td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:9px 14px}.lesson-md tr:last-child td{border-bottom:0}.lesson-md th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.85rem}.lesson-md :not(pre)>code{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:.9em}.lesson-md code{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace}.codeblock{background:var(--code-bg);border:1px solid var(--code-border);border-radius:12px;margin:14px 0 20px;position:relative;overflow:hidden}.codeblock-bar{border-bottom:1px solid var(--code-border);color:#8b97b3;justify-content:space-between;align-items:center;padding:6px 8px 6px 14px;font-size:.8rem;font-weight:700;display:flex}.copy-btn{border:1px solid var(--code-border);color:#cbd5e1;font:inherit;cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border-radius:8px;padding:4px 10px;font-size:.78rem}.copy-btn:hover{background:#1c2742}.codeblock pre{color:var(--code-text);margin:0;padding:14px 16px;font-size:.92rem;line-height:1.55;overflow-x:auto}.codeblock pre code{color:inherit;font-size:inherit;background:0 0!important;border:0!important;padding:0!important}.hljs-keyword,.hljs-literal,.hljs-built_in{color:var(--hl-keyword)}.hljs-type,.hljs-class{color:var(--hl-type)}.hljs-string,.hljs-char{color:var(--hl-string)}.hljs-number{color:var(--hl-number)}.hljs-comment{color:var(--hl-comment);font-style:italic}.hljs-title,.hljs-function,.hljs-title.function_{color:var(--hl-title)}.hljs-meta,.hljs-meta .hljs-keyword{color:var(--hl-meta)}.form-card{max-width:420px;margin:56px auto}.field{margin-bottom:14px;font-size:.95rem;font-weight:600;display:block}.field input,.field select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:10px;margin-top:6px;padding:11px 12px;display:block}.error{color:#dc2626;font-size:.95rem}.jr-host{width:100%;container-type:inline-size}.jr{grid-template-columns:minmax(0,1fr);gap:16px;font-size:15px;display:grid}@container (min-width:880px){.jr{grid-template-columns:minmax(340px,480px) minmax(0,1fr);align-items:start}}.jr-left,.jr-right{flex-direction:column;gap:12px;min-width:0;display:flex}.jr-controls{flex-wrap:wrap;gap:8px;display:flex}.jr-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-weight:700;display:inline-flex}.jr-btn:hover:not(:disabled){background:var(--surface-2)}.jr-btn:disabled{opacity:.45;cursor:not-allowed}.jr-btn.go{color:#fff;background:#16a34a;border-color:#16a34a}.jr-btn.go:hover:not(:disabled){background:#15803d}.jr-btn.icon{padding:8px 10px}.jr-btn.small{color:var(--muted);padding:5px 10px;font-size:.82rem;font-weight:600}.jr-stage{border:2px solid var(--border);width:100%;box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;background:#fff;border-radius:14px;position:relative;overflow:hidden}.jr-stage-inner{transform-origin:0 0;position:absolute;top:0;left:0}.jr-sprite-pos{width:0;height:0;position:absolute}.jr-sprite{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;font-size:56px;line-height:1;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.jr-sprite>span{transition:none;display:block}.jr-sprite.selected{outline-offset:4px;outline:3px dashed #4f46e58c}.jr-sprite:focus-visible{outline:3px solid var(--focus)}.jr-bubble{color:#111;white-space:nowrap;z-index:3;background:#fff;border:2px solid #111;border-radius:14px;padding:4px 12px;font-size:18px;font-weight:700;position:absolute;bottom:38px;left:0;transform:translate(-50%)}.jr-bubble:after{content:"";background:#fff;border-bottom:2px solid #111;border-right:2px solid #111;width:14px;height:14px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.jr-hop{animation:.5s ease-out jr-hop}@keyframes jr-hop{0%{margin-top:0}40%{margin-top:-46px}to{margin-top:0}}.jr-pages,.jr-sprites{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative}.jr-page{border:2px solid var(--border);cursor:pointer;color:#0f172a;border-radius:8px;place-items:center;width:44px;height:34px;padding:0;font-size:.85rem;font-weight:800;display:grid}.jr-page span{background:#fffc;border-radius:6px;padding:0 6px}.jr-page.on{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 35%, transparent)}.jr-page.add{background:var(--surface);color:var(--muted);font-size:1.2rem}.jr-select{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:8px;padding:6px 8px;font-size:.85rem}.jr-spr{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;width:46px;height:46px;padding:0;font-size:26px;line-height:1}.jr-spr.on{border-color:var(--primary);background:var(--primary-soft)}.jr-spr.add{color:var(--muted);font-size:1.3rem}.jr-addmenu{z-index:30;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:repeat(6,44px);gap:6px;padding:10px;display:grid;position:absolute;top:52px;left:0}.jr-addmenu button{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;height:44px;padding:0;font-size:24px}.jr-addmenu button:hover{background:var(--primary-soft)}.jr-palette{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px;transition:background .15s}.jr-palette.trash{background:color-mix(in srgb, #eb5757 14%, var(--surface));border-color:#eb5757}.jr-palette.trash.over{background:color-mix(in srgb, #eb5757 30%, var(--surface))}.jr-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.jr-tabs button{font:inherit;background:color-mix(in srgb, var(--bc) 14%, var(--surface));color:var(--text);cursor:pointer;border:2px solid #0000;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700}.jr-tabs button.on{background:var(--bc);color:#fff}.jr-chips{flex-wrap:wrap;gap:8px;min-height:44px;display:flex}.jr-trash-hint{color:#b91c1c;place-items:center;min-height:44px;font-weight:700;display:grid}.jr-chip{background:var(--bc);color:#fff;font:inherit;cursor:grab;touch-action:none;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:.92rem;font-weight:700;display:inline-flex;box-shadow:0 2px #0000002e}.jr-chip.dragging{opacity:.35}.jr-notice{color:#7a5200;background:#fff7e0;border:1px solid #f0d28a;border-radius:10px;padding:8px 12px;font-size:.9rem}:root[data-theme=dark] .jr-notice{color:#f5d98c;background:#3a2f10;border-color:#6b5518}.jr-scripts{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;min-height:220px;padding:12px;display:flex}.jr-scripts-head{color:var(--muted);font-size:.9rem;font-weight:800}.jr-empty{color:var(--muted);margin:0;font-size:.92rem}.jr-script{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px;position:relative}.jr-script.orphan{opacity:.85;border-style:dashed}.jr-orphan-note{color:#b45309;margin-bottom:6px;font-size:.8rem;font-weight:600}.jr-script-del{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:6px;padding:0;font-size:.78rem;text-decoration:underline}.jr-list{flex-direction:column;display:flex}.jr-slot-idle{height:3px}.jr-slot{border:2px dashed color-mix(in srgb, var(--primary) 45%, transparent);border-radius:8px;height:22px;margin:2px 0}.jr-slot.over{background:color-mix(in srgb, var(--primary) 22%, transparent);border-color:var(--primary)}.jr-block{background:var(--bc);color:#fff;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:6px 8px 6px 10px;font-size:.92rem;font-weight:700;display:flex;box-shadow:0 2px #0003}.jr-block.hat{border-radius:18px 18px 10px 10px}.jr-block.ghost{padding:8px 14px;box-shadow:0 8px 20px #0000004d}.jr-handle{cursor:grab;touch-action:none;flex:1;align-items:center;gap:6px;min-height:28px;display:flex}.jr-param{background:#ffffff38;border-radius:8px;align-items:center;gap:4px;padding:2px 4px;display:inline-flex}.jr-param button{color:#111;cursor:pointer;background:#ffffffe6;border:0;border-radius:6px;width:24px;height:24px;padding:0;font-weight:800;line-height:1}.jr-param button:disabled{opacity:.4;cursor:default}.jr-param b{text-align:center;min-width:1.6em}.jr-param small{opacity:.9;padding-right:2px;font-size:.72rem}.jr-text{width:9em;font:inherit;color:#111;border:0;border-radius:6px;padding:4px 8px;font-weight:600}.jr-del{color:#fff;cursor:pointer;background:#0000002e;border:0;border-radius:50%;width:22px;height:22px;padding:0;font-size:1rem;line-height:1}.jr-del:hover{background:#0006}.jr-container{background:color-mix(in srgb, var(--bc) 30%, transparent);border-radius:10px}.jr-container>.jr-block{border-bottom-right-radius:0;border-bottom-left-radius:0}.jr-inner{border-left:8px solid var(--bc);margin-left:14px;padding:4px 6px 4px 8px}.jr-cfoot{background:var(--bc);border-radius:0 0 10px 10px;height:10px}.dragging{opacity:.35}.jr-newscript{border:2px dashed var(--border);text-align:center;color:var(--muted);opacity:.6;border-radius:12px;padding:12px;font-size:.88rem}.jr-newscript.active{border-color:var(--primary);color:var(--text);opacity:1}.jr-newscript.over{background:color-mix(in srgb, var(--primary) 18%, transparent)}.jr-footer{justify-content:flex-end;display:flex}.jr-goals{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.jr-goals.all{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 8%, var(--surface))}.jr-goals-head{justify-content:space-between;margin-bottom:6px;display:flex}.jr-goals ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.jr-goals li{align-items:flex-start;gap:10px;font-size:.92rem;display:flex}.jr-goals li small{color:var(--muted);font-size:.8rem;display:block}.jr-goal-mark{border:2px solid var(--border);color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:2px;font-size:.75rem;font-weight:800;display:grid}.jr-goals li.done .jr-goal-mark{background:var(--ok);border-color:var(--ok)}.jr-goals li.done>span:last-child{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}.jr-goals-ok{color:var(--ok);margin:8px 0 0;font-weight:700}.lesson-split{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}@media (min-width:1280px){.lesson-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.lesson-app{top:calc(var(--topbar-h) + 16px);position:sticky}}.lesson-app{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:14px}.lesson-app-intro{margin:0 0 12px;font-weight:700}.stage:has(.lesson-split){padding:24px}.lab-host{width:100%;container-type:inline-size}.lab{grid-template-columns:minmax(0,1fr);gap:14px;font-size:15px;display:grid}.lab-bottom{grid-column:1/-1}@container (min-width:900px){.lab{grid-template-columns:minmax(300px,5fr) minmax(0,7fr);align-items:start}}.lab-left,.lab-sim{flex-direction:column;gap:12px;min-width:0;display:flex}.lab-hint{color:var(--muted);margin:0;font-size:.84rem}.lab-codecard{border:1px solid var(--code-border);background:var(--code-bg);border-radius:14px;overflow:hidden}.lab-tabs{background:#060b16;align-items:stretch;gap:2px;min-height:36px;padding:0 6px;display:flex}.lab-tab{color:#e2e8f0;background:var(--code-bg);border-top:2px solid var(--primary);align-items:center;padding:0 14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.84rem;font-weight:700;display:inline-flex}.lab-tabs-slot{align-items:center;margin-left:auto;display:flex}.lab-code{background:var(--code-bg)}.lab-code .cm-editor{height:100%}.lab-code .cm-errline{background:#ef444438;box-shadow:inset 3px 0 #ef4444}.lab-compile{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 12px;font-size:.9rem}.lab-compile p{margin:0}.lab-ok{color:var(--ok);font-weight:600}.lab-err{color:#dc2626;font-weight:700}:root[data-theme=dark] .lab-err{color:#fca5a5}.lab-errors{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.lab-errors button{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:2px 0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.84rem}.lab-errors button:hover{text-decoration:underline}.lab-errors b{color:#dc2626}.lab-simbar{color:#e5e7eb;background:#111827;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.lab-ctl{align-items:center;gap:8px;display:flex}.lab-round{color:#f9fafb;width:40px;height:40px;font:inherit;cursor:pointer;background:#374151;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.05rem;line-height:1;display:inline-grid;box-shadow:0 2px #00000059}.lab-round:hover:not(:disabled){background:#4b5563}.lab-round:disabled{opacity:.4;cursor:not-allowed}.lab-round.go{background:#16a34a}.lab-round.go:hover:not(:disabled){background:#15803d}.lab-round.stop:not(:disabled){background:#b91c1c}.lab-round.stop:hover:not(:disabled){background:#991b1b}.lab-round[aria-pressed=true]{background:#d97706}.lab-meter{font-variant-numeric:tabular-nums;align-items:baseline;gap:12px;margin-left:auto;display:flex}.lab-state{color:#9ca3af;font-size:.8rem;font-weight:700}.lab-meter.on .lab-state{color:#4ade80}.lab-timer{color:#f9fafb;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.1rem;font-weight:700}.lab-speed{color:#9ca3af;text-align:right;min-width:3.2em;font-size:.85rem}.lab-picker{position:relative}.lab-addbtn{background:var(--primary);height:40px;color:var(--primary-ink);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-weight:800;display:inline-flex}.lab-addbtn:disabled{opacity:.45;cursor:not-allowed}.lab-picker-panel{z-index:40;background:var(--surface);width:min(380px,100vw - 32px);max-height:min(560px,70vh);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;display:flex;position:absolute;top:48px;left:0;overflow:hidden}.lab-picker-panel.dragging{opacity:0;pointer-events:none}.lab-picker-search{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;border-radius:10px;margin:10px;padding:8px 12px}.lab-picker-list{padding:0 10px 10px;overflow:auto}.lab-picker-group h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:8px 0 6px;font-size:.78rem}.lab-picker-items{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.lab-pitem{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:.78rem;font-weight:600;line-height:1.15;display:flex}.lab-pitem:hover{background:var(--primary-soft);border-color:var(--primary)}.lab-ghost{z-index:1000;pointer-events:none;opacity:.9;background:var(--surface);border:1px dashed var(--primary);box-shadow:var(--shadow);border-radius:10px;padding:4px;position:fixed;transform:translate(-50%,-50%)}.lab-stage{position:relative}.lab-toast{z-index:5;color:#7a5200;max-width:calc(100% - 100px);box-shadow:var(--shadow);pointer-events:none;background:#fff7e0;border:1px solid #f0d28a;border-radius:10px;padding:8px 14px;font-size:.9rem;position:absolute;top:10px;left:50%;transform:translate(-50%)}:root[data-theme=dark] .lab-toast{color:#f5d98c;background:#3a2f10;border-color:#6b5518}.lab-lockhint{z-index:4;background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--muted);border:1px solid var(--border);pointer-events:none;border-radius:8px;margin:0;padding:6px 10px;font-size:.8rem;position:absolute;bottom:10px;left:10px;right:10px}.lab-canvas-wrap{border:2px solid var(--border);width:100%;box-shadow:var(--shadow);background:#eef2f7;border-radius:14px;position:relative;overflow:hidden}:root[data-theme=dark] .lab-canvas-wrap{background:#0d1424}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lab-canvas-wrap{background:#0d1424}}.lab-canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;display:block}.lab-canvas:active{cursor:grabbing}.lab-world{fill:color-mix(in srgb, var(--surface) 55%, transparent);stroke:var(--border);stroke-width:2px;stroke-dasharray:6 6}.lab-grid-dot{fill:color-mix(in srgb, var(--muted) 40%, transparent)}.lab-part{cursor:move;outline:none}.lab-part.locked{cursor:default}.lab-sel-ring{fill:color-mix(in srgb, var(--primary) 8%, transparent);stroke:var(--primary);stroke-width:2px;stroke-dasharray:5 4}.lab-warn-ring{fill:#ef44441a;stroke:#ef4444;stroke-width:2.5px;stroke-dasharray:6 4;animation:1.2s ease-in-out infinite lab-pulse}@keyframes lab-pulse{50%{stroke-opacity:.35}}.lab-caption{fill:var(--muted);font-size:11px;font-weight:700}.lab-wire{cursor:pointer}.lab-pin{cursor:crosshair}.lab-pin-dot{fill:#d4a017;stroke:#7c5a00;stroke-width:1px}.lab-pin.wired .lab-pin-dot{fill:#22c55e;stroke:#166534}.lab-pin:hover .lab-pin-dot,.lab-pin.target .lab-pin-dot,.lab-pin.from .lab-pin-dot{r:6.5;fill:var(--primary);stroke:#fff;stroke-width:1.5px}.lab-pin-label{fill:var(--muted);paint-order:stroke;stroke:var(--surface);stroke-width:2.5px;font-size:9px;font-weight:700}.lab-zoom{flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;right:8px}.lab-zbtn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--shadow);border-radius:9px;padding:0;font-size:1.1rem;font-weight:800;line-height:1}.lab-zbtn:hover{background:var(--primary-soft)}.lab-warnings{color:#7a5200;background:#fff7e0;border:1px solid #f0d28a;border-radius:10px;gap:4px;margin:0;padding:8px 12px;font-size:.9rem;list-style:none;display:grid}.lab-warnings li{align-items:flex-start;gap:8px;display:flex}.lab-warnings button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}:root[data-theme=dark] .lab-warnings{color:#f5d98c;background:#3a2f10;border-color:#6b5518}.lab-props{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.lab-props-head{align-items:baseline;gap:10px;display:flex}.lab-props-head small{color:var(--muted)}.lab-field{gap:4px;font-size:.9rem;display:grid}.lab-field>label{font-weight:700}.lab-switch{cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.lab-switch input{width:18px;height:18px;accent-color:var(--primary)}.lab-num{align-items:center;gap:8px;display:flex}.lab-num input[type=range]{min-width:0;accent-color:var(--primary);flex:1}.lab-numbox{border:1px solid var(--border);background:var(--surface);width:92px;color:var(--text);font:inherit;border-radius:8px;padding:4px 6px}.lab-serial{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.lab-serial-head{justify-content:space-between;align-items:center;padding:4px 8px 4px 4px;display:flex}.lab-serial-toggle{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-weight:800;display:inline-flex}.lab-serial-toggle:hover{background:var(--surface-2)}.lab-badge{background:var(--primary);border-radius:50%;width:8px;height:8px}.lab-serial-body{flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.lab-serial-out{background:var(--code-bg);height:150px;color:var(--code-text);white-space:pre-wrap;word-break:break-all;border-radius:10px;margin:0;padding:8px 10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.84rem;line-height:1.45;overflow:auto}.lab-serial-form{gap:8px;display:flex}.lab-serial-in{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);font:inherit;border-radius:8px;flex:1;padding:6px 10px;font-size:.9rem}.lab-phone{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;gap:8px;margin-top:10px;padding:10px;display:flex}.lab-phone-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.lab-phone-out{height:120px}.lab-measure{border:1px solid var(--border);border-left:4px solid var(--primary);background:var(--surface-2);border-radius:10px;gap:2px;padding:8px 12px;display:grid}.lab-measure b{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.78rem}.lab-measure-val{font-variant-numeric:tabular-nums;color:var(--text);margin:0;font-size:1.25rem;font-weight:800}.lab-measure-val.none{color:var(--muted);font-size:1rem;font-weight:600}.lab-measure-note{color:var(--muted);margin:0;font-size:.85rem}.lab-measure-note span{font-weight:700}.lab-balloon rect,.lab-balloon path{fill:#0f172a;stroke:#e2e8f0;stroke-width:1px}.lab-balloon text{fill:#f8fafc;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.lab-warn-title{white-space:nowrap;margin-right:2px}.lab-warn-icon{text-align:center;width:1.1em}@keyframes lab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lab-spin{animation:1s linear infinite lab-spin}@media (prefers-reduced-motion:reduce){.lab-warn-ring{animation:none}.lab-spin{animation-duration:3s!important}}.lesson-stack{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.lesson-lab{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:14px}.arena-host .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.arena-speed{border:1px solid #4b5563;border-radius:999px;display:inline-flex;overflow:hidden}.arena-speedbtn{color:#e5e7eb;font:inherit;cursor:pointer;background:#1f2937;border:0;height:34px;padding:0 12px;font-size:.82rem;font-weight:700}.arena-speedbtn+.arena-speedbtn{border-left:1px solid #4b5563}.arena-speedbtn:hover{background:#374151}.arena-speedbtn[aria-pressed=true]{background:var(--primary);color:var(--primary-ink)}.arena-scenepick select{color:#f9fafb;height:40px;font:inherit;cursor:pointer;background:#374151;border:0;border-radius:999px;padding:0 14px;font-weight:700}.arena-stage{border:2px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;position:relative;overflow:hidden}.arena-svg{-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:560px;display:block}.arena-floor{fill:color-mix(in srgb, var(--surface-2) 70%, #fff 0%)}.arena-grid{stroke:color-mix(in srgb, var(--muted) 30%, transparent);stroke-width:.6px;stroke-dasharray:3 5;fill:none}.arena-wall{stroke:var(--text);stroke-width:3.2px;stroke-linecap:round}.arena-line{fill:none;stroke:#111827;stroke-linejoin:round;stroke-linecap:butt}:root[data-theme=dark] .arena-line{stroke:#020617}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .arena-line{stroke:#020617}}.arena-trail{fill:none;stroke:#f97316;stroke-width:1.6px;stroke-opacity:.75;stroke-linejoin:round;stroke-linecap:round}.arena-ztext{fill:var(--text);paint-order:stroke;stroke:var(--surface);stroke-width:2px;font-size:7px;font-weight:800}.arena-body{fill:#4f46e5;stroke:#1e1b4b;stroke-width:1px;fill-opacity:.92}.arena-body.hit{fill:#dc2626}.arena-wheel{fill:#111827}.arena-front{fill:#fde68a}.arena-sensor{fill:#9ca3af;stroke:#111827;stroke-width:.35px}.arena-sensor.on{fill:#22c55e}.arena-cone{fill:#06b6d4;fill-opacity:.22;stroke:#06b6d4;stroke-width:.5px}.arena-ray{stroke:#0891b2;stroke-width:.7px;stroke-dasharray:2 1.5}.arena-bump{stroke:#9ca3af;stroke-width:1.6px;stroke-linecap:round}.arena-bump.on{stroke:#ef4444;stroke-width:2.4px}.arena-arm{stroke:#4f46e5;stroke-linecap:round}.arena-arm.fore{stroke:#0d9488}.arena-joint{fill:#fde68a;stroke:#1e1b4b;stroke-width:.4px}.arena-grip{stroke:#111827;stroke-width:.8px;stroke-linecap:round}.arena-obj{fill:#f59e0b;stroke:#92400e;stroke-width:.3px}.arena-obj.held{fill:#ef4444}.arena-desc{margin:0;font-size:.86rem}.arena-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:10px 12px;display:grid}.arena-panel h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 4px;font-size:.74rem}.arena-panel dl{gap:2px;margin:0;display:grid}.arena-row{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:.86rem;display:flex}.arena-row dt{color:var(--muted)}.arena-row dd{text-align:right;margin:0;font-weight:700}.arena-panel-col.wide{grid-column:span 2}.arena-bars{gap:6px;margin-bottom:6px;display:flex}.arena-bar{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex-direction:column;flex:1;justify-content:space-between;align-items:center;height:54px;padding:2px 0;font-size:.7rem;display:flex;position:relative;overflow:hidden}.arena-bar-fill{opacity:.45;background:#94a3b8;position:absolute;bottom:0;left:0;right:0}.arena-bar[data-on=true] .arena-bar-fill{opacity:.6;background:#22c55e}.arena-bar b,.arena-bar i{font-style:normal;position:relative}.arena-btns{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.arena-quick{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.arena-quick .jr-btn[role=tab][aria-selected=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.arena-variants{gap:4px;display:grid}@container (max-width:560px){.arena-panel-col.wide{grid-column:span 1}}.arena-pad{grid-template-columns:repeat(3,auto);justify-content:start;gap:6px;margin-bottom:4px;display:grid}.arena-wall.mover{stroke:#dc2626;stroke-width:4.5px}.arena-wheel-side{fill:#111827;stroke:#6b7280;stroke-width:1.5px}@media (min-width:1180px){.lesson-layout{grid-template-columns:minmax(0,1fr) 288px}.lesson-aside{top:calc(var(--topbar-h) + 24px);order:0;position:sticky}.wide-step .lesson-layout{grid-template-columns:minmax(0,1fr)}.wide-step .lesson-aside{order:2;position:static}}@media (min-width:1560px){.wide-step .lesson-layout{grid-template-columns:minmax(0,1fr) 288px}.wide-step .lesson-aside{order:0;position:sticky}}@media (min-width:1360px){html[data-sb="1"] .wide-step .lesson-layout{grid-template-columns:minmax(0,1fr) 288px}html[data-sb="1"] .wide-step .lesson-aside{order:0;position:sticky}}@media (max-width:1100px){.dash-top,.mod-head{grid-template-columns:minmax(0,1fr)}.ring-card{flex-flow:wrap;justify-content:center;gap:24px}.ring-card .panel-title{width:100%;margin:0}.ring-legend{width:auto;min-width:200px;margin:0}.tools,.stat-grid,.dash-two{grid-template-columns:minmax(0,1fr)}}@media (min-width:701px) and (max-width:1100px){.tools,.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:899px){.user-name{display:none}.user-chip{padding:0 6px}}@media (max-width:700px){.page{gap:24px;padding:24px 16px}.page-tool{padding-top:16px}.panel,.mcard{padding:16px}.mcard-art{width:calc(100% + 32px);margin:-16px -16px 4px}.continue{padding:24px 16px}.stage{padding:16px}.stepper .label{display:none}.tools,.stat-grid{grid-template-columns:minmax(0,1fr)}.mgrid{grid-template-columns:minmax(0,1fr);gap:16px}.week-btn{flex-wrap:wrap;gap:8px 12px;padding:12px 16px}.week-main{flex:100%;order:1}.wk-prog{flex:1;order:2;width:auto}.week-chev{order:3}.lesson-row a{flex-wrap:wrap;gap:4px 12px;padding:12px 16px}.lesson-title{flex:calc(100% - 48px)}.lesson-row .lkind-metin,.lesson-row .kind{margin-left:44px}.lesson-dur{width:auto}.lesson-row .status{width:auto;margin-left:auto}.tl-item{padding-left:40px}.tl-item:before{top:32px;left:11px}.tl-node{width:24px;height:24px;font-size:.72rem;top:16px}.player-nav .btn{flex:1}.palette{margin-top:8vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}a.mcard:hover{transform:none}}@media (forced-colors:active){.status-dot,.progress-fill{forced-color-adjust:none}.sb-link[aria-current=page]{outline:2px solid highlight}}.v3-bar{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.v3-seg{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.v3-seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font:600 .78rem/1 inherit}.v3-seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.v3-seg button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.arena-3d{aspect-ratio:16/10;background:#dde5ef;width:100%;max-height:560px}.arena-stage .v3-bar{z-index:2;pointer-events:none;position:absolute;top:8px;left:8px;right:8px}.arena-stage .v3-bar .v3-seg{pointer-events:auto}.arena-hud{z-index:2;background:color-mix(in srgb, var(--surface) 85%, transparent);color:var(--text);border-radius:8px;padding:4px 10px;font:700 .85rem/1.4 system-ui,sans-serif;position:absolute;bottom:10px;left:10px}.v3-full{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;pointer-events:auto;border-radius:999px;padding:8px 12px;font:700 .8rem/1 inherit}.v3-full:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.v3-full[aria-pressed=true]{background:var(--primary);color:var(--primary-ink);border-color:#0000}html.v3-lock,html.v3-lock body{overflow:hidden}.arena-stage.is-full{z-index:70;background:var(--surface);border:0;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0}.arena-stage.is-full .arena-3d{aspect-ratio:auto;flex:1;max-height:none}.arena-stage.is-full .arena-svg{max-height:calc(100vh - 24px);margin:auto}.arena-3d{max-height:70vh}
.lesson-explainer .stage-label{margin-bottom:8px}.concepts{margin-top:32px}.concepts-title{margin-bottom:12px;font-size:1.2rem}.concept-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.concept-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--track,var(--primary));border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.concept-card h3{margin:0;font-size:1.05rem}.concept-card p{margin:0;font-size:.94rem}.concept-def{color:var(--text)}.concept-ex{color:var(--muted)}.concept-pit{color:var(--warn);background:var(--warn-soft);border-radius:var(--radius-xs);padding:6px 10px}.quiz{gap:16px;display:grid}.quiz-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.quiz-head h2{margin:0}.quiz-count{color:var(--muted);font-size:.9rem;font-weight:700}.quiz-q{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:12px;padding:20px;display:grid}.quiz-prompt .lesson-md{font-size:1.06rem}.quiz-prompt .lesson-md p:last-child{margin-bottom:0}.quiz-options{gap:8px;display:grid}.quiz-opt{text-align:left;width:100%;min-height:48px;font:inherit;color:var(--text);background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:10px 14px;transition:border-color .12s,background .12s;display:flex}.quiz-opt:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.quiz-opt:disabled{cursor:default}.quiz-letter{background:var(--surface);border:1px solid var(--border-strong);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:inline-grid}.quiz-opt[data-state=correct]{border-color:var(--ok);background:var(--ok-soft)}.quiz-opt[data-state=wrong]{border-color:var(--warn);background:var(--warn-soft)}.quiz-opt[data-state=idle]{opacity:.65}.quiz-num{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quiz-input{min-height:44px;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--radius-sm);min-width:0;padding:8px 14px}.quiz-num .quiz-input{width:12ch}.quiz-input:focus-visible{border-color:var(--primary)}.quiz-unit{color:var(--muted);font-weight:700}.quiz-feedback{border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px 16px}.quiz-feedback p{margin:6px 0 0}.quiz-feedback[data-ok=true]{background:var(--ok-soft);border-color:var(--ok)}.quiz-feedback[data-ok=false]{background:var(--warn-soft);border-color:var(--warn)}.quiz-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}.quiz-note{color:var(--muted);font-size:.9rem}.quiz-result{text-align:center;justify-items:center}.quiz-score{margin:0;font-size:1.6rem}.quiz-review{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.quiz-review li{border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.88rem;display:inline-flex}.quiz-review li[data-ok=true]{background:var(--ok-soft);color:var(--ok);border-color:#0000}.quiz-review li[data-ok=false]{background:var(--warn-soft);color:var(--warn);border-color:#0000}.quiz-mark{font-weight:800}.quiz-skills{max-width:60ch;font-size:.9rem}.wk-guide{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin:0 0 16px;padding:12px 16px}.wk-guide summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;display:flex}.wk-guide summary small{color:var(--muted);font-weight:500}.wk-guide[open] summary{margin-bottom:12px}.parts-search{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.parts-search .quiz-input{flex:260px;max-width:480px}.parts-cat h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:24px 0 12px;font-size:1.1rem}.parts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.part-card{height:100%;color:var(--text);background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--k-devre);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:20px;display:flex}a.part-card:hover{border-color:var(--border-strong);border-top-color:var(--k-devre);box-shadow:var(--shadow);text-decoration:none}.part-card h3{margin:0}.part-card p{color:var(--muted);margin:0;font-size:.93rem}.part-pins{color:var(--k-devre);margin-top:auto;font-family:ui-monospace,monospace;font-size:.8rem}.part-page .lead{color:var(--muted);max-width:70ch}.part-layout{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}@media (min-width:960px){.part-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start}}.part-main section{margin-bottom:28px}.part-main h2{font-size:1.25rem}.part-side{gap:16px;display:grid}.pin-list>div,.value-list>div{border-bottom:1px solid var(--border);gap:2px;padding:8px 0;display:grid}.pin-list>div:last-child,.value-list>div:last-child{border-bottom:0}.pin-list dt code{color:var(--k-devre);font-weight:800}.pin-list dd,.value-list dd{margin:0;font-size:.9rem}.value-list dt{color:var(--muted);font-size:.82rem}.value-list dd small{color:var(--muted);display:block}.rel-lessons li{padding:6px 0;display:grid}.rel-lessons small{color:var(--muted)}.lab-partinfo{margin:0 0 8px;font-size:.88rem;font-weight:700;display:inline-block}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-tiles li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:16px;display:grid}.stat-tiles b{font-size:1.6rem;line-height:1.1}.stat-tiles span{color:var(--muted);font-size:.85rem}.empty-note{background:var(--primary-soft);border-radius:var(--radius-sm);margin-bottom:20px;padding:12px 16px;font-size:.92rem}.page .panel+.panel{margin-top:20px}.skill-map{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.skill-map li{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);gap:6px;padding:14px 16px;display:grid}.skill-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.skill-meta{margin:0;font-size:.85rem;font-weight:700}.skill-desc{color:var(--muted);margin:0;font-size:.85rem}.skill-map li[data-level=ustalasti] .progress-fill{background:var(--ok)}.skill-map li[data-level=baslangic] .progress-fill{background:var(--warn)}.history li{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;padding:10px 0;display:grid}.history li:last-child{border-bottom:0}.history li>span small{color:var(--muted);display:block}.history li>small{color:var(--muted);grid-column:1/-1}.history li>.btn{grid-area:1/2/span 2}.event-counts{flex-wrap:wrap;gap:8px 24px;display:flex}.consent-banner{z-index:90;background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius);max-width:760px;box-shadow:var(--shadow-lg);max-height:70vh;margin:0 auto;padding:16px 20px;font-size:.92rem;position:fixed;bottom:16px;left:16px;right:16px;overflow:auto}@media (max-width:899px){.consent-banner{bottom:calc(var(--tabbar-h) + 8px)}}.consent-banner h2{margin-bottom:6px;font-size:1.05rem}.consent-banner p{margin:0 0 8px}.consent-draft{color:var(--muted);font-style:italic}.consent-ack{align-items:flex-start;gap:8px;margin:8px 0;font-weight:600;display:flex}.consent-ack input{width:18px;height:18px;margin-top:4px}.consent-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.consent-settings h3{margin:16px 0 8px;font-size:1rem}.consent-msg{border-radius:var(--radius-xs);background:var(--ok-soft);margin-top:12px;padding:8px 12px}.lesson-explainer .lesson-md ul,.wk-guide .lesson-md ul,.part-main .lesson-md ul{list-style:outside}.lesson-explainer .lesson-md ol,.wk-guide .lesson-md ol,.part-main .lesson-md ol{list-style:decimal}.part-page .page-title p{margin-bottom:16px}.pin-list,.value-list{margin:0}
:root{--v2-ink:#2a1a12;--v2-ink-2:#4a3628;--v2-card:#f8f1e7;--v2-card-2:#efe3d3;--v2-line:#ece2d6;--v2-btn:#2a1a12;--v2-btn-shadow:#000;--v2-btn-ink:#fff;--v2-ok:#22c55e;--v2-ok-deep:#15803d;--v2-ok-soft:#dcfce7;--v2-ok-ink:#14532d;--v2-bad:#f97316;--v2-bad-soft:#ffedd5;--v2-bad-ink:#7c2d12;--v2-accent:#7a4426;--v2-accent-soft:#f6e9dc;--v2-accent-deep:#4a2814;--v2-accent-ink:#fff;--v2-xp:#16a34a;--v2-bolt:#eab308;--v2-radius:22px}:root[data-theme=dark]{--v2-ink:#f2f2f7;--v2-ink-2:#c7c7cc;--v2-card:#2e2018;--v2-card-2:#3a2a20;--v2-line:#3d2b20;--v2-btn:#f2f2f7;--v2-btn-shadow:#8e8e93;--v2-btn-ink:#111;--v2-ok-soft:#12321f;--v2-ok-ink:#bbf7d0;--v2-bad-soft:#3a2010;--v2-bad-ink:#fed7aa;--v2-accent:#e0aa76;--v2-accent-soft:#3a2619;--v2-accent-deep:#a8743f;--v2-accent-ink:#2a1a12}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--v2-ink:#f2f2f7;--v2-ink-2:#c7c7cc;--v2-card:#2e2018;--v2-card-2:#3a2a20;--v2-line:#3d2b20;--v2-btn:#f2f2f7;--v2-btn-shadow:#8e8e93;--v2-btn-ink:#111;--v2-ok-soft:#12321f;--v2-ok-ink:#bbf7d0;--v2-bad-soft:#3a2010;--v2-bad-ink:#fed7aa;--v2-accent:#e0aa76;--v2-accent-soft:#3a2619;--v2-accent-deep:#a8743f;--v2-accent-ink:#2a1a12}}.v2-btn{background:var(--v2-btn);min-width:160px;min-height:52px;color:var(--v2-btn-ink);font:inherit;box-shadow:0 4px 0 var(--v2-btn-shadow);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:1.02rem;font-weight:700;text-decoration:none;transition:transform 60ms,box-shadow 60ms,opacity .15s;display:inline-flex}.v2-btn:hover{filter:brightness(1.08);text-decoration:none}.v2-btn:active:not(:disabled){box-shadow:0 1px 0 var(--v2-btn-shadow);transform:translateY(3px)}.v2-btn:disabled{background:var(--v2-line);color:var(--muted);box-shadow:none;cursor:not-allowed;opacity:.8}.v2-btn.ok{background:var(--v2-ok);color:#fff;box-shadow:0 4px 0 var(--v2-ok-deep)}.v2-btn.ghost{background:var(--v2-card-2);color:var(--v2-ink);box-shadow:0 4px 0 var(--v2-line)}.v2-btn.accent{background:var(--v2-accent);color:var(--v2-accent-ink);box-shadow:0 4px 0 var(--v2-accent-deep)}:root{--mac-shell:#7a4426;--mac-shell-dark:#5a2f19;--mac-face:#f6e3bf;--mac-ink:#3a2214;--mac-cheek:#e98a7a;--mac-leaf:#3f7d3a;--mac-leaf-2:#57994f;--mac-rib:#2b5c28}.mac{flex:none;overflow:visible}.mac-shell{fill:var(--mac-shell)}.mac-face{fill:var(--mac-face)}.mac-crack{fill:none;stroke:var(--mac-shell-dark);stroke-width:1.6px;stroke-linejoin:round;opacity:.55}.mac-eye{fill:var(--mac-ink)}.mac-line{fill:none;stroke:var(--mac-ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.mac-cheek{fill:var(--mac-cheek);opacity:.45}.mac-leaf{fill:var(--mac-leaf)}.mac-leaf-2{fill:var(--mac-leaf-2)}.mac-rib{fill:none;stroke:var(--mac-rib);stroke-width:1.2px;stroke-linecap:round}.mac-stem{fill:var(--mac-shell-dark)}.mac-leaves{transform-origin:32px 15px;transform-box:view-box}.mac-think .mac-leaves{animation:1.2s ease-in-out infinite mac-sway}.mac-oops .mac-shell{fill:var(--mac-shell-dark)}.mac-happy{animation:.5s ease-out mac-hop}@keyframes mac-sway{50%{transform:rotate(-9deg)}}@keyframes mac-hop{40%{transform:translateY(-6px)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.mac-happy,.mac-think .mac-leaves{animation:none}}.v2-player{z-index:120;background:var(--surface);color:var(--v2-ink);flex-direction:column;display:flex;position:fixed;inset:0}.v2-top{border-bottom:1px solid var(--v2-line);align-items:center;gap:14px;padding:12px 20px;display:flex}.v2-icon-btn{width:40px;height:40px;color:var(--v2-ink);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;font-size:1.15rem;text-decoration:none;display:inline-grid}.v2-icon-btn:hover{background:var(--v2-card);text-decoration:none}.v2-progress{background:var(--v2-card-2);border-radius:99px;flex:1;height:12px;overflow:hidden}.v2-progress>div{background:var(--v2-ok);border-radius:99px;height:100%;transition:width .35s}.v2-xp{text-align:right;min-width:56px;color:var(--v2-xp);font-variant-numeric:tabular-nums;font-weight:800}.v2-body{flex:1;width:100%;max-width:760px;margin:0 auto;padding:40px 20px 32px;animation:.25s ease-out v2-in;overflow-y:auto}.v2-wide .v2-body{max-width:1280px}@keyframes v2-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.v2-body{animation:none}}.v2-intro{text-align:center;padding-top:4vh}.v2-intro h1{margin:6px 0 14px;font-size:clamp(1.8rem,4vw,2.4rem)}.v2-art{background:var(--v2-accent-soft);border-radius:40px;place-items:center;width:168px;height:168px;margin:0 auto 18px;font-size:88px;line-height:1;display:grid}.v2-art.small{border-radius:28px;width:96px;height:96px;margin:0 0 18px;font-size:52px}.v2-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.78rem;font-weight:800}.v2-lead{margin:0 0 18px;font-size:1.22rem;line-height:1.6}.v2-lead code,.v2-prompt code,.v2-option code,.v2-why code,.v2-bubble code{background:var(--v2-card-2);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em}.v2-prompt{margin:0 0 18px;font-size:1.2rem;font-weight:600;line-height:1.55}.v2-code{background:var(--code-bg);color:var(--code-text);white-space:pre;border-radius:16px;margin:0 0 18px;padding:16px 18px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.98rem;line-height:1.7;overflow-x:auto}.v2-options{gap:10px;display:grid}.v2-option{text-align:left;border:2px solid var(--v2-line);background:var(--surface);width:100%;min-height:60px;color:var(--v2-ink);font:inherit;cursor:pointer;box-shadow:0 3px 0 var(--v2-line);border-radius:16px;align-items:center;gap:14px;padding:12px 16px;font-size:1.05rem;display:flex}.v2-option:hover:not(:disabled){border-color:var(--v2-ink-2)}.v2-option.picked{border-color:var(--v2-accent);box-shadow:0 3px 0 var(--v2-accent);background:var(--v2-accent-soft)}.v2-option.right{border-color:var(--v2-ok);box-shadow:0 3px 0 var(--v2-ok-deep);background:var(--v2-ok-soft)}.v2-option.wrong{border-color:var(--v2-bad);box-shadow:0 3px 0 var(--v2-bad);background:var(--v2-bad-soft)}.v2-option:disabled{cursor:default}.v2-letter{background:var(--v2-card);border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:.9rem;font-weight:800;display:grid}.v2-number{align-items:center;gap:10px;display:flex}.v2-number input{border:2px solid var(--v2-line);background:var(--surface);width:200px;min-height:56px;color:var(--v2-ink);font:inherit;border-radius:14px;padding:0 16px;font-size:1.3rem;font-weight:700}.v2-number input:focus{border-color:var(--v2-accent);outline:none}.v2-unit{color:var(--muted);font-size:1.2rem;font-weight:700}.v2-fill code>span{white-space:pre}.v2-slot{color:#fde68a;min-width:3.2em;font:inherit;cursor:pointer;vertical-align:baseline;background:#ffffff0f;border:2px dashed #64748b;border-radius:8px;margin:0 2px;padding:0 8px;display:inline-block}.v2-slot.full{background:#a78bfa2e;border-style:solid;border-color:#a78bfa}.v2-slot.cur{border-color:#facc15}.v2-slot:disabled{cursor:default}.v2-tokens{background:var(--v2-card);border-radius:16px;flex-wrap:wrap;gap:10px;padding:14px;display:flex}.v2-token{border:2px solid var(--v2-line);background:var(--surface);min-height:44px;color:var(--v2-ink);cursor:pointer;box-shadow:0 3px 0 var(--v2-line);border-radius:12px;padding:0 16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1rem;font-weight:600}.v2-token:active:not(:disabled){box-shadow:0 1px 0 var(--v2-line);transform:translateY(2px)}.v2-token.ghost{color:var(--muted);font-family:inherit}.v2-token:disabled{opacity:.5;cursor:default}.v2-order{counter-reset:none;gap:8px;margin:0 0 14px;display:grid}.v2-order li>button,.v2-order li.empty{border:2px solid var(--v2-line);background:var(--surface);width:100%;min-height:50px;color:var(--v2-ink);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:8px 14px;display:flex}.v2-order li.empty{color:var(--muted);background:0 0;border-style:dashed}.v2-order .n{background:var(--v2-card);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:grid}.v2-order code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.v2-token.code{font-size:.95rem}.v2-widget{gap:16px;display:grid}.v2-goals{gap:6px;display:grid}.v2-goals li{color:var(--muted);align-items:baseline;gap:10px;font-weight:600;display:flex}.v2-goals li[data-ok=true]{color:var(--v2-ok-deep)}:root[data-theme=dark] .v2-goals li[data-ok=true]{color:var(--v2-ok)}.v2-goals li>span:first-child{width:18px;font-weight:800}.v2-circuit{background:var(--v2-card);border-radius:20px;width:100%;max-width:520px;margin:0 auto;display:block}.v2-circuit .wire{stroke:var(--v2-ink-2);stroke-width:3px}.v2-circuit .part{fill:var(--surface);stroke:var(--v2-ink-2);stroke-width:2.5px}.v2-circuit .resistor{fill:#fde68a}.v2-circuit .lbl{fill:var(--v2-ink);font-size:16px;font-weight:800}.v2-circuit .val{fill:var(--v2-ink);font-size:12px;font-weight:700}.v2-circuit .readout{fill:var(--v2-accent);font-size:15px;font-weight:800}.v2-circuit .led{fill:#ef4444;stroke:#991b1b;stroke-width:2px;transition:fill-opacity .2s}.v2-circuit .led.burnt{fill:#3f3f46;stroke:#18181b}.v2-circuit .led-glow{fill:#f87171;filter:blur(6px);transition:opacity .2s}.v2-sliders{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.v2-sliders label{background:var(--v2-card);border-radius:16px;gap:6px;padding:12px 14px;font-size:.95rem;display:grid}.v2-sliders input[type=range]{width:100%;accent-color:var(--v2-accent);height:28px}.v2-formula{text-align:center;color:var(--v2-ink-2);font-variant-numeric:tabular-nums;margin:0}.v2-blink{background:var(--v2-card);border-radius:20px;justify-items:center;gap:14px;padding:20px;display:grid}.v2-blink-led{background:#7f1d1d;border:4px solid #450a0a;border-radius:50%;width:64px;height:64px;transition:background 50ms,box-shadow 50ms}.v2-blink-led.on{background:#ef4444;box-shadow:0 0 32px 10px #ef44448c}.v2-timeline{border-radius:10px;width:100%;max-width:480px;height:34px;font-size:.78rem;font-weight:800;display:flex;overflow:hidden}.v2-timeline .seg{white-space:nowrap;place-items:center;min-width:0;display:grid;overflow:hidden}.v2-timeline .on{color:#7f1d1d;background:#fecaca}.v2-timeline .off{background:var(--v2-card-2);color:var(--muted)}.v2-why{background:var(--v2-accent-soft);border-radius:16px;margin-top:18px;padding:16px 18px;line-height:1.6;animation:.2s ease-out v2-in}.v2-reflect{border:2px solid var(--v2-line);background:var(--surface);width:100%;color:var(--v2-ink);font:inherit;resize:vertical;border-radius:16px;padding:14px}.v2-activity .lesson-lab,.v2-activity .lesson-app{margin:0}.v2-foot{border-top:1px solid var(--v2-line);background:var(--surface);transition:background .2s}.v2-foot.v2-correct{background:var(--v2-ok-soft);border-top-color:var(--v2-ok)}.v2-foot.v2-wrong{background:var(--v2-bad-soft);border-top-color:var(--v2-bad)}.v2-foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1080px;margin:0 auto;padding:14px 20px;display:flex}.v2-coach{flex:260px;align-items:center;gap:12px;min-width:0;display:flex}.v2-bubble{background:var(--v2-card);border-radius:16px 16px 16px 4px;margin:0;padding:10px 14px;font-weight:600;line-height:1.45}.v2-bubble.ok{color:var(--v2-ok-ink);background:#bbf7d0}:root[data-theme=dark] .v2-bubble.ok{background:#14532d}.v2-bubble.bad{color:var(--v2-bad-ink);background:#fed7aa;font-weight:500}:root[data-theme=dark] .v2-bubble.bad{background:#7c2d12}.v2-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.v2-classic{text-align:center;margin:0;padding:0 20px 10px;font-size:.82rem}.v2-classic a{color:var(--muted)}.v2-end{text-align:center;padding-top:6vh}.v2-end h1{margin:18px 0 4px;font-size:clamp(1.8rem,4vw,2.3rem)}.v2-stats{flex-wrap:wrap;justify-content:center;gap:14px;margin:26px 0;display:flex}.v2-stats>div{background:var(--v2-card);border-radius:18px;gap:2px;min-width:130px;padding:16px;display:grid}.v2-stats b{font-size:1.8rem}.v2-stats span{color:var(--muted);font-size:.85rem}@media (max-width:640px){.v2-body{padding:24px 16px}.v2-btn{flex:1;min-width:0}.v2-actions{width:100%}.v2-coach{flex-basis:100%}.v2-art{width:128px;height:128px;font-size:64px}}.ob{z-index:120;background:var(--surface);color:var(--v2-ink);flex-direction:column;display:flex;position:fixed;inset:0}.ob-top{align-items:center;gap:14px;width:100%;max-width:960px;margin:0 auto;padding:12px 20px;display:flex}.ob-body{flex:1;width:100%;max-width:960px;margin:0 auto;padding:32px 20px;animation:.25s ease-out v2-in;overflow-y:auto}.ob-center{text-align:center;justify-items:center;gap:6px;padding-top:6vh;display:grid}.ob-center h1,.ob-center h2{margin:12px 0 4px}.ob-lead{color:var(--v2-ink-2);max-width:560px;margin:0 auto 12px;font-size:1.15rem;line-height:1.55}.ob-q{align-items:center;gap:16px;margin:0 0 32px;display:flex}.ob-q h1{margin:0;font-size:clamp(1.3rem,3vw,1.7rem)}.ob-q p{margin:4px 0 0}.ob-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.ob-card{border-radius:var(--v2-radius);background:var(--v2-card);min-height:170px;color:var(--v2-ink);font:inherit;text-align:center;cursor:pointer;border:2px solid #0000;align-content:center;justify-items:center;gap:8px;padding:18px 14px;transition:border-color .12s,transform .12s;display:grid}.ob-card:hover{transform:translateY(-2px)}.ob-card.on{border-color:var(--v2-accent);background:var(--v2-accent-soft)}.ob-card b{font-size:1.05rem}.ob-card span{color:var(--muted);font-size:.9rem}.ob-card .ob-icon{color:inherit;font-size:44px;line-height:1}.ob-card.level code{color:var(--v2-accent);margin-bottom:6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem}.ob-input{border:2px solid var(--v2-ink);background:var(--surface);width:min(320px,100%);min-height:60px;color:var(--v2-ink);font:inherit;text-align:center;border-radius:16px;margin:0 auto;padding:0 18px;font-size:1.4rem;font-weight:700;display:block}.ob-foot{justify-content:center;padding:18px 20px 26px;display:flex}.ob-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ob-plan{text-align:center}.ob-plan h1{margin:6px 0 8px;font-size:clamp(1.7rem,4vw,2.3rem)}.ob-path{flex-wrap:wrap;justify-content:center;gap:14px;margin:26px 0;display:flex}.ob-path li{border-radius:var(--v2-radius);background:var(--v2-card);opacity:.72;gap:4px;width:200px;padding:22px 16px 18px;display:grid;position:relative}.ob-path li.here{opacity:1;background:var(--v2-accent-soft);outline:2px solid var(--v2-accent)}.ob-path li.soon{opacity:.5}.ob-path li span{color:var(--muted);font-size:.85rem}.ob-here{background:var(--v2-ink);letter-spacing:.06em;white-space:nowrap;border-radius:99px;padding:3px 10px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%);color:var(--surface)!important;font-size:.7rem!important}.ob-loop{grid-template-columns:repeat(3,1fr);gap:12px;max-width:640px;margin:0 auto 14px;display:grid}.ob-loop>div{border:1px solid var(--v2-line);border-radius:16px;gap:2px;padding:14px;display:grid}.ob-loop span{color:var(--muted);font-size:.85rem}.ob-small{font-size:.88rem}@media (max-width:640px){.ob-loop{grid-template-columns:1fr}.ob-card{min-height:120px}}.seg{background:var(--surface-2);border-radius:12px;margin-left:auto;padding:3px;display:inline-flex}.seg button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 14px;font-weight:700}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.cmap{gap:28px;max-width:560px;margin:8px auto 40px;display:grid}.cmap-head{border:2px solid var(--border);background:var(--surface);text-align:center;box-shadow:0 3px 0 var(--border);border-radius:18px;gap:2px;padding:14px 18px;display:grid}.cmap-head small{letter-spacing:.08em;color:var(--primary);font-size:.72rem;font-weight:800}.cmap-head span{color:var(--muted);font-size:.85rem}.cmap-path{justify-items:center;gap:18px;padding:22px 0 0;display:grid}.cmap-node{align-items:center;gap:14px;width:300px;display:flex;position:relative}.cmap-disc{background:var(--surface-3);width:72px;height:62px;color:var(--muted);box-shadow:0 7px 0 var(--border-strong);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;font-size:1.3rem;font-weight:800;text-decoration:none;transition:transform 80ms;display:grid}.cmap-disc:hover{text-decoration:none;transform:translateY(-2px)}.cmap-node.done .cmap-disc{color:#fff;background:#4ade80;box-shadow:0 7px #16a34a}.cmap-node.next .cmap-disc{background:var(--v2-accent);color:var(--v2-accent-ink);box-shadow:0 7px 0 var(--v2-accent-deep), 0 0 0 8px var(--v2-accent-soft)}.cmap-disc.star{color:#92400e;background:#fde68a;border-radius:22px;box-shadow:0 7px #d97706}.cmap-label{font-weight:700;line-height:1.3;display:grid}.cmap-label small{color:var(--muted);font-weight:500}.cmap-robi{position:absolute;top:-8px;left:-54px}.cmap-pop{z-index:2;background:var(--surface);border:1px solid var(--border);width:280px;box-shadow:var(--shadow);text-align:center;border-radius:18px;gap:10px;padding:16px;display:grid;position:absolute;top:78px;left:0}.cmap-node.next{margin-bottom:116px}@media (max-width:640px){.cmap-node{width:250px;transform:none!important}.cmap-robi{display:none}}.hh{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:28px;display:grid}.hh-start{border-radius:var(--v2-radius);background:var(--v2-accent-soft);color:var(--v2-ink);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;display:flex}.hh-start:hover{text-decoration:none}.hh-start>span:nth-child(2){flex:260px;display:grid}.hh-start small{color:var(--muted)}.hh-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:18px;display:grid}.hh-card{border-radius:var(--v2-radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);align-content:start;gap:14px;padding:22px;display:grid}.hh-streak-top{justify-content:space-between;align-items:center;display:flex}.hh-streak h2{align-items:baseline;gap:6px;margin:0;font-size:2.2rem;display:flex}.hh-streak h2 small{color:var(--muted);font-size:.85rem;font-weight:600}.hh-bolt{color:var(--v2-bolt)}.hh-charges{gap:6px;display:flex}.hh-charges span{border:2px solid var(--border-strong);border-radius:4px;width:14px;height:24px;position:relative}.hh-charges span.full{background:#4ade80;border-color:#16a34a}.hh-week{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.hh-week li{justify-items:center;gap:4px;display:grid}.hh-week li>span{border:2px solid var(--border);border-radius:50%;place-items:center;width:36px;height:36px;font-size:.95rem;display:grid}.hh-week li[data-state=active]>span{border-color:var(--v2-bolt);background:#fef08a}.hh-week li[data-state=frozen]>span{background:#dcfce7;border-color:#4ade80}.hh-week li[data-today=true] small{color:var(--text);font-weight:800}.hh-week small{color:var(--muted);font-size:.75rem}.hh-goal{border-top:1px solid var(--border);gap:6px;padding-top:12px;display:grid}.hh-goal-top{justify-content:space-between;font-size:.92rem;display:flex}.hh-course{background:linear-gradient(180deg, var(--surface), var(--v2-accent-soft))}.hh-course h2{margin:0;font-size:1.5rem}.hh-course p{margin:0}.hh-actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.hh-ask{border-radius:var(--v2-radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr);gap:12px;padding:18px;display:grid}.hh-ask-form{gap:10px;display:flex}.hh-ask-form input{border:2px solid var(--border);background:var(--surface);min-width:0;min-height:52px;color:var(--text);font:inherit;border-radius:999px;flex:1;padding:0 18px}.hh-ask-form input:focus{border-color:var(--v2-accent);outline:none}.hh-chips{flex-wrap:wrap;gap:8px;display:flex}.hh-chips button{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.88rem}.hh-chips button:hover{border-color:var(--v2-accent)}.hh-answer{align-items:flex-start;gap:12px;display:flex}.hh-hits{gap:8px;margin-top:10px;display:grid}.hh-hits a{border:2px solid var(--v2-accent);background:var(--surface);color:var(--text);border-radius:14px;padding:12px 16px;text-decoration:none;display:grid}.hh-hits a:hover{background:var(--v2-accent-soft)}.hh-hits small{color:var(--v2-accent);letter-spacing:.05em;font-size:.7rem;font-weight:800}@media (max-width:860px){.hh-grid{grid-template-columns:minmax(0,1fr)}.hh-ask-form .v2-btn{min-width:0}}.tp-bands{flex-wrap:wrap;gap:8px;margin:6px 0 10px;display:flex}.tp-bands button{border:2px solid var(--border);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:14px;padding:8px 16px;line-height:1.25;display:grid}.tp-bands button small{color:var(--muted);font-size:.75rem}.tp-bands button[aria-pressed=true]{border-color:var(--v2-accent);background:var(--v2-accent-soft)}.tp-band-blurb{color:var(--muted);margin:4px 0 0}.tp-section{margin:30px 0 8px;font-size:1.35rem}.tp-list{display:grid}.tp-row{border-bottom:1px solid var(--border)}.tp-head{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:18px;padding:18px 4px;display:flex}.tp-icon{background:var(--v2-accent-soft);border-radius:18px;flex:none;place-items:center;width:64px;height:64px;font-size:34px;display:grid}.tp-text{flex:1;gap:2px;display:grid}.tp-text small{letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;font-size:.72rem;font-weight:800;display:flex}.tp-text b{font-size:1.2rem}.tp-text>span{color:var(--muted)}.tp-mine{color:#fff;letter-spacing:0;background:#22c55e;border-radius:99px;padding:1px 8px}.tp-chev{color:var(--muted);font-size:1.3rem;transition:transform .15s}.tp-row.open .tp-chev{transform:rotate(180deg)}.tp-courses{gap:10px;padding:0 0 20px 82px;display:grid}.tp-course{background:var(--surface-2);border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;display:flex}.tp-course>div:nth-child(2){flex:260px;gap:2px;display:grid}.tp-course p{margin:0;font-size:.92rem}.tp-course small{color:var(--muted)}.tp-course.soon{opacity:.6}.tp-step{background:var(--surface);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.tp-go{gap:8px;display:flex}.tp-go .v2-btn{min-width:0;min-height:42px;padding:0 18px;font-size:.92rem}.tp-cta{color:var(--muted);margin-top:26px}@media (max-width:640px){.tp-courses{padding-left:0}.tp-icon{width:52px;height:52px;font-size:28px}}.sc-hero{background:linear-gradient(135deg, var(--v2-accent-soft), var(--v2-ok-soft));border-radius:28px;margin-bottom:24px;padding:36px 28px}.sc-hero h1{max-width:820px;margin:6px 0 12px;font-size:clamp(1.8rem,4.2vw,2.7rem)}.sc-lead{color:var(--v2-ink-2);max-width:720px;font-size:1.15rem;line-height:1.55}.sc-cta{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.sc-why{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.sc-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;align-content:start;gap:6px;padding:20px;display:grid}.sc-card>span{font-size:30px}.sc-card p{color:var(--muted);margin:0;line-height:1.5}.sc-card h2{margin:0 0 6px;font-size:1.2rem}.sc-bands{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.sc-band{background:var(--surface-2);border-radius:20px;align-content:start;gap:4px;padding:18px;display:grid}.sc-band small{color:var(--muted);font-size:.75rem;font-weight:700}.sc-band b{font-size:1.15rem}.sc-band p{margin:0 0 6px;font-size:.9rem}.sc-band li{padding-left:14px;font-size:.88rem;position:relative}.sc-band li:before{content:"•";color:var(--v2-accent);position:absolute;left:2px}.sc-two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:28px 0;display:grid}.sc-checks li{padding:6px 0 6px 26px;position:relative}.sc-checks li:before{content:"✓";color:#16a34a;font-weight:800;position:absolute;left:2px}.sc-flow{gap:10px;display:grid}.sc-flow li{align-items:baseline;gap:14px;display:flex}.sc-flow b{width:52px;color:var(--v2-accent);flex:none}.sc-table{border:1px solid var(--border);border-radius:16px;display:grid;overflow:hidden}.sc-table>div{border-top:1px solid var(--border);grid-template-columns:1.4fr .7fr 1.4fr;gap:12px;padding:12px 16px;display:grid}.sc-table>div.head{background:var(--surface-2);border-top:0;font-size:.85rem;font-weight:800}.sc-note{margin-top:8px;font-size:.88rem}.sc-end{text-align:center;margin-top:32px}.sc-end .sc-lead{margin:0 auto 16px}@media (max-width:640px){.sc-table>div{grid-template-columns:1fr;gap:2px}.sc-hero{padding:26px 18px}}.streak-pill{border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text);border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-weight:800;display:inline-flex}.streak-pill:hover{border-color:var(--v2-bolt);text-decoration:none}.streak-pill span{color:var(--v2-bolt)}.locale-switch{border:1px solid var(--border);background:var(--surface);border-radius:999px;flex:none;align-items:center;height:40px;padding:3px;display:inline-flex}.locale-switch button{min-width:38px;height:32px;color:var(--muted);font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:.82rem;font-weight:800}.locale-switch button:hover{color:var(--text)}.locale-switch button[aria-pressed=true]{background:var(--primary);color:var(--primary-ink)}.locale-switch button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.locale-switch[aria-busy=true]{opacity:.6}.lesson-lang-note{border-radius:var(--radius-xs);background:var(--warn-soft);max-width:960px;color:var(--text);margin:12px auto 0;padding:8px 14px;font-size:.88rem}.um-guest{white-space:nowrap;align-items:center;gap:10px;display:flex}.um-guest .um-login{white-space:nowrap;font-weight:700}.um-guest .um-start{white-space:nowrap;min-width:0;min-height:40px;padding:0 18px;font-size:.92rem}@media (max-width:1100px){.um-guest .um-start,.streak-pill{display:none}}
:root{--brand:#7a4426;--brand-strong:#5a2f19;--brand-soft:#f6ece1;--on-brand:#fff;--deep:#2a1a12;--deep-2:#4a2e1f;--on-deep:#fbf5ee;--on-deep-muted:#d2c2b2;--deep-ink:#2a1a12;--brand-on-deep:#e0aa76;--ink:#2a1d16;--line:#ebe1d6;--bg-soft:#f8f1e7;--shell:#7a4426;--shell-dark:#5a2f19;--kernel:#f6e3bf;--kernel-dark:#e8c98e;--leaf:#3f7d3a;--leaf-dark:#2b5c28;--good:#3f7d3a;--good-soft:#eaf3e6;--bad:#b8352a;--bad-soft:#fbeae7;--shadow:0 1px 2px #2a1a120f, 0 8px 24px #2a1a1214;--bg:#fffdf9;--surface:#fff;--surface-2:#f8f1e7;--text:#2a1d16;--muted:#6e6156;--border:#ebe1d6;--primary:var(--brand);--primary-hover:var(--brand-strong);--primary-ink:var(--on-brand);--primary-soft:var(--brand-soft);--radius:6px;--radius-sm:6px;--radius-xs:4px;--v2-radius:6px;--v2-btn:var(--brand);--v2-btn-ink:#fff;--v2-accent:var(--brand);--v2-accent-soft:var(--brand-soft);--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px))}:root[data-theme=dark]{--brand:#c98a52;--brand-strong:#dda46f;--brand-soft:#3a2618;--on-brand:#1c120c;--deep:#120b07;--deep-2:#5a3a26;--on-deep:#f3ebe2;--on-deep-muted:#b9a796;--deep-ink:#f3ebe2;--ink:#f1e8de;--line:#3b2c22;--bg-soft:#1e1611;--good:#7fbf6a;--good-soft:#1c2a17;--bad:#f07468;--bad-soft:#3a1a18;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000047;--bg:#16100c;--surface:#261c16;--surface-2:#1e1611;--text:#f1e8de;--muted:#b3a292;--border:#3b2c22;--v2-btn-ink:#1c120c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--brand:#c98a52;--brand-strong:#dda46f;--brand-soft:#3a2618;--on-brand:#1c120c;--deep:#120b07;--deep-2:#5a3a26;--on-deep:#f3ebe2;--on-deep-muted:#b9a796;--deep-ink:#f3ebe2;--ink:#f1e8de;--line:#3b2c22;--bg-soft:#1e1611;--good:#7fbf6a;--good-soft:#1c2a17;--bad:#f07468;--bad-soft:#3a1a18;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000047;--bg:#16100c;--surface:#261c16;--surface-2:#1e1611;--text:#f1e8de;--muted:#b3a292;--border:#3b2c22;--v2-btn-ink:#1c120c}}[hidden]{display:none!important}body{-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65}h1,h2,h3,h4{text-wrap:balance;letter-spacing:-.01em}.wrap{max-width:1240px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);margin:0 auto}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:0;font-size:13px;font-weight:600}.btn{border-radius:var(--radius);min-height:46px;padding:0 24px;font-size:15px;font-weight:500;transition:background .2s,color .2s,border-color .2s}.btn:active{transform:none}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-strong);color:var(--on-brand)}.btn-ghost,.btn-outline{color:var(--ink);border-color:var(--line);background:0 0}.btn-ghost:hover,.btn-outline:hover{border-color:var(--brand);color:var(--brand);background:0 0}.btn-deep{background:var(--deep);color:var(--on-deep)}.btn-small,.btn-sm{min-height:38px;padding:0 16px;font-size:14px}.btn-lg{min-height:50px;padding:0 28px;font-size:16px}.v2-btn{border-radius:var(--radius);box-shadow:none;background:var(--brand);color:var(--on-brand);font-weight:500}.v2-btn:hover{filter:none;background:var(--brand-strong)}.v2-btn:active:not(:disabled){box-shadow:none;transform:none}.v2-btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.v2-btn.ghost:hover{color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:0 0}.v2-btn.ok{box-shadow:none}.v2-btn.accent{background:var(--brand);color:var(--on-brand);box-shadow:none}.jr-btn{border-radius:var(--radius)}.nut-shell{fill:var(--shell)}.nut-shell-dark{fill:var(--shell-dark)}.nut-kernel{fill:var(--kernel)}.nut-kernel-dark{fill:var(--kernel-dark)}.nut-leaf{fill:var(--leaf)}.nut-leaf-rib{fill:none;stroke:var(--leaf-dark);stroke-width:1.6px;stroke-linecap:round}.nut-crack{fill:none;stroke:var(--shell-dark);stroke-width:2px;stroke-linejoin:round}.logo{flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.logo:hover{text-decoration:none}.logo-word{letter-spacing:-.01em;color:var(--deep-ink);font-size:26px;font-weight:800;line-height:1}.logo-word .m,.logo-word .x{color:var(--brand)}.mx-shell{flex-direction:column;min-height:100vh;display:flex}.mx-shell>main{outline:none;flex:1}.topbar{background:var(--deep);color:var(--on-deep-muted);font-size:13px}.topbar .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:40px;display:flex}.topbar a,.topbar .um-tb{color:var(--on-deep);text-decoration:none}.topbar a:hover{color:var(--brand-on-deep);text-decoration:none}.topbar-links{align-items:center;gap:20px;display:flex}.topbar .locale-switch{background:0 0;border-color:#ffffff29;height:28px;padding:2px}.topbar .locale-switch button{min-width:30px;height:22px;color:var(--on-deep-muted);border-radius:4px;font-size:12px}.topbar .locale-switch button[aria-pressed=true]{background:var(--brand-on-deep);color:var(--deep)}.topbar .icon-btn{width:28px;height:28px;color:var(--on-deep);background:0 0;border:0;border-radius:4px}.topbar .icon-btn:hover{background:#ffffff14}.topbar .tb-guest{color:var(--on-deep-muted)}.topbar .um .user-chip{height:28px;color:var(--on-deep);background:0 0;border:0;gap:6px;padding:0;font-size:13px;font-weight:500}.topbar .um .avatar{background:var(--brand-on-deep);width:22px;height:22px;color:var(--deep);font-size:11px}.topbar .um .um-role{display:none}.topbar .um-menu{color:var(--text);font-size:15px}.site-header{z-index:50;background:var(--surface);box-shadow:0 1px 0 var(--line);position:sticky;top:0}.site-header .wrap{align-items:center;gap:24px;min-height:76px;display:flex;position:relative}.main-nav{align-items:center;gap:4px;margin-left:auto;display:flex}.main-nav>a,.nav-drop>button{white-space:nowrap;cursor:pointer;border-radius:var(--radius);color:var(--ink);background:0 0;border:0;align-items:center;gap:6px;padding:10px 14px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.main-nav>a:hover,.nav-drop>button:hover,.main-nav>a.active,.nav-drop>button.active{color:var(--brand);text-decoration:none}.nav-drop{position:relative}.nav-drop svg{width:12px;height:12px}.mega{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);z-index:60;grid-auto-columns:210px;grid-auto-flow:column;gap:24px;padding:22px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.mega:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.mega h4{text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin:0 0 8px;font-size:13px}.mega a{color:var(--ink);padding:5px 0;font-size:14px;text-decoration:none;display:block}.mega a:hover,.mega a[aria-current=page]{color:var(--brand);text-decoration:none}.nav-tools{align-items:center;gap:6px;margin-left:8px;display:inline-flex}.nav-icon{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);border-radius:var(--radius);cursor:pointer;place-items:center;display:grid}.nav-icon:hover{border-color:var(--brand);color:var(--brand)}.topbar .streak-pill{height:auto;color:var(--on-deep);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.topbar .streak-pill span{color:#f2c14e}.main-nav>a.nav-cta{background:var(--brand);color:var(--on-brand);min-height:38px;margin-left:12px;padding:0 18px}.main-nav>a.nav-cta:hover{background:var(--brand-strong);color:var(--on-brand)}.menu-toggle{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;width:44px;height:44px;margin-left:auto;display:none}.menu-toggle span{background:var(--ink);width:18px;height:2px;margin:4px auto;display:block}.skip-link{border-radius:var(--radius)}.site-footer{background:var(--deep);color:var(--on-deep-muted);font-size:14px}.site-footer .cols{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-block:64px 40px;display:grid}.site-footer h4{color:var(--on-deep);margin:0 0 14px;font-size:16px}.site-footer p{margin:0;line-height:1.6}.site-footer a{color:var(--on-deep-muted);padding:3px 0;text-decoration:none;display:block}.site-footer a:hover{color:var(--brand-on-deep);text-decoration:none}.site-footer .bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:20px;display:flex}.site-footer .bottom a{color:var(--on-deep);display:inline}.credits{flex:320px}.credits summary{cursor:pointer;color:var(--on-deep)}.credits ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 24px;margin:12px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.credits li a{color:var(--on-deep-muted)!important}.foot-brand{align-items:center;gap:10px;font-weight:800;display:flex;font-size:20px!important}.foot-brand .nut{background:#fff;border-radius:50%;padding:2px}.foot-brand .logo-word{color:var(--on-deep);font-size:20px}.foot-brand .logo-word .m,.foot-brand .logo-word .x{color:var(--brand-on-deep)}.section{padding-block:84px}.section.soft{background:var(--bg-soft)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.section-head h2{margin:6px 0 0;font-size:clamp(26px,3vw,36px);font-weight:700}.section-head p{color:var(--muted);max-width:56ch;margin:10px 0 0}.mx-hero{background:var(--bg-soft);position:relative;overflow:hidden}.mx-hero:before{content:"";background-image:radial-gradient(var(--brand) 1.6px, transparent 1.8px);opacity:.25;pointer-events:none;background-size:16px 16px;width:220px;height:160px;position:absolute;bottom:24px;left:3%}.mx-hero:after{content:"";border:60px solid var(--brand);opacity:.07;pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute;top:-140px;right:-120px}.mx-hero>.wrap{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding-block:72px 64px;display:grid;position:relative}.mx-hero h1{letter-spacing:-.01em;margin:12px 0 16px;font-size:clamp(32px,4.4vw,52px);font-weight:700}.mx-hero h1 em{color:var(--brand);font-style:normal}.mx-hero .lead{color:var(--muted);max-width:52ch;margin:0;font-size:17px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.mx-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.mx-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mx-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);flex-direction:column;text-decoration:none;transition:box-shadow .25s,transform .25s;display:flex;overflow:hidden}.mx-card:hover{box-shadow:var(--shadow);text-decoration:none;transform:translateY(-3px)}.mx-card-img{aspect-ratio:16/10;background:var(--bg-soft);place-items:center;display:grid;overflow:hidden}.mx-card-img>svg,.mx-card-img>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.mx-card:hover .mx-card-img>svg,.mx-card:hover .mx-card-img>img{transform:scale(1.04)}.mx-card-body{flex-direction:column;flex:1;gap:10px;padding:20px 20px 22px;display:flex}.mx-card-body h3{margin:0;font-size:18px;font-weight:600}.mx-card-meta{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.mx-card-meta:before{content:"";background:var(--brand);flex:none;width:8px;height:8px;transform:rotate(45deg)}.mx-card-body p{color:var(--muted);margin:0;font-size:14px}.steps{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.step{border-top:3px solid var(--line);padding:24px 22px 22px}.step:before{counter-increment:step;content:counter(step);background:var(--brand-soft);width:36px;height:36px;color:var(--brand);border-radius:50%;place-items:center;margin-bottom:14px;font-weight:700;display:grid}.step:first-child{border-top-color:var(--brand)}.step h3{margin:0 0 6px;font-size:17px;font-weight:600}.step p{color:var(--muted);margin:0;font-size:14px}.band{background:var(--deep);color:var(--on-deep)}.band .eyebrow{color:var(--brand-on-deep)}.band .btn-primary{background:var(--brand-on-deep);color:var(--deep)}.band .btn-primary:hover{background:var(--on-deep);color:var(--deep)}.band>.wrap{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding-block:80px;display:grid}.band h2{color:var(--on-deep);margin:8px 0 14px;font-size:clamp(26px,3vw,34px)}.band p{color:var(--on-deep-muted)}.feature-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{border-bottom:1px solid #ffffff1f;justify-content:space-between;gap:16px;padding:14px 0;display:flex}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:fit-content;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip-ready{background:var(--good-soft);color:var(--good)}.chip-soon{background:var(--warn-soft);color:var(--warn)}.chip-brand{background:var(--brand-soft);color:var(--brand)}.chip-line{border:1px solid var(--line);color:var(--muted)}.mx-about{grid-template-columns:1fr 1fr;gap:56px;display:grid}.principles{gap:18px;display:grid}.principles>div{border-left:2px solid var(--brand);padding-left:18px}.principles h3{margin:0 0 4px;font-size:16px;font-weight:600}.principles p{color:var(--muted);margin:0;font-size:14px}.mx-page-head{background:var(--bg-soft);border-bottom:1px solid var(--line)}.mx-page-head>.wrap{padding-block:18px 40px}.mx-page-head h1{margin:10px 0;font-size:clamp(28px,3.6vw,40px)}.mx-page-head .lead{color:var(--muted);max-width:66ch;margin:0;font-size:17px}.crumbs{color:var(--muted);font-size:13px}.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{color:var(--brand)}.mx-shell .page{padding:40px var(--gutter-r) 88px var(--gutter-l);gap:36px}.mx-shell .page-tool{gap:18px;padding-top:28px;padding-bottom:56px}.mx-shell .page-title{justify-items:start;gap:0;display:grid}.mx-shell .page-title>*{max-width:100%}.mx-shell .page-title h1{letter-spacing:-.01em;margin:10px 0 12px;font-size:clamp(30px,4vw,44px);font-weight:700}.mx-shell .page-title>p:not(.eyebrow),.mx-shell .page-title .lead{color:var(--muted);max-width:66ch;margin:0;font-size:17px}.mx-shell .page-tool .page-title h1{margin:8px 0;font-size:clamp(26px,3vw,34px)}.mx-shell .page-tool .page-title>p:not(.eyebrow){font-size:15px}.mx-shell .crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.mx-shell .crumbs svg{color:var(--muted);opacity:.7}.mx-shell .panel{border-color:var(--line);box-shadow:none}.mx-shell .v2-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-size:13px;font-weight:600}.mx-shell .eng{--eng:var(--brand);--eng-soft:var(--brand-soft);--k-devre:var(--brand);--mono:var(--font-sans,"Poppins"), system-ui, sans-serif;font-variant-numeric:tabular-nums}.mx-shell .eng .eyebrow{color:var(--brand)}.mx-shell .eng-hero h1,.mx-shell .eng-lv-head h1,.mx-shell .rb-hero h1,.mx-shell .eng-part-head h1{font-size:clamp(30px,4vw,44px);font-weight:700}.mx-shell .eng-hero .lead,.mx-shell .eng-lv-head .lead,.mx-shell .rb-hero .lead{color:var(--muted);font-size:17px}.mx-shell .eng-level{box-shadow:none;border-color:var(--line)}.mx-shell .eng-level:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.mx-shell .eng-level-n{background:var(--brand-soft);color:var(--brand);border:0;border-radius:50%;font-weight:700}.mx-shell .eng-path:before{background:var(--line)}.mx-shell .rb-code-big{color:var(--brand);font-weight:800}.mx-shell .rb-sim{--sim-a:#7a4426;box-shadow:none;border-color:var(--line)}.mx-shell .eng-chip{background:var(--surface);border-color:var(--line);border-radius:999px}.mx-shell .sc-hero{background:var(--bg-soft);border-radius:var(--radius);padding:56px 48px;position:relative;overflow:hidden}.mx-shell .sc-hero:after{content:"";border:50px solid var(--brand);opacity:.07;pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute;top:-140px;right:-120px}.mx-shell .sc-hero h1{font-size:clamp(32px,4.4vw,48px);font-weight:700}.mx-shell .sc-card{border-radius:var(--radius);border-color:var(--line);box-shadow:none}.mx-shell .gz-hero-art{border-radius:var(--radius)}.mx-shell .gz-hero h1{font-size:clamp(32px,4.4vw,48px);font-weight:700}.mx-shell .pr-hero{text-align:left;justify-items:start}.mx-shell .pr-hero h1{font-size:clamp(32px,4.4vw,48px);font-weight:700}.mx-shell .pr-hero p{color:var(--muted);font-size:17px}.mx-shell .ob{z-index:auto;background:var(--bg-soft);min-height:min(760px,100dvh - 116px);position:static;inset:auto}.mx-shell .ob-body{overflow:visible}.mx-shell .au-field input,.mx-shell .au-field select{border-radius:var(--radius);border-width:1px;border-color:var(--line);min-height:46px}.mx-shell .au-field input:focus,.mx-shell .au-field select:focus{border-color:var(--brand)}.mx-shell .ob-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.mx-shell .ob-card.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.mx-shell .part-card{border-top:3px solid var(--brand);box-shadow:none;border-color:var(--line)}.mx-shell .mcard{box-shadow:none;border-color:var(--line);border-top-width:3px}.mx-shell .v2-progress{background:var(--line);border-radius:3px;height:6px}.mx-shell .v2-progress>div{background:var(--brand);border-radius:3px}.mx-shell .page-tool{max-width:1240px}.mx-shell .og-head h1{font-size:clamp(28px,3.4vw,38px);font-weight:700}.kc-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.kc-card{border-color:var(--line);border-radius:var(--radius);box-shadow:none;transition:box-shadow .25s,transform .25s}.kc-card:hover{box-shadow:var(--shadow)}.kc-art{aspect-ratio:16/10}.kc-body{gap:10px;padding:20px 20px 22px}.kc-body b{font-size:18px;font-weight:600}.kc-meta{color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:400;display:flex}.kc-text{font-size:14px}.kc-meta:before{content:"";background:var(--brand);flex:none;width:8px;height:8px;transform:rotate(45deg)}@media (max-width:1320px){.main-nav>a,.nav-drop>button{padding:10px 9px;font-size:14px}.site-header .wrap{gap:16px}}@media (max-width:1180px){.mx-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer .cols{grid-template-columns:1fr 1fr}}@media (max-width:1100px){.menu-toggle{display:block}.main-nav{background:var(--surface);padding:12px var(--gutter-r) 20px var(--gutter-l);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 120px);display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.main-nav.open{display:flex}.main-nav>a,.nav-drop>button{justify-content:space-between;width:100%;padding:12px 4px}.mega{box-shadow:none;border:0;grid-auto-columns:auto;grid-auto-flow:row;gap:14px;padding:4px 0 12px 12px;position:static;transform:none}.nav-tools{margin:8px 0 0}.main-nav>a.nav-cta{justify-content:center;margin:12px 0 0}.topbar-text{display:none}.topbar .wrap{justify-content:flex-end}}@media (max-width:960px){.mx-hero>.wrap,.band>.wrap,.mx-about{grid-template-columns:1fr;gap:36px}.steps,.mx-cards,.mx-cards.three{grid-template-columns:1fr 1fr}}@media (max-width:600px){.tb-hide-sm{display:none}.logo-word{font-size:22px}.logo .nut{width:40px;height:40px}.section{padding-block:56px}.steps,.mx-cards,.mx-cards.three,.site-footer .cols{grid-template-columns:1fr}}