@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./eb-garamond-latin-500-normal-DehAIUv0.woff2) format("woff2"),url(./eb-garamond-latin-500-normal-DZU8xF9o.woff) format("woff")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./eb-garamond-latin-600-normal-DHwxsLHv.woff2) format("woff2"),url(./eb-garamond-latin-600-normal-xCe6GkOx.woff) format("woff")}:root{--bg: #fbf7f1;--panel: #ffffff;--panel-2: #f4eee3;--text: #16213a;--muted: #586178;--border: #e6dfd2;--accent: #c8442b;--accent-text: #ffffff;--accent-soft: #fde9e3;--ok: #1f8a7a;--ok-soft: #dff3ef;--warn: #9a4a06;--warn-soft: #fdf0e0;--added: #8f5f12;--added-soft: #fbf1da;--danger: #b42318;--nav-bg: #16213a;--nav-text: #f6efe2;--nav-muted: #b8c0d4;--shadow: 0 1px 2px rgba(22, 33, 58, .06), 0 8px 24px rgba(22, 33, 58, .08);--shadow-lg: 0 2px 4px rgba(22, 33, 58, .08), 0 18px 40px rgba(22, 33, 58, .16);--focus: #2f5d9e;--key-white: #ffffff;--key-stroke: #16213a;--key-black: #16213a;--root: #c8442b;--third: #1f8a7a;--fifth: #b7791f;--scale: #2f5d9e;--extra: #a23d73;--art-bg: #16213a;--art-bg2: #26365f;--art-coral: #ff7a5c;--art-cream: #f6efe2;--art-teal: #3cc2ab;--art-amber: #f2b441;--art-line: #3a4b78;--ease: cubic-bezier(.2, .8, .2, 1);--radius: 12px;--head: "EB Garamond", Garamond, "Cormorant Garamond", Georgia, serif;--body: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #0e1424;--panel: #161e33;--panel-2: #1e2842;--text: #f0ebe1;--muted: #a9b2c8;--border: #2b3656;--accent: #ff8a6e;--accent-text: #1a0f0b;--accent-soft: #3a2420;--ok: #4fd1b8;--ok-soft: #173a3a;--warn: #fbbf77;--warn-soft: #3a2a17;--added: #f2b441;--added-soft: #38300f;--danger: #f87171;--nav-bg: #0a0f1c;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 18px 40px rgba(0, 0, 0, .5);--focus: #93c5fd;--key-white: #f3f1ea;--key-stroke: #070a12;--key-black: #070a12;--root: #ff8a6e;--third: #4fd1b8;--fifth: #f2b441;--scale: #7fb0ff;--extra: #f08fbd;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0e1424;--panel: #161e33;--panel-2: #1e2842;--text: #f0ebe1;--muted: #a9b2c8;--border: #2b3656;--accent: #ff8a6e;--accent-text: #1a0f0b;--accent-soft: #3a2420;--ok: #4fd1b8;--ok-soft: #173a3a;--warn: #fbbf77;--warn-soft: #3a2a17;--added: #f2b441;--added-soft: #38300f;--danger: #f87171;--nav-bg: #0a0f1c;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 18px 40px rgba(0, 0, 0, .5);--focus: #93c5fd;--key-white: #f3f1ea;--key-stroke: #070a12;--key-black: #070a12;--root: #ff8a6e;--third: #4fd1b8;--fifth: #f2b441;--scale: #7fb0ff;--extra: #f08fbd;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-underline-offset:3px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}h1,h2,h3{font-family:var(--head);font-weight:600;letter-spacing:-.005em;line-height:1.15;margin:0}h1{font-size:clamp(2rem,3.2vw + 1rem,2.9rem);margin-bottom:.6rem}h2{font-size:1.85rem;margin:2rem 0 .8rem}h3{font-size:1.35rem;margin:1.4rem 0 .4rem}p{margin:0 0 1rem}.muted{color:var(--muted)}.small{font-size:.86rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ok-text{color:var(--ok)}.err-text{color:var(--danger)}.eyebrow{font:700 .72rem var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 .4rem}.meta{color:var(--muted);font-size:.93rem}.lead{font-size:1.08rem;color:var(--muted);max-width:62ch}.page{max-width:1180px;margin:0 auto;padding:1.8rem 1.25rem 2rem}.page.narrow{max-width:880px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes grow{0%{width:0}}@keyframes draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes tick{0%{transform:scale(.4)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes sheet{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.route-enter{animation:rise .35s var(--ease) both}.lesson{animation:rise .3s var(--ease) both}.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .55s var(--ease);transition-delay:calc(var(--i, 0) * 70ms)}.reveal.in{opacity:1;transform:none}.art-pop{transform-box:fill-box;transform-origin:center;animation:pop .5s var(--ease) both}.art-rise{transform-box:fill-box;transform-origin:bottom;animation:rise .6s var(--ease) both}.art-draw{stroke-dasharray:1;animation:draw 1.2s var(--ease) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:1.4rem;padding:.6rem 1.25rem;background:var(--nav-bg);color:var(--nav-text);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--nav-text);white-space:nowrap}.brand-mark{display:inline-flex;gap:2px;background:var(--art-coral);padding:5px 6px;border-radius:7px;transition:transform .3s var(--ease)}.brand:hover .brand-mark{transform:rotate(-6deg) scale(1.05)}.brand-mark i{display:block;width:4px;height:17px;background:#16213a;border-radius:1px}.brand-name{font:600 1.4rem var(--head)}.nav{display:flex;gap:.15rem;flex-wrap:wrap}.nav a{position:relative;padding:.45rem .8rem;border-radius:8px;text-decoration:none;color:var(--nav-muted);font-weight:500;font-size:.93rem;transition:color .2s,background .2s}.nav a:hover{color:var(--nav-text);background:#ffffff12}.nav a.active{color:var(--nav-text)}.nav a.active:after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:2px;height:2px;border-radius:2px;background:var(--art-coral)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}.search-btn,.pill-btn,.icon-only{display:inline-flex;align-items:center;gap:.5rem;height:36px;line-height:1;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--nav-text);padding:0 .8rem;border-radius:9px;font:500 .88rem var(--body);cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,transform .15s}.search-btn{min-width:200px}.search-btn kbd{margin-left:auto;display:inline-flex;align-items:center;height:22px;padding:0 .4rem;font:500 .72rem var(--body);color:var(--nav-muted);border:1px solid rgba(255,255,255,.22);border-radius:5px}.search-btn:hover,.pill-btn:hover,.icon-only:hover{background:#ffffff21;border-color:#ffffff4d}.search-btn:active,.pill-btn:active,.icon-only:active{transform:scale(.97)}.icon-only{width:36px;padding:0;justify-content:center}.settings{position:relative}.popover{position:absolute;right:0;top:44px;width:260px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.9rem;animation:sheet .18s var(--ease) both;z-index:60}.pop-label{font:700 .7rem var(--body);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:.2rem 0 .4rem}.pop-help{font-size:.83rem;color:var(--muted);margin:0 0 .5rem}.pop-actions{display:flex;gap:.5rem;margin-bottom:.6rem}.seg{display:flex;background:var(--panel-2);border-radius:9px;padding:3px;margin-bottom:.9rem}.seg button{flex:1;border:0;background:transparent;color:var(--text);font:500 .85rem var(--body);padding:.35rem 0;border-radius:7px;cursor:pointer;transition:background .2s}.seg button.on{background:var(--panel);box-shadow:0 1px 3px #00000026;font-weight:600}.link-danger{background:none;border:0;color:var(--danger);font:500 .85rem var(--body);cursor:pointer;padding:0;text-decoration:underline}.footer{padding:1.6rem 1.25rem 2.5rem;color:var(--muted);font-size:.85rem;border-top:1px solid var(--border);margin-top:2.5rem}.footer p{max-width:920px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--accent);color:var(--accent-text);border:1px solid var(--accent);padding:.6rem 1.15rem;border-radius:10px;font:600 .93rem var(--body);cursor:pointer;text-decoration:none;transition:transform .15s var(--ease),box-shadow .2s,background .2s,filter .2s}.btn:hover{filter:brightness(1.07);box-shadow:0 6px 16px #c8442b47;transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn.ghost{background:transparent;color:var(--accent);box-shadow:none}.btn.ghost:hover{background:var(--accent-soft);filter:none}.btn.sm{padding:.32rem .7rem;font-size:.84rem;border-radius:8px}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-group{display:inline-flex;gap:.3rem}.badge,.tag{display:inline-flex;align-items:center;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:.08rem .65rem;font:600 .76rem var(--body);color:var(--text);margin:0 .3rem .3rem 0}.badge.warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.badges{margin:.3rem 0 1.1rem}.source-mark{display:inline-flex;align-items:center;gap:.35rem;background:var(--added-soft);color:var(--added);border:1px solid color-mix(in srgb,var(--added) 45%,transparent);border-radius:999px;padding:.08rem .65rem;font:600 .76rem var(--body);margin:0 .3rem .3rem 0}.source-mark:before{content:"";width:7px;height:7px;background:var(--added)}.source-mark.small{font-size:.7rem;padding:0 .5rem}.status{font:700 .68rem var(--body);text-transform:uppercase;letter-spacing:.06em;padding:.12rem .6rem;border-radius:999px}.status.ok{background:var(--ok-soft);color:var(--ok)}.status.mid{background:var(--warn-soft);color:var(--warn)}.chip{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:.4rem .95rem;border-radius:999px;font:500 .9rem var(--body);cursor:pointer;transition:background .2s,border-color .2s}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem}.check-row{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600}.check-row input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.check-row.compact{font-size:.85rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.3rem;margin:1rem 0;box-shadow:var(--shadow)}.panel h2{margin-top:0;font-size:1.5rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}select,input[type=search],input[type=text],input[type=email],input[type=password],textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:.5rem .7rem;transition:border-color .2s,box-shadow .2s}select:focus,input:focus,textarea:focus{border-color:var(--accent)}textarea{width:100%;resize:vertical}.thumb{position:relative;aspect-ratio:16 / 9;background:var(--panel-2);overflow:hidden}.thumb.loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translate(-100%);animation:shimmer 1.3s infinite}.thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s var(--ease),transform .6s var(--ease)}.thumb.ok img{opacity:1}.thumb.error{background:linear-gradient(135deg,var(--art-bg),var(--art-bg2))}.thumb-play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#16213ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.85;transform:scale(.9);transition:transform .25s var(--ease),opacity .25s,background .25s}.thumb-play:after{content:"";position:absolute;left:18px;top:14px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}a:hover .thumb-play,.card:hover .thumb-play{transform:scale(1.08);opacity:1;background:var(--accent)}a:hover .thumb img{transform:scale(1.04)}.bar{height:7px;background:var(--panel-2);border-radius:999px;overflow:hidden}.bar.small{height:5px}.bar i{display:block;height:100%;background:var(--accent);border-radius:999px;animation:grow .9s var(--ease) both}.bar.full i{background:var(--ok)}.module-art{display:block;width:100%;height:auto;aspect-ratio:16 / 9}.continue{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:1.2rem}.continue-media{display:block;position:relative;background:var(--art-bg)}.continue-media .thumb,.continue-media .module-art{height:100%;min-height:100%;aspect-ratio:auto}.continue-body{padding:1.8rem 2rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.continue-body h1{font-size:clamp(1.7rem,2.2vw + 1rem,2.4rem);margin:0}.continue-body .meta{margin:0 0 .4rem}.row-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:.5rem}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.3rem}.stat-n{font:600 2.2rem/1.1 var(--head)}.stat-n span{font:500 .95rem var(--body);color:var(--muted);margin-left:.4rem}.stat-l{color:var(--muted);font-size:.88rem}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-top:2rem}.section-head h2{margin:0 0 .8rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.1rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.card-media{display:block;overflow:hidden;background:var(--art-bg)}.card-media .module-art{transition:transform .6s var(--ease)}.card:hover .card-media .module-art{transform:scale(1.04)}.card-body{padding:1rem 1.15rem 1.1rem;display:flex;flex-direction:column;flex:1}.card-body h3{margin:.35rem 0 .25rem;font-size:1.5rem}.card-body>p{font-size:.93rem;color:var(--muted)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-num{color:var(--muted);font:700 .72rem var(--body);text-transform:uppercase;letter-spacing:.08em}.card details{margin-bottom:auto;font-size:.9rem}.card summary{cursor:pointer;font-weight:600;color:var(--accent);margin-bottom:.3rem}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.card .bar{margin-top:.8rem}.mini-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.mini-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--text);transition:transform .3s var(--ease),box-shadow .3s var(--ease);display:block}.mini-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.mini-body{display:flex;flex-direction:column;padding:.7rem .9rem .85rem}.course{display:grid;grid-template-columns:350px minmax(0,1fr);align-items:start}.sidebar{position:sticky;top:49px;height:calc(100vh - 49px);overflow-y:auto;background:var(--panel);border-right:1px solid var(--border);scrollbar-width:thin}.legend{display:flex;gap:1rem;padding:.7rem 1rem;font-size:.76rem;color:var(--muted);border-bottom:1px solid var(--border)}.legend span{display:inline-flex;align-items:center;gap:.4rem}.src{display:inline-block;width:8px;height:8px;flex:none}.src.ch{border-radius:50%;background:var(--muted)}.src.ca{background:var(--added)}.mod{border-bottom:1px solid var(--border)}.mod-head{width:100%;display:flex;align-items:center;gap:.6rem;text-align:left;padding:.85rem 1rem;border:0;background:var(--panel-2);color:var(--text);font:600 .95rem var(--body);cursor:pointer;position:sticky;top:0;z-index:2;transition:background .2s}.mod-head:hover{background:color-mix(in srgb,var(--accent) 10%,var(--panel-2))}.mod-title{flex:1;display:flex;align-items:center;gap:.6rem}.mod-no{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:var(--text);color:var(--bg);font:700 .78rem var(--body)}.mod-count{font-size:.78rem;color:var(--muted);font-weight:600;margin-left:auto}.chev{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .25s var(--ease);margin:-3px 2px 0 4px;flex:none}.chev.up{transform:rotate(225deg);margin-top:3px}.chev.sm{width:6px;height:6px;margin:-2px 8px 0 0;transform:rotate(-45deg)}.chev.sm.up{transform:rotate(45deg);margin-top:-4px}.collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease)}.collapse.open{grid-template-rows:1fr}.collapse-in{overflow:hidden;min-height:0}.items{list-style:none;margin:0;padding:0 0 .4rem}.items.sub{background:color-mix(in srgb,var(--panel-2) 50%,transparent);padding-bottom:0}.sec-head{padding:.8rem 1rem .25rem;font:700 .68rem var(--body);text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.row{display:flex;gap:.7rem;padding:.55rem 1rem;text-decoration:none;color:var(--text);border-left:3px solid transparent;transition:background .2s,border-color .2s}.row:hover{background:var(--panel-2)}.row.active{background:var(--accent-soft);border-left-color:var(--accent)}.tick{flex:none;position:relative;width:19px;height:19px;border:2px solid var(--border);border-radius:50%;margin-top:2px;transition:background .25s,border-color .25s}.tick.on{background:var(--ok);border-color:var(--ok);animation:tick .4s var(--ease)}.tick.on:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.row-main{display:flex;flex-direction:column;min-width:0}.row-title{font-size:.89rem;line-height:1.3;overflow-wrap:anywhere}.row-no{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem;margin-right:.45rem}.row-meta{display:flex;align-items:center;gap:.45rem;font-size:.74rem;color:var(--muted);margin-top:1px}.group-head{width:100%;display:flex;align-items:center;padding:.55rem 1rem;border:0;background:transparent;color:var(--text);font:600 .85rem var(--body);text-align:left;cursor:pointer}.group-head:hover{background:var(--panel-2)}.lesson{padding:1.6rem clamp(1.25rem,3.5vw,3.5rem) 3rem;max-width:1240px;width:100%;margin:0 auto}.contents-btn{display:none;margin-bottom:.8rem}.scrim{display:none}.crumbs{font-size:.84rem;color:var(--muted);margin-bottom:.9rem}.orig{font-size:.82rem;color:var(--muted);margin:-.2rem 0 .8rem}.player-box{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg)}.player-mount,.player-mount iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.player-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;pointer-events:none}.player-error{margin-top:.6rem;background:var(--warn-soft);border:1px solid var(--warn);border-radius:10px;padding:.65rem .95rem;font-size:.92rem;animation:fade .3s both}.credit{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.7rem .1rem;font-size:.92rem}.yt-link{font-weight:700}.watch-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1rem;font-size:.9rem}.covers{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;padding:.3rem 1.2rem .5rem;margin:.5rem 0 1rem}.covers h3{margin:.8rem 0 .2rem;font-size:1.3rem}.covers blockquote{margin:0 0 .5rem;font-size:1rem}.related{margin:.3rem 0 1rem}.authored-note{background:var(--added-soft);border:1px solid color-mix(in srgb,var(--added) 40%,transparent);border-radius:10px;padding:.65rem 1rem;font-size:.9rem}.lesson-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.6rem 0 1.1rem}.up-next{display:grid;grid-template-columns:160px 1fr;gap:1rem;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem;text-decoration:none;color:var(--text);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.up-next:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.up-next .eyebrow{margin:0}.up-next b{display:block;font:600 1.15rem var(--head);line-height:1.25}.up-media{border-radius:8px;overflow:hidden}.module-progress{margin:1.3rem 0 0;display:grid;gap:.35rem}.notes{margin-top:1.6rem}.notes label{display:block;font-weight:700;margin-bottom:.35rem}.prose{max-width:82ch}.prose li{margin-bottom:.3rem}.prose.md{max-width:none}.callout{background:var(--accent-soft);border-left:4px solid var(--accent);padding:.65rem 1rem;border-radius:8px}.table-wrap{overflow-x:auto;margin:.8rem 0}.prose table{border-collapse:collapse;font-size:.92rem;background:var(--panel)}.prose th,.prose td{border:1px solid var(--border);padding:.4rem .7rem;text-align:left;vertical-align:top}.prose thead th{background:var(--panel-2)}.practice-card,.test-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.3rem;margin:1rem 0;box-shadow:var(--shadow)}.practice-card dl{margin:0 0 1rem;display:grid;grid-template-columns:9rem 1fr;gap:.6rem 1rem}.practice-card dt{font-weight:700;color:var(--muted);font-size:.88rem}.practice-card dd{margin:0}.practice-card dd.pass{font-weight:600;background:var(--ok-soft);border-left:4px solid var(--ok);padding:.4rem .8rem;border-radius:6px}.qa{padding-left:1.2rem}.qa details{margin-bottom:.45rem}.qa summary{cursor:pointer;font-weight:600}.qa p{margin:.4rem 0 .3rem;padding:.45rem .8rem;background:var(--panel-2);border-radius:8px;animation:fade .25s both}.diagram{margin:1.1rem 0;padding:.9rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.diagram figcaption{margin-top:.55rem;font-size:.86rem;color:var(--muted)}.keyboard{width:100%;height:auto;display:block;margin:0 auto}.key-white{fill:var(--key-white);stroke:var(--key-stroke);stroke-width:1}.key-black{fill:var(--key-black);stroke:var(--key-stroke)}.key-white.hl-root{fill:color-mix(in srgb,var(--root) 30%,var(--key-white))}.key-white.hl-third{fill:color-mix(in srgb,var(--third) 30%,var(--key-white))}.key-white.hl-fifth{fill:color-mix(in srgb,var(--fifth) 32%,var(--key-white))}.key-white.hl-scale{fill:color-mix(in srgb,var(--scale) 28%,var(--key-white))}.key-white.hl-extra{fill:color-mix(in srgb,var(--extra) 30%,var(--key-white))}.key-black.hlb-root{fill:var(--root)}.key-black.hlb-third{fill:var(--third)}.key-black.hlb-fifth{fill:var(--fifth)}.key-black.hlb-scale{fill:var(--scale)}.key-black.hlb-extra{fill:var(--extra)}.key-name{font-size:11px;fill:#3a4258;font-weight:600}.black-name{font-size:8px;fill:#fff}.pill{stroke:#fff;stroke-width:1}.pill-root{fill:var(--root)}.pill-third{fill:var(--third)}.pill-fifth{fill:var(--fifth)}.pill-scale{fill:var(--scale)}.pill-extra{fill:var(--extra)}.pill-text{font-size:10.5px;font-weight:700;fill:#fff}:root[data-theme=dark] .pill-text{fill:#0b0b10}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .pill-text{fill:#0b0b10}}.pill-g{opacity:0}.diagram.in .pill-g{animation:pop .45s var(--ease) both;animation-delay:calc(var(--k, 0) * .11s + .25s);transform-box:fill-box;transform-origin:center}@media (prefers-reduced-motion: reduce){.pill-g{opacity:1}}.grid-wrap{overflow-x:auto;margin:.5rem 0}.grid-title{font-weight:700;margin-bottom:.3rem}.pgrid,.nash{border-collapse:collapse;font-size:.88rem}.pgrid th,.pgrid td{border:1px solid var(--border);text-align:center;padding:0;min-width:30px;height:30px}.pgrid thead th{background:var(--panel-2)}.pgrid tbody th{text-align:left;padding:0 .6rem;white-space:nowrap;background:var(--panel-2);min-width:90px}.pgrid td.on{background:var(--accent);color:var(--accent-text)}.pgrid .beat-start{border-left:3px solid var(--text)}.pgrid.lefthand td.on{background:var(--ok);color:#fff}.nash th,.nash td{border:1px solid var(--border);padding:.4rem .7rem;text-align:center}.nash thead th{background:var(--panel-2)}.nash tbody th{background:var(--panel-2);text-align:left}.circle5{width:100%;max-width:380px;display:block;margin:0 auto}.circle5 .ring{fill:none;stroke:var(--border);stroke-width:1}.circle5 .c-plain{fill:var(--panel-2);stroke:var(--border)}.circle5 .c-key{fill:var(--root)}.circle5 .c-near{fill:color-mix(in srgb,var(--third) 40%,var(--panel));stroke:var(--third);stroke-width:2}.circle5 .c-rel{fill:color-mix(in srgb,var(--root) 35%,var(--panel));stroke:var(--root);stroke-width:2}.circle5 .c-label{font-size:13px;font-weight:700;fill:var(--text)}.circle5 .c-key+.c-label{fill:#fff}.circle5 .c-label-sm{font-size:10.5px;fill:var(--text);font-weight:600}.circle5 .c-acc{font-size:10px;fill:var(--muted)}.circle5 .c-center{font-size:13px;fill:var(--muted)}.tabs{display:flex;gap:.3rem;border-bottom:1px solid var(--border);margin:1.1rem 0;flex-wrap:wrap}.tabs button{border:0;background:transparent;color:var(--muted);font:600 .95rem var(--body);padding:.65rem 1.05rem;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--accent);border-bottom-color:var(--accent)}.filter-bar{display:grid;grid-template-columns:2fr repeat(5,minmax(0,1fr));gap:.6rem;margin-bottom:.7rem}.filter-bar>*{min-width:0;width:100%}.card-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem;box-shadow:var(--shadow)}.song-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:1.1rem}.song-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}.song-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.song-card.learned{border-color:var(--ok)}.song-media{display:block;position:relative}.chip-tier{position:absolute;left:10px;top:10px;background:#16213ad1;color:#fff;font:700 .7rem var(--body);padding:.15rem .6rem;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.song-num{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font:700 .85rem var(--body)}.learned-badge{position:absolute;right:10px;bottom:10px;width:28px;height:28px;border-radius:50%;background:var(--ok);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;animation:tick .4s var(--ease)}.song-body{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.2rem;flex:1}.song-title{font:600 1.4rem/1.15 var(--head);text-decoration:none;color:var(--text)}.song-title:hover{color:var(--accent)}.song-artist{color:var(--muted);font-size:.9rem;margin-bottom:.35rem}.song-tags{display:flex;flex-wrap:wrap}.song-meta{font-size:.8rem;margin-bottom:.6rem}.song-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.7rem;border-top:1px solid var(--border)}.song-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.3rem;align-items:start;margin:1rem 0}.song-layout h2{margin-top:0;font-size:1.5rem}.variant-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.variant-list button{width:100%;text-align:left;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.45rem;border-radius:10px;font:inherit;cursor:pointer;display:grid;grid-template-columns:84px 1fr auto;gap:.7rem;align-items:center;transition:border-color .2s,background .2s,transform .2s var(--ease)}.variant-list button:hover{transform:translate(3px)}.variant-list button.on{border-color:var(--accent);background:var(--accent-soft)}.vthumb{border-radius:6px}.vt{font-size:.88rem;line-height:1.3}.vm{color:var(--muted);font-size:.78rem;white-space:nowrap}.practice-group{margin-bottom:1rem}.practice-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin:.55rem 0;padding:.15rem 1rem .6rem;transition:box-shadow .25s}.practice-item[open]{box-shadow:var(--shadow)}.practice-item summary{cursor:pointer;display:flex;gap:.8rem;align-items:center;padding:.7rem 0;font-weight:600}.sum-title{flex:1}.md h1{font-size:2.6rem}.md h2{font-size:1.8rem;border-top:1px solid var(--border);padding-top:1.4rem;margin-top:2.2rem}.md h3{font-size:1.3rem}.md table{width:100%}.palette-backdrop{color:var(--text);position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;justify-content:center;align-items:flex-start;padding:8vh 1rem 1rem;animation:fade .18s both}.palette{color:var(--text);width:100%;max-width:660px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;animation:sheet .22s var(--ease) both}.palette>input{width:100%;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:1.05rem 1.2rem;font-size:1.08rem;background:transparent}.palette>input:focus{outline:none;box-shadow:none}.palette-list{list-style:none;margin:0;padding:0;max-height:56vh;overflow-y:auto}.palette-empty{padding:1.1rem 1.2rem;color:var(--muted)}.palette-group{padding:.65rem 1.2rem .25rem;font:700 .68rem var(--body);text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.palette-list button{width:100%;text-align:left;background:transparent;border:0;color:var(--text);padding:.5rem 1.2rem;font:inherit;cursor:pointer;display:flex;gap:.8rem;align-items:center}.palette-list button.active{background:var(--accent-soft)}.pthumb{width:64px;height:36px;border-radius:6px;object-fit:cover;flex:none;background:var(--panel-2)}.ptext{display:flex;flex-direction:column;min-width:0}.pt{font-weight:600;font-size:.94rem}.ps{font-size:.78rem;color:var(--muted)}.palette-foot{border-top:1px solid var(--border);padding:.55rem 1.2rem;font-size:.78rem;color:var(--muted)}.palette.auth{max-width:420px;margin-top:4vh}.auth-form{display:flex;flex-direction:column;gap:.7rem;padding:1.3rem}.auth-form h2{margin:0;font-size:1.7rem}.auth-form label{display:flex;flex-direction:column;gap:.25rem;font-weight:600;font-size:.9rem}.auth-form input{font-weight:400;font-size:1rem;width:100%;background:var(--panel-2)}@media (max-width: 1000px){.continue{grid-template-columns:1fr}.continue-media .thumb,.continue-media .module-art{aspect-ratio:16 / 9;height:auto}.filter-bar{grid-template-columns:1fr 1fr 1fr}.filter-bar input{grid-column:1 / -1}.song-layout,.two-col{grid-template-columns:1fr}}@media (max-width: 860px){.topbar{flex-wrap:wrap;gap:.4rem .8rem;padding:.5rem .8rem}.brand-name{font-size:1.2rem}.nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}.nav a{white-space:nowrap}.search-btn{min-width:0;padding:0 .7rem}.search-text,.search-btn kbd{display:none}.course{display:block}.contents-btn{display:inline-flex}.sidebar{position:fixed;top:0;left:0;bottom:0;height:auto;width:min(88vw,350px);z-index:70;transform:translate(-102%);transition:transform .3s var(--ease)}.sidebar.open{transform:none;box-shadow:4px 0 28px #00000059}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1c80;z-index:65;border:0;animation:fade .2s both}.lesson{padding:1rem}.practice-card dl{grid-template-columns:1fr;gap:.1rem}.practice-card dt{margin-top:.5rem}.stats{grid-template-columns:1fr}.up-next{grid-template-columns:110px 1fr}.continue-body{padding:1.2rem}}@media (max-width: 520px){.filter-bar{grid-template-columns:1fr 1fr}.page{padding:1rem .8rem}}.hero-row{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;margin:.8rem 0 1rem}.src.ex{background:var(--accent);transform:rotate(45deg) scale(.9)}.badge.other,.tag.other{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.ess-note{margin:0;padding:.6rem 1rem;font-size:.82rem;color:var(--muted)}.ess-mod .mod-head{background:var(--accent-soft)}.track-banner{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:10px;padding:.5rem .9rem;font-size:.88rem;margin:0 0 .9rem}.ess-stats{grid-template-columns:repeat(3,1fr);margin:1rem 0}.ess-stage{margin-top:1.6rem}.ess-stage h2{margin:0 0 .2rem}.ess-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.35rem}.ess-row{display:flex;align-items:center;gap:.7rem;padding:.55rem .8rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);transition:transform .2s var(--ease),border-color .2s}.ess-row:hover{transform:translate(3px);border-color:var(--accent)}.ess-title{flex:1;font-size:.95rem}.ess-row .tick{margin-top:0}.ess-card{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);padding:1.2rem 1.5rem;margin-top:2.2rem}.ess-card h2{margin:0 0 .3rem}.ess-card p{max-width:62ch}.pa-jump{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 .5rem}.pa-jump a{padding:.25rem .8rem;border:1px solid var(--border);border-radius:999px;text-decoration:none;font-size:.85rem;background:var(--panel)}.pa-jump a:hover{border-color:var(--accent)}.pa-stage{margin-top:2rem;scroll-margin-top:70px}.pa-entry{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin:1rem 0;box-shadow:var(--shadow)}.pa-media .seg{margin-bottom:.6rem;max-width:260px}.pa-load{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;border-radius:12px;overflow:hidden}.pa-load-text{position:absolute;left:12px;bottom:12px;background:#16213ad9;color:#fff;font:600 .82rem var(--body);padding:.25rem .7rem;border-radius:999px}.pa-body h3{margin:0;font-size:1.7rem}.pa-body p{margin:.2rem 0 .6rem}.pa-steps{padding-left:1.2rem;margin:.6rem 0}.pa-steps li{margin-bottom:.4rem}.pa-lessons{font-size:.88rem}.pa-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:.8rem}@media (max-width: 900px){.pa-entry,.ess-stats{grid-template-columns:1fr}}