@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/unbounded-cyrillic-wght-normal.C627f1f8.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/unbounded-vietnamese-wght-normal.rat7GD3o.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/unbounded-latin-ext-wght-normal.D6H-S6MW.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/unbounded-latin-wght-normal.D5afBTBx.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/golos-text-cyrillic-ext-wght-normal.hICkpzq7.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/golos-text-cyrillic-wght-normal.mKek_fSS.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/golos-text-latin-ext-wght-normal.B-I5lbAQ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/golos-text-latin-wght-normal.BS5oQT7X.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/caveat-cyrillic-ext-wght-normal.DiMfzA-V.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/caveat-cyrillic-wght-normal.D5lnP6kL.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/caveat-latin-ext-wght-normal.Byk3UhVp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/caveat-latin-wght-normal.C1hSzPvX.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fff1e8;--surface:#fff;--surface-2:#ffe6d8;--soft:#ffdcc8;--text:#2b1420;--muted:#6b4a52;--line:#f6d8c8;--line-strong:#e9b9a2;--accent:#b52f12;--accent-fill:#d83a17;--accent-ink:#fff;--accent-soft:#ffc2a6;--hand:#7a2bd6;--doodle:#ffc9ae;--dash:#e58a66;--phink:#8a2a10;--tape:#d83a1742;--underline:#ff8a7a;--tab-accent:#ffd84a;--good:#1f7a4d;--good-soft:#dcf2e6;--bad:#b42318;--bad-soft:#fde4e1;--board:#2b1420;--board-line:#4d3440;--string:#a38c94;--note:#fff1e8;--note-ink:#1a0c13;--key-white:#fff;--key-black:#2b1420;--d1:#ffb224;--d2:#ff8f6b;--d3:#ff7ab2;--d4:#5fe0b5;--d5:#6ea8ff;--d6:#58d3f0;--d7:#b79bff;--shadow:3px 5px 0 #2b142024;--radius:24px;--font:"Golos Text Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-head:"Unbounded Variable", var(--font);--font-hand:"Caveat Variable", "Comic Sans MS", cursive;--font-mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}body{background:var(--bg);color:var(--text);font:18px/1.6 var(--font);margin:0;overflow-x:clip}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-fill)}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1.1}:focus-visible{outline:3px solid var(--hand);outline-offset:2px;border-radius:8px}.skip{background:var(--text);color:#fff;z-index:20;border-radius:22px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.page{position:relative}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}.hand{font-family:var(--font-hand);font-weight:700;line-height:1.1}.scrap{font-family:var(--font-hand);white-space:nowrap;font-weight:700;line-height:1.05;display:inline-block}.tilt-l{transform:rotate(-3deg)}.tilt-r{transform:rotate(2.5deg)}.pen{fill:none;stroke:var(--hand);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.pencil{fill:none;stroke:var(--muted);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:.5}.faint{pointer-events:none;fill:none;stroke:var(--doodle);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;position:absolute}.side{pointer-events:none;position:absolute}.sticky{box-shadow:var(--shadow);color:var(--text);padding:30px 24px 24px;position:relative}.sticky h3{font-family:var(--font-hand);letter-spacing:0;margin:0 0 6px;font-size:2rem;font-weight:700;line-height:1.05}.sticky p{margin:0;font-size:1rem;line-height:1.45}.n-yellow{background:#ffe873}.n-pink{background:#ffb8d9}.n-mint{background:#a8ebc9}.tape{background:var(--tape);width:96px;height:26px;margin-left:-48px;position:absolute;top:-13px;left:50%}.shot{box-shadow:var(--shadow);background:#fff;margin:0;padding:12px 12px 14px;position:relative}.shot figcaption{font-family:var(--font-hand);text-align:center;color:var(--text);margin-top:8px;font-size:1.6rem;font-weight:700;line-height:1.1}.ph{text-align:center;background:var(--soft);border:3px dashed var(--dash);color:var(--phink);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:1rem;font-weight:600;line-height:1.3;display:flex}.ph svg{fill:none;width:40px;stroke:var(--phink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.hl{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 22%,#ffd84ad9 22% 90%,#0000 90%);border-radius:6px 14px 8px 12px/12px 6px 14px 8px;padding:0 12px}.flag{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:34px}@media (width<=1239px){.side{display:none}}.site-header{position:relative}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;max-width:1200px;margin:0 auto;padding:16px 24px 8px;display:flex}.brandbox{flex-direction:column;align-items:flex-start;display:flex}.brand{min-height:44px;font-family:var(--font-head);color:var(--text);align-items:center;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.made{transform-origin:0;align-items:center;gap:8px;margin:2px 0 0;display:inline-flex;transform:rotate(-2deg)}.made .scrap{color:var(--hand);font-size:1.45rem}.site-header nav{flex-wrap:wrap;align-items:center;gap:4px 28px;display:flex}.site-header nav a{min-height:44px;color:var(--text);border-bottom:3px solid #0000;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.site-header nav a:hover{border-bottom-color:var(--accent-soft)}.site-header nav a[aria-current=page]{border-bottom-color:var(--accent-fill)}.site-header nav a.lang{background:var(--surface);border:0;border-radius:22px;padding:0 18px}.site-header nav a.lang:hover{background:var(--accent-soft)}main{display:block}.site-footer{background:var(--text);color:#fff;border-radius:40px 40px 0 0;margin-top:72px;position:relative}.site-footer .wrap{padding-top:48px;padding-bottom:28px}.ft-cols{flex-wrap:wrap;align-items:flex-start;gap:36px 48px;display:flex}.ft-about{flex:2 240px;min-width:0}.ft-brand{font-family:var(--font-head);margin:0 0 10px;font-size:1.25rem;font-weight:800}.ft-about p{color:#fffc;max-width:30em;margin:0 0 16px;font-size:1rem}.ft-about .made{margin:0}.ft-about .made .scrap{color:var(--tab-accent);font-size:1.6rem}.ft-col{flex:130px;min-width:0}.ft-h{font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;color:var(--tab-accent);margin:0 0 10px;font-size:.8rem;font-weight:500}.ft-col>a{color:#fff;align-items:center;min-height:44px;font-weight:600;text-decoration:none;display:flex}.ft-col>a:hover{color:var(--tab-accent)}.ft-support{display:contents}.ft-support>section{flex-direction:column;flex:200px;gap:14px;min-width:0;display:flex}.ft-support .ft-h{align-items:center;gap:10px;margin-bottom:0;display:flex}.ft-note{color:#ffffffbf;max-width:26em;margin:0;font-size:.9rem}.ft-funds{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.ft-fund{align-items:flex-start;gap:16px;display:flex}.ft-fund-logo{background:#fff;border-radius:20px;flex:0 0 132px;justify-content:center;align-items:center;height:88px;padding:10px;transition:transform .15s,box-shadow .15s;display:flex}.ft-fund-logo:hover{box-shadow:0 6px 0 var(--tab-accent);transform:translateY(-2px)}.ft-fund-logo img{width:auto;max-width:100%;height:100%;display:block}.ft-fund-wide{padding:6px}.ft-fund-text{flex-direction:column;flex:1 1 0;align-items:flex-start;gap:6px;min-width:0;display:flex}.ft-fund-text .ft-note{max-width:34em;font-size:.85rem}.ft-fund-more{color:#fff;font-size:.85rem;font-weight:600}.ft-fund-more:hover{color:var(--tab-accent)}@media (width<=480px){.ft-fund-logo{border-radius:16px;flex-basis:96px;height:68px;padding:8px}.ft-fund-wide{padding:4px}}.ft-creator-body{flex-wrap:wrap;align-items:center;gap:16px 20px;display:flex}.ft-qr{background:#fff;border-radius:20px;flex:none;padding:6px;line-height:0;display:block}.ft-qr img{border-radius:14px;width:132px;height:132px;display:block}.ft-creator-text{flex-direction:column;flex:150px;align-items:flex-start;gap:12px;min-width:0;display:flex}.ft-btn{background:var(--accent-fill);color:#fff;min-height:48px;font-family:var(--font-head);border-radius:24px;align-items:center;gap:10px;padding:0 22px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.ft-btn svg{flex:none}.ft-btn:hover{color:#fff;filter:brightness(1.08)}.ft-bottom{color:#fffc;border-top:2px solid #ffffff29;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 32px;margin-top:36px;padding-top:18px;font-size:.85rem;display:flex}.ft-bottom p{margin:0}.ft-bottom a{color:#fff}.ft-bottom a:hover{color:var(--tab-accent)}.ft-about .ft-small{color:#ffffffa6;margin:0 0 10px;font-size:.85rem}.ft-support>.ft-defence{flex:3 360px}.cta{background:var(--accent-fill);color:#fff;min-height:60px;font-family:var(--font-head);border-radius:30px;align-items:center;padding:0 30px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.cta:hover{color:#fff;filter:brightness(1.08)}.cta.ghost{background:var(--surface);color:var(--text);font-weight:500}.cta.ghost:hover{background:var(--accent-soft);color:var(--text);filter:none}.hero{flex-wrap:wrap;align-items:center;gap:48px 56px;padding-top:32px;padding-bottom:56px;display:flex}.hero-copy{flex:999 500px;min-width:0}.hero h1{letter-spacing:-.025em;margin:0;font-size:clamp(2.6rem,6.2vw,5.4rem);line-height:1.03}.underline{fill:none;width:min(100%,440px);height:22px;stroke:var(--underline);stroke-width:6px;stroke-linecap:round;margin:6px 0 10px;display:block}.kicker{color:var(--hand);transform-origin:0;margin:0 0 22px;font-size:2.1rem;transform:rotate(-2deg)}.hero .lede{max-width:32em;margin:0 0 10px;font-size:1.35rem;line-height:1.45}.hero .sub{max-width:34em;color:var(--muted);margin:0 0 30px}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.hero-actions .hand{color:var(--accent-fill);font-size:1.75rem;transform:rotate(-3deg)}.scraps{flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:40px;display:flex}.hero-wheel{flex:380px;min-width:0;max-width:460px;margin:0 auto;position:relative}.try{align-items:flex-end;gap:8px;margin-bottom:6px;display:flex}.try .hand{color:var(--hand);font-size:2rem;transform:rotate(-4deg)}.try svg{fill:none;width:62px;stroke:var(--hand);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.how{padding-top:8px;padding-bottom:72px;position:relative}.how-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 32px;margin:0 0 26px;display:flex}.how-head h2{font-family:var(--font-hand);letter-spacing:0;margin:0;font-size:2.9rem;font-weight:700}.how-row{flex-wrap:wrap;align-items:flex-start;gap:36px 28px;display:flex;position:relative}.how-row>.sticky,.how-row>.shot{flex:220px}.how-row>.shot{flex-basis:240px}.thread{pointer-events:none;fill:none;width:calc(100% + 100px);height:100%;stroke:var(--accent-fill);stroke-width:2.5px;stroke-linecap:round;position:absolute;top:0;left:-50px}@media (width<=1100px){.thread{display:none}}.contents{background:var(--surface);border-radius:40px 40px 0 0;position:relative}.contents-grid{flex-wrap:wrap;align-items:flex-start;gap:40px 56px;padding-top:56px;padding-bottom:48px;display:flex}.contents-main{flex:999 560px;min-width:0}.contents h2{margin:0 0 20px;font-size:2.1rem}.modules{margin:0;padding:0;list-style:none}.module+.module{margin-top:6px}.module h3{min-height:64px;font-family:var(--font);letter-spacing:0;align-items:center;gap:16px;margin:0;font-size:1.25rem;font-weight:600;line-height:1.25;display:flex}.mdot{width:46px;height:46px;font-family:var(--font-head);color:var(--text);background:var(--mod,var(--soft));border-radius:50%;flex:0 0 46px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}.mtitle{flex:auto;min-width:0}.mtitle .hand{color:var(--hand);white-space:nowrap;margin-left:8px;font-size:1.6rem}.mcount{color:var(--muted);flex:none;font-size:1rem;font-weight:400}.module ul{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0 20px;margin:0 0 8px;padding:0 0 0 62px;list-style:none;display:grid}.module li a{min-height:44px;color:var(--text);border-radius:14px;align-items:center;gap:10px;margin:0 -12px;padding:6px 12px;line-height:1.35;text-decoration:none;display:flex}.module li a:hover{background:var(--bg);color:var(--text)}.lnum{color:var(--muted);font-family:var(--font-head);min-width:2.6em;font-size:.72em;font-weight:500;display:inline-block}@media (width<=640px){.module ul{padding-left:0}.mcount{display:none}}.contents-side{flex-direction:column;flex:260px;gap:36px;min-width:0;padding-top:24px;display:flex}.contents-side .scraps{flex-direction:column;gap:10px;margin:0}.bonjovi{writing-mode:vertical-rl;color:#111;border:3px solid #111;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:12px 2px 12px 4px;font-size:2rem;top:300px;right:8px;transform:rotate(177deg)}.excerpt{padding-top:16px;padding-bottom:24px}.excerpt-say{color:#111;transform-origin:0;margin:0 0 8px 40px;font-size:2.25rem;font-weight:400;transform:rotate(-1deg)}.excerpt-box{background:var(--bg);border-radius:32px;flex-wrap:wrap;align-items:center;gap:28px 48px;padding:34px 38px;display:flex;position:relative}.excerpt-text{flex:999 420px;min-width:0}.excerpt-text .label{color:var(--muted);margin:0 0 6px;font-size:1rem}.excerpt-text h2{margin:0 0 14px;font-size:2rem}.excerpt-text h3{font-family:var(--font);letter-spacing:0;margin:0 0 4px;font-size:1.3rem;font-weight:600}.excerpt-text p{max-width:36em;margin:0 0 14px}.excerpt-text .more{font-weight:600}.tabcard{background:var(--text);color:#fff;border-radius:24px;flex:220px;padding:24px 26px}.tabcard .label{font-family:var(--font-head);color:var(--tab-accent);margin:0 0 10px;font-size:.85rem;font-weight:500}.tabcard pre{font-family:var(--font-mono);margin:0 0 8px;font-size:1.35rem;line-height:1.4}.tabcard .hand{color:var(--tab-accent);margin:0;font-size:1.6rem}.excerpt-box .shot{flex:200px;max-width:280px;transform:rotate(-2deg)}.crop{aspect-ratio:3/4;background:#000;position:relative;overflow:hidden}.crop img{width:257%;max-width:none;height:auto;position:absolute;top:-57.5%;left:-87.4%}.lesson-layout{flex-wrap:wrap;align-items:flex-start;gap:28px;padding-top:8px;display:flex}.sidebar{flex:260px;min-width:0;max-width:100%}.lesson{background:var(--surface);border-radius:32px;flex:999 560px;min-width:0;padding:36px 40px 44px}.lesson.tools{flex-basis:100%}@media (width<=640px){.lesson{border-radius:24px;padding:28px 20px 32px}}.toc{background:var(--surface);border-radius:28px;padding:14px 18px 18px}.toc>summary{cursor:pointer;min-height:44px;font-family:var(--font-head);align-items:center;font-size:1rem;font-weight:700;display:flex}.toc-group summary{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:.95rem;font-weight:600;line-height:1.25;list-style:none;display:flex}.toc-group summary::-webkit-details-marker{display:none}.tdot{width:30px;height:30px;font-family:var(--font-head);color:var(--text);background:var(--mod,var(--soft));border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.toc ul{margin:0 0 6px;padding:0 0 0 42px;list-style:none}.toc li a{min-height:44px;color:var(--text);border-radius:14px;align-items:center;gap:8px;padding:4px 12px;font-size:.92rem;line-height:1.3;text-decoration:none;display:flex}.toc li a:hover{background:var(--bg);color:var(--text)}.toc li a[aria-current=page]{background:var(--accent-fill);color:#fff}.toc li a .lnum{min-width:2.2em}.toc li a[aria-current=page] .lnum{color:#fff}.buddy{flex-direction:column;align-items:center;gap:4px;margin-top:40px;display:flex}.buddy svg{width:104px;transform:rotate(-4deg)}.buddy .scrap{color:var(--hand);font-size:1.6rem;transform:rotate(-3deg)}@media (width<=900px){.buddy{display:none}}@media (width>=900px){.toc>summary{display:none}}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 14px;font-size:.85rem;display:flex}.crumbs>span{align-items:center;gap:10px;display:inline-flex}.lesson>h1{letter-spacing:-.025em;margin:0;font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.08}.lesson .underline{width:min(100%,360px);height:20px;margin:6px 0 18px}.lesson .lede{margin:0 0 24px;font-size:1.3rem;line-height:1.45}.lesson-nav{flex-wrap:wrap;gap:8px;margin:0 0 32px;display:flex}.lesson-nav a{background:var(--bg);min-height:44px;color:var(--text);border-radius:22px;align-items:center;gap:8px;padding:0 16px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.lesson-nav a:hover{background:var(--accent-soft);color:var(--text)}.nav-num{font-family:var(--font-head);color:var(--accent);font-size:.7rem;font-weight:700}.prose{counter-reset:sec}.prose h2{align-items:center;gap:14px;margin:2.6em 0 .7em;font-size:1.65rem;line-height:1.15;display:flex}.prose h2:before{counter-increment:sec;content:counter(sec, decimal-leading-zero);background:var(--mod,var(--soft));letter-spacing:0;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:700;display:inline-flex}.prose h3{font-family:var(--font);letter-spacing:0;margin:1.8em 0 .4em;font-size:1.25rem;font-weight:600}.prose p,.prose ul,.prose ol{margin:0 0 1em}.prose li{margin-bottom:.4em}.prose li>ul,.prose li>ol{margin-top:.35em}.prose strong{font-weight:600}.prose code{font-family:var(--font-mono);background:var(--bg);border-radius:6px;padding:.1em .4em;font-size:.88em}.prose pre{background:var(--text);color:#fff;border-radius:24px;padding:20px 24px;font-size:.9rem;line-height:1.45;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose blockquote{box-shadow:var(--shadow);background:#ffe873;margin:1.8em 0;padding:30px 24px 22px;position:relative;transform:rotate(-.6deg)}.prose blockquote:before{content:"";background:var(--tape);width:96px;height:26px;margin-left:-48px;position:absolute;top:-13px;left:50%}.prose blockquote p:last-child{margin-bottom:0}.prose blockquote p:first-child>strong:first-child{font-family:var(--font-hand);margin-bottom:.25em;font-size:1.9rem;font-weight:700;line-height:1.1;display:block}.prose table{border-collapse:separate;border-spacing:0;border:2px solid var(--soft);border-radius:20px;width:100%;margin:0 0 1.4em;font-size:.93rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;vertical-align:top;padding:10px 14px}.prose td{border-top:2px solid var(--soft)}.prose th{background:var(--bg);font-family:var(--font-head);white-space:nowrap;font-size:.78rem;font-weight:500}.prose hr{border:0;border-top:2px dashed var(--line-strong);margin:2em 0}.pager{flex-wrap:wrap;gap:14px;margin-top:56px;display:flex}.pager>*{flex:260px}.pager a{background:var(--bg);min-height:60px;color:var(--text);border-radius:24px;flex-direction:column;gap:4px;padding:18px 24px;text-decoration:none;display:flex}.pager a:hover{background:var(--accent-soft);color:var(--text)}.pager a.next{text-align:right}.pager small{font-family:var(--font-head);color:var(--accent);font-size:.8rem;font-weight:500}.pager span{font-size:1.1rem;font-weight:600;line-height:1.3}.notfound{padding:48px 0}.widget{background:var(--bg);border-radius:28px;margin:1.4em 0 1.8em;padding:22px 22px 20px;display:block}.w-controls{flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin-bottom:14px;display:flex}.w-field{color:var(--muted);flex-direction:column;gap:4px;min-width:0;font-size:.85rem;font-weight:600;display:flex}.w-label{font-weight:600}.w-check{align-items:center;gap:8px;min-height:44px;font-size:.92rem;display:inline-flex}.widget select,.widget input[type=text]{font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--soft);border-radius:22px;max-width:100%;height:44px;padding:0 14px;font-size:.95rem}.widget select{font-family:var(--font-head);font-size:.85rem;font-weight:700}.widget input[type=text]{min-width:220px;font-family:var(--font-mono)}.widget input[type=range]{accent-color:var(--accent-fill);width:170px;max-width:100%;height:44px}.widget input[type=checkbox]{accent-color:var(--accent-fill);width:18px;height:18px}.w-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.w-btn{font-family:var(--font-head);background:var(--surface);min-height:48px;color:var(--text);cursor:pointer;border:0;border-radius:24px;padding:0 22px;font-size:.8rem;font-weight:700}.w-btn:hover{background:var(--accent-soft)}.w-btn.w-primary{background:var(--accent-fill);color:var(--accent-ink)}.w-btn.w-primary:hover{filter:brightness(1.08)}.w-btn.is-active{background:var(--text);color:#fff}.w-info{margin:10px 0 4px;font-size:1rem}.w-mono{font-family:var(--font-mono);font-size:.9em}.w-dim{color:var(--muted)}.w-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.w-instruments{gap:12px;display:grid}.w-chips{flex-wrap:wrap;gap:6px;display:flex}.w-chip{font-family:var(--font-head);border:2px solid var(--soft);background:var(--surface);min-width:48px;min-height:44px;color:var(--text);cursor:pointer;border-radius:22px;padding:4px 14px;font-size:.8rem;font-weight:700}.w-chip small{color:var(--muted);font-weight:500}.w-chip:hover:not(:disabled){border-color:var(--accent-soft);background:var(--surface-2)}.w-chip:disabled{opacity:.55;cursor:default}.w-chip.is-active{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}.w-chip.is-active small{color:#fff}.w-chip.is-right{background:var(--good-soft);border-color:var(--good);color:var(--good);opacity:1}.w-chip.is-wrong{background:var(--bad-soft);border-color:var(--bad);color:var(--bad);opacity:1;border-style:dashed}.w-answers{margin:8px 0}.w-prompt{margin:0 0 12px;font-size:1.2rem;font-weight:600}.w-feedback{min-height:1.6em;color:var(--muted);margin:8px 0;font-size:.95rem}.w-feedback.is-right{color:var(--good);font-weight:600}.w-feedback.is-wrong{color:var(--bad);font-weight:600}.w-score{color:var(--muted);font-size:.85rem}.w-error{color:var(--bad);margin:6px 0 0;font-size:.92rem}[hidden]{display:none!important}.d1{--deg:var(--d1)}.d2{--deg:var(--d2)}.d3{--deg:var(--d3)}.d4{--deg:var(--d4)}.d5{--deg:var(--d5)}.d6{--deg:var(--d6)}.d7{--deg:var(--d7)}fret-board,piano-keys{display:block}.fb{border-radius:16px;width:100%;min-width:620px;height:auto;display:block}.fb-wood{fill:var(--board)}.fb-inlay{fill:var(--string);opacity:.35}.fb-fret{stroke:var(--board-line);stroke-width:1.5px}.fb-nut{stroke:var(--note);stroke-width:4px}.fb-string{stroke:var(--string)}.fb-num{font:10px var(--font-mono);fill:var(--muted);text-anchor:middle}.fb-hit{fill:#0000}.fb-pos{cursor:pointer;outline:none}.fb-dot{fill:var(--deg,var(--note))}.fb-lab{font:600 10px var(--font-mono);fill:var(--note-ink);text-anchor:middle;pointer-events:none}.fb-open{font:10px var(--font-mono);fill:var(--muted);text-anchor:middle}.fb-pos:hover .fb-hit{fill:var(--note);opacity:.14}.fb-pos:focus-visible .fb-dot{stroke:#fff;stroke-width:3px}.fb-pos:focus-visible .fb-hit{fill:var(--note);opacity:.2}.fb-pos.is-sounding .fb-dot{fill:#fff}.fb-pos.is-sounding .fb-hit{fill:#fff;opacity:.3}.pk{width:100%;min-width:300px;max-width:460px;height:auto;display:block}.pk-key{cursor:pointer;outline:none}.pk-white .pk-rect{fill:var(--key-white);stroke:var(--line-strong);stroke-width:1px}.pk-black .pk-rect{fill:var(--key-black);stroke:var(--key-black)}.pk-key:hover .pk-rect{filter:brightness(.94)}.pk-black:hover .pk-rect{filter:brightness(1.8)}.pk-dot{fill:var(--deg,var(--text));stroke:var(--text);stroke-width:1.5px}.pk-lab{font:600 10px var(--font-mono);fill:var(--note-ink);text-anchor:middle;pointer-events:none}.pk-lab-s{font-size:8.5px}.pk-c{font:9px var(--font-mono);fill:var(--muted);text-anchor:middle}.pk-key.is-sounding .pk-rect{fill:var(--accent-soft)}.pk-key:focus-visible .pk-rect{stroke:var(--hand);stroke-width:3px}.cof-wrap{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;gap:20px;display:grid}.cof{width:100%;max-width:340px;height:auto;margin:0 auto;display:block}.cof-seg{cursor:pointer;outline:none}.cof-outer{fill:var(--surface);stroke:var(--bg);stroke-width:3px}.cof-inner{fill:var(--soft);stroke:var(--bg);stroke-width:2px}.cof-maj{font:700 16px var(--font-head);fill:var(--text);text-anchor:middle;pointer-events:none}.cof-min{font:600 11px var(--font);fill:var(--muted);text-anchor:middle;pointer-events:none}.cof-seg:hover .cof-outer,.cof-seg:focus-visible .cof-outer{fill:var(--accent-soft)}.cof-seg:focus-visible .cof-outer{stroke:var(--hand)}.cof-seg.is-active .cof-outer{fill:var(--accent-fill)}.cof-seg.is-active .cof-maj{fill:#fff}.cof-seg.is-active .cof-inner{fill:var(--accent-soft)}.cof-panel h4{margin:0 0 8px;font-size:1.5rem}.cof-panel dl{gap:2px;margin:0;display:grid}.cof-panel dt{color:var(--muted);margin-top:10px;font-size:.85rem;font-weight:600}.cof-panel dd{margin:0}key-wheel.widget{background:0 0;border-radius:0;margin:0;padding:0}.kw-disc{aspect-ratio:1;background:var(--soft);border-radius:50%;width:100%;position:relative}.kw-key{aspect-ratio:1;border:3px solid var(--surface);background:var(--surface);color:var(--text);font-family:var(--font-head);cursor:pointer;border-radius:50%;padding:0;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.kw-key.is-outer{width:13%;font-size:clamp(11px,1.3vw,15px)}.kw-key.is-inner{width:11.5%;font-size:clamp(9px,1vw,12px)}.kw-key:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kw-key:hover{border-color:var(--accent-soft)}.kw-key.is-near{background:var(--accent-soft);border-color:var(--accent-fill)}.kw-key[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}.kw-center{background:var(--surface);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:32%;height:32%;display:flex;position:absolute;top:34%;left:34%}.kw-center b{font-family:var(--font-head);color:var(--accent-fill);font-size:clamp(22px,3.4vw,38px);font-weight:800;line-height:1}.kw-center span{color:var(--muted);font-size:.85rem}.kw-note{font-family:var(--font-hand);margin:14px 0 10px;font-size:1.7rem;font-weight:700;line-height:1.1}.kw-chips{flex-wrap:wrap;gap:8px;display:flex}.kw-chip{background:var(--surface);min-height:64px;color:var(--text);cursor:pointer;font:inherit;border:0;border-radius:18px;flex-direction:column;flex:70px;align-items:center;padding:10px 14px;display:flex}.kw-chip:hover{background:var(--surface-2)}.kw-chip b{font-family:var(--font-head);font-size:1.5rem;font-weight:800;line-height:1.2}.kw-chip span{color:var(--muted);font-size:.9rem}.tools key-wheel{max-width:460px}.pp-chords{flex-wrap:wrap;gap:8px;display:flex}.pp-chord{font:inherit;background:var(--surface);min-width:84px;min-height:72px;color:var(--text);cursor:pointer;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px 14px;display:flex}.pp-chord:hover{background:var(--surface-2)}.pp-num{color:var(--muted);font-size:.85rem}.pp-sym{font-family:var(--font-head);font-size:1.3rem;font-weight:800;line-height:1.2}.pp-chord.is-current{background:var(--accent-fill);color:#fff}.pp-chord.is-current .pp-num{color:#fff}.mn-dots{flex-wrap:wrap;gap:8px;display:flex}.mn-dot{background:var(--surface);width:44px;height:44px;color:var(--muted);font-family:var(--font-head);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:inline-grid}.mn-dot.is-current{background:var(--accent-fill);color:#fff}.bg-grid{gap:4px;min-width:560px;display:grid}.bg-row{grid-template-columns:74px repeat(var(--steps), minmax(24px, 1fr));align-items:center;gap:3px;display:grid}.bg-name{color:var(--muted);font-size:.8rem;font-weight:600}.bg-count{text-align:center;font-family:var(--font-mono);color:var(--muted);font-size:.7rem}.bg-count.is-beat{color:var(--text);font-weight:600}.bg-cell{border:2px solid var(--soft);background:var(--surface);cursor:pointer;border-radius:8px;height:32px;padding:0}.bg-cell.is-beat{border-color:var(--line-strong)}.bg-cell[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill)}.bg-cell.is-current{box-shadow:0 0 0 2px var(--text)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}