@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-cyrillic.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");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}:root{--bg:#f4f2ee;--card:#ffffff;--ink:#1d1b19;--muted:#6b665f;--line:#e3dfd8;--accent:#2b3a8f;--accent-soft:#e6e9f7;--body-case:#18171a;--case-2:#29272c;--next:#f2b632;--down:#8fa2ff;--rec:#d6333d;--radius:14px;--wrap:1180px;--piano-edge:transparent}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141316;--card:#1e1d21;--ink:#ecebee;--muted:#a39ea8;--line:#322f36;--accent:#9aabff;--accent-soft:#262c4f;--piano-edge:#34313a;color-scheme:dark}}:root[data-theme=dark]{--bg:#141316;--card:#1e1d21;--ink:#ecebee;--muted:#a39ea8;--line:#322f36;--accent:#9aabff;--accent-soft:#262c4f;--piano-edge:#34313a;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}a{color:var(--accent)}img,svg{display:block}button,select,input{font:inherit;color:inherit}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}.site-header{background:var(--card);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;gap:24px;height:60px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:-.01em}.logo svg{width:32px;height:32px}.top-nav{display:flex;gap:4px;margin-left:auto}.theme-toggle{width:38px;height:34px;padding:0;font-size:15px;line-height:1;background:0 0;color:inherit;border:1px solid var(--line);border-radius:8px;cursor:pointer}.theme-toggle:hover{background:var(--bg)}.theme-icon-dark{display:none}:root[data-theme=dark] .theme-icon-light{display:none}:root[data-theme=dark] .theme-icon-dark{display:inline}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-icon-light{display:none}:root:not([data-theme=light]) .theme-icon-dark{display:inline}}.top-nav a{padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--muted);font-weight:500;font-size:15px}.top-nav a:hover{color:var(--ink);background:var(--bg)}.top-nav a[aria-current]{color:var(--accent);background:var(--accent-soft)}.site-header .wrap{position:relative}.burger{display:none;width:38px;height:34px;padding:0;margin-left:auto;align-items:center;justify-content:center;background:0 0;color:var(--ink);border:1px solid var(--line);border-radius:8px;cursor:pointer}.burger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}@media (max-width:640px){.burger{display:inline-flex}.top-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:50;margin:0;flex-direction:column;gap:2px;padding:8px 16px 12px;background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 8px 20px rgba(0,0,0,.08)}.top-nav.open{display:flex}.top-nav a{padding:10px 12px;font-size:16px}}.page-head{padding:28px 0 18px}.page-head h1{margin:0;font-size:clamp(26px,4vw,36px);line-height:1.2;letter-spacing:-.02em}.lead{margin:8px 0 0;color:var(--muted);max-width:760px;font-size:17px}.crumbs{margin:0 0 8px;font-size:14px;color:var(--muted)}.crumbs a{color:var(--muted)}.piano{background:linear-gradient(180deg,var(--case-2),var(--body-case));border-radius:var(--radius);border:1px solid var(--piano-edge);padding:14px 14px 18px;box-shadow:0 10px 30px rgba(20,18,16,.18);color:#e9e7ea;user-select:none;-webkit-user-select:none}.panel{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:2px 4px 14px;font-size:14px}.ctl{display:flex;align-items:center;gap:8px}.ctl-label{color:#a9a5ad}.pbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:34px;height:34px;padding:0 12px;background:#3a383f;border:1px solid #4a474f;border-radius:8px;color:#f1eff3;cursor:pointer;font-size:14px;font-weight:500}.pbtn:hover{background:#46434b}.pbtn:disabled{opacity:.4;cursor:default}.pbtn[aria-pressed=true]{background:var(--accent);border-color:#5a6bd0}.pbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.oct-val{min-width:44px;text-align:center;font-variant-numeric:tabular-nums}#instrument{max-width:230px}.panel select optgroup,.panel select option{background:#2b292f;color:#f1eff3}.panel select,.chord select,.mt-panel select{height:34px;padding:0 28px 0 10px;border-radius:8px;border:1px solid #4a474f;background:#3a383f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%23ccc' stroke-width='2'/%3E%3C/svg%3E")no-repeat right 6px center/16px;-webkit-appearance:none;appearance:none;color:#f1eff3}.check{display:flex;align-items:center;gap:6px;cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--accent)}input[type=range]{width:110px;accent-color:#8fa2ff}.panel .push{margin-left:auto}.full-toggle{width:34px;padding:0;display:none}.full-toggle svg{width:18px;height:18px}.is-full .full-toggle{display:inline-flex}.piano-top{display:flex;justify-content:flex-end;margin:0 0 10px}.full-open{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}@media (min-width:900px){.page-head+.piano-top{margin-top:-46px}}.full-open:hover{border-color:var(--accent);color:var(--accent)}.full-open svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.piano.is-full{position:fixed;inset:0;z-index:100;margin:0;border-radius:0;border:0;display:flex;flex-direction:column;padding:16px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left));overflow:auto}.piano.is-full.rotated{right:auto;bottom:auto;top:0;transform-origin:top left;transform:rotate(90deg)}.piano.is-full.rotated{padding:8px 12px}.piano.is-full.rotated .panel{padding-bottom:8px;gap:6px 12px}.piano.is-full.rotated .rec{margin-top:8px;padding:6px 10px}.piano.is-full.short .ctl-label,.piano.is-full.short .ctl:has(#volume),.piano.is-full.short .ctl:has(#lbl-notes),.piano.is-full.short .panel .check{display:none}.piano.is-full.short .panel{flex-wrap:nowrap;padding-bottom:6px}.piano.is-full.short .song{padding:6px 10px;margin-bottom:8px}.piano.is-full.short .song-notes{margin-top:6px;padding-bottom:4px}.piano.is-full.short .nc{min-width:38px;padding:3px 4px}.piano.is-full.short .kb{min-height:120px}.piano.is-full .kb{flex:1 1 auto;height:auto;min-height:180px}.pno-full,.pno-full body{overflow:hidden}.kb{--ww:calc(100% / var(--whites, 22));--bw:calc(var(--ww) * .62);position:relative;height:clamp(150px,24vw,250px);touch-action:none;border-top:4px solid #8b1d22;border-radius:2px}.key{position:absolute;top:0;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.key.white{width:var(--ww);height:100%;background:linear-gradient(180deg,#f3f1ec 0,#fff 12%,#fbfaf7 100%);border:1px solid #b9b4ab;border-top:0;border-radius:0 0 6px 6px;box-shadow:inset 0-6px 0#e4e0d8;z-index:1;color:#5e5a54}.key.black{width:var(--bw);height:62%;background:linear-gradient(180deg,#2b2a2e,#111 85%);border-radius:0 0 4px 4px;box-shadow:inset 0-4px 0#000,0 2px 3px rgba(0,0,0,.4);z-index:2;color:#c8c4cc}.key.white.down{background:linear-gradient(180deg,#dfe5ff,#c9d3ff);box-shadow:inset 0-2px 0#b3bff2}.key.black.down{background:linear-gradient(180deg,#4b5bbd,#34429b);box-shadow:inset 0-1px 0#000}.key.next{box-shadow:inset 0-6px 0 var(--next),inset 0 0 0 3px var(--next)}.key.white.next{background:linear-gradient(180deg,#fff6dd,#ffe9ad)}.key.black.next{background:linear-gradient(180deg,#c48e17,#8a620d)}.key.miss{animation:miss .3s}@keyframes miss{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.key span{display:block;line-height:1.1;pointer-events:none;text-align:center}.kn{font-size:12px;font-weight:600}.kn sub{font-size:9px;vertical-align:baseline;margin-left:1px}.kk{font-size:11px;margin:4px 0 10px;padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.06)}.black .kn{font-size:9px}.black .kk{background:rgba(255,255,255,.12);margin-bottom:8px;font-size:10px}.key.white .kn:last-child{margin-bottom:12px}.key.black .kn:last-child{margin-bottom:10px}@media (max-width:700px){.black .kn{display:none}.kn{font-size:10px}}.rec{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:10px;background:#25232a}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--rec)}#rec-start .rec-dot{margin-right:2px}.rec.is-rec #rec-start{background:var(--rec);border-color:#f05d66}.rec.is-rec #rec-start .rec-dot{background:#fff;animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}.rec-time{font-variant-numeric:tabular-nums;min-width:44px;color:#a9a5ad;font-size:14px}.rec-title{font-weight:600;font-size:14px;margin-right:6px}.rec-keys{margin-left:auto;font-size:14px}.song{margin-bottom:14px;padding:12px 14px;border-radius:10px;background:#25232a}.song-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.song-status{margin-left:auto;color:#cfcbd3;font-size:14px;font-variant-numeric:tabular-nums}.song-notes{list-style:none;margin:12px 0 0;padding:2px 0 8px;display:flex;gap:6px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin}.nc{flex:0 0 auto;min-width:46px;padding:6px 6px 5px;border-radius:8px;background:#fbfaf7;color:#2a2826;text-align:center;line-height:1.15}.nc b{display:block;font-size:14px}.nc span{display:block;font-size:11px;color:#7a756e;margin-top:2px}.nc-b{background:#3c3a40;color:#f1eff3}.nc-b span{color:#b7b2bb}.nc.done{opacity:.35}.nc.cur{background:var(--next);color:#1d1b19}.nc.cur span{color:#4b3a10}.chord{margin-bottom:14px;padding:12px 14px;border-radius:10px;background:#25232a}.chord-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:10px}.chord-sym{font-size:28px;line-height:1;color:#fff;min-width:54px}.chord-name{font-size:15px;color:#e9e7ea}.chord-notes{font-size:15px;color:#f2b632;font-weight:600}.chord-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.cbtn{min-width:42px;height:32px;padding:0 10px;border-radius:8px;cursor:pointer;background:#3a383f;border:1px solid #4a474f;color:#f1eff3;font-size:14px;font-weight:600}.cbtn:hover{background:#46434b}.cbtn[aria-pressed=true]{background:var(--accent);border-color:#5a6bd0}.chord-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px}.chord-guess{margin-left:auto}.chord.is-guess .chord-row{opacity:.35}.key.white.chord{background:linear-gradient(180deg,#e7ecff,#c4d0ff)}.key.black.chord{background:linear-gradient(180deg,#5a6bd0,#3a49a8)}.key.white.chord-root{background:linear-gradient(180deg,#fff3d6,#ffd98a)}.key.black.chord-root{background:linear-gradient(180deg,#c99a2e,#8f6a12)}.chord-grid{list-style:none;margin:12px 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.chord-grid a{display:block;padding:10px 12px;border-radius:12px;text-decoration:none;background:var(--card);border:1px solid var(--line);color:var(--ink)}.chord-grid a:hover{border-color:var(--accent)}.chord-grid a[aria-current]{border-color:var(--accent);background:var(--accent-soft)}.chord-grid b{display:block;font-size:20px;line-height:1.2}.chord-grid small{color:var(--muted);font-size:12px}.akk-text{margin:24px 0 40px;max-width:860px}.piano.is-full.short .chord{padding:6px 10px;margin-bottom:8px}.piano.is-full.short .chord-row{display:none}.metro{background:linear-gradient(180deg,var(--case-2),var(--body-case));border-radius:var(--radius);border:1px solid var(--piano-edge);padding:22px 18px 18px;color:#e9e7ea;text-align:center;box-shadow:0 10px 30px rgba(20,18,16,.18)}.mt-dots{display:flex;justify-content:center;gap:12px;min-height:26px;margin-bottom:14px;flex-wrap:wrap}.mt-dot{width:22px;height:22px;border-radius:50%;background:#3a383f;transition:background .05s}.mt-dot.mt-first{box-shadow:0 0 0 2px #f2b632 inset}.mt-dot.on{background:#8fa2ff}.mt-dot.mt-first.on{background:#f2b632}.mt-tempo{display:flex;align-items:center;justify-content:center;gap:22px}.mt-step{width:52px;height:52px;border-radius:50%;border:1px solid #4a474f;background:#3a383f;color:#fff;font-size:28px;line-height:1;cursor:pointer}.mt-step:hover{background:#46434b}.mt-read{display:flex;flex-direction:column;align-items:center;min-width:150px}.mt-read b{font-size:72px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#fff}.mt-unit{font-size:14px;color:#a9a5ad}.mt-mark{font-size:15px;color:#f2b632;font-style:italic;margin-top:2px;min-height:20px}.metro .mt-range{width:min(560px,100%);margin:18px auto 6px;display:block;accent-color:#8fa2ff}.mt-actions{display:flex;justify-content:center;gap:12px;margin:14px 0 18px;flex-wrap:wrap}.mt-start{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 30px;border-radius:26px;border:0;background:var(--accent);color:#fff;font-size:18px;font-weight:700;cursor:pointer}.mt-start svg{width:18px;height:18px;fill:currentColor;stroke:none}.metro.is-running .mt-start{background:#d6333d}.mt-tap{height:52px;padding:0 22px;border-radius:26px;font-size:16px}.mt-tap.tapped{animation:tap-flash .25s ease-out}@keyframes tap-flash{0%{background:#8fa2ff;color:#141316;transform:scale(.95)}to{background:#3a383f;transform:scale(1)}}.mt-read b.flash{animation:bpm-flash .5s ease-out}@keyframes bpm-flash{0%{color:#f2b632}to{color:#fff}}.mt-hint{min-height:20px;margin:-8px 0 12px;font-size:14px;color:#f2b632}.mt-panel{justify-content:center;padding:12px 4px;border-top:1px solid #3a383f}.mt-panel select{height:34px;padding:0 28px 0 10px;border-radius:8px;border:1px solid #4a474f;background-color:#3a383f;color:#f1eff3}.mt-presets{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #3a383f;font-size:14px}.mt-presets a{padding:6px 12px;border-radius:8px;background:#3a383f;color:#f1eff3;text-decoration:none;font-weight:600;font-variant-numeric:tabular-nums}.mt-presets a:hover{background:#46434b}.mt-presets a[aria-current]{background:var(--accent)}.metro{position:relative}.mt-exit{position:absolute;top:12px;right:12px}.metro.is-full .mt-exit{display:inline-flex}.metro.is-full{position:fixed;inset:0;z-index:100;margin:0;border-radius:0;border:0;display:flex;flex-direction:column;justify-content:center;overflow:auto}.metro.is-full .mt-read b{font-size:clamp(72px,min(22vh,24vw),220px)}.metro.is-full .mt-dot{width:34px;height:34px}.metro.is-full .mt-dots{gap:18px;margin-bottom:24px}@media (max-width:560px){.mt-read b{font-size:60px}.mt-tempo{gap:14px}.metro{padding:18px 12px 14px;margin:0-8px}}.circle{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:24px;align-items:center;margin-bottom:18px}.circle-svg svg{width:100%;height:auto;display:block}.cseg path{stroke:var(--card);stroke-width:2;cursor:pointer;transition:fill .12s}.cmaj path{fill:var(--accent-soft)}.cmin path{fill:var(--bg)}.cseg:hover path,.cseg:focus path{fill:#c9d3ff;outline:0}.cseg.on path{fill:var(--accent)}.cseg:focus{outline:0}.clabel{font:600 15px Inter,system-ui,sans-serif;fill:var(--ink);text-anchor:middle;pointer-events:none}.cmin .clabel{font-size:12px;font-weight:500}.clabel.csmall{font-size:10.5px}.cseg.on .clabel{fill:#fff}.ccenter-n{font:700 30px Inter,system-ui,sans-serif;fill:var(--ink);text-anchor:middle}.ccenter-k{font:500 15px Inter,system-ui,sans-serif;fill:var(--muted);text-anchor:middle}.circle-name{font-size:22px;font-weight:700;margin:0 0 10px}.circle-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 12px}.circle-dl dt{color:var(--muted)}.circle-dl dd{margin:0;font-weight:600}.circle-alt-row{margin:0 0 10px}.circle-sub{margin:14px 0 8px;color:var(--muted);font-size:14px}.circle-actions{display:flex;flex-wrap:wrap;gap:8px}.cbtn-light{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:10px;cursor:pointer;background:var(--card);color:var(--ink);border:1px solid var(--line);font-size:14px;font-weight:600}.cbtn-light[hidden]{display:none}.cbtn-light:hover{border-color:var(--accent);color:var(--accent)}.cbtn-light svg{width:14px;height:14px;fill:currentColor}.cbtn-light .cs{font-size:15px}.cbtn-light span{font-weight:500;color:var(--muted)}@media (max-width:760px){.circle{grid-template-columns:1fr}.circle-svg{max-width:340px;margin:0 auto}}.below{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin:28px 0 40px;align-items:start}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}.card+.card{margin-top:18px}.text h2{font-size:21px;line-height:1.3;margin:26px 0 8px;letter-spacing:-.01em}.text h2:first-child{margin-top:0}.text p{margin:0 0 12px}.text ul,.text ol{margin:0 0 12px;padding-left:22px}.text table{border-collapse:collapse;width:100%;margin:6px 0 14px;font-size:15px}@media (max-width:560px){.text table{display:block;overflow-x:auto;font-size:14px}.text th,.text td{padding:6px 6px}}.text th,.text td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left}.agreement{max-width:820px;margin:0 0 40px}.muted-date{color:var(--muted);font-size:14px}.side-title{margin:0 0 12px;font-size:17px}.song-list{list-style:none;margin:0;padding:0}.song-list li+li{border-top:1px solid var(--line)}.song-list a{display:flex;align-items:center;gap:10px;padding:9px 0;text-decoration:none;color:var(--ink)}.song-list a:hover{color:var(--accent)}.song-list svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.song-list a[aria-current]{color:var(--accent);font-weight:600}.others{margin:32px 0 0}.others-title{margin:0;font-size:20px}.others .song-grid{margin-top:10px}.grid-title{margin:26px 0 0;font-size:18px}.others .grid-title{font-size:16px;color:var(--muted);margin-top:18px}.pesni-list{margin-bottom:40px}.pesni-list .grid-title:first-child{margin-top:8px}.song-grid{list-style:none;margin:12px 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.song-grid a{display:flex;align-items:center;gap:14px;height:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;text-decoration:none;color:var(--ink);font-weight:600}.song-grid a:hover{border-color:var(--accent)}.song-grid .ic{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center;flex:none}.song-grid svg{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.song-grid small{display:block;font-weight:400;color:var(--muted);font-size:13px}.site-footer{border-top:1px solid var(--line);background:var(--card);font-size:14px;color:var(--muted)}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:18px;padding-bottom:18px}.site-footer a{color:var(--muted)}.credit{margin-left:auto}.nojs{margin:0 0 12px;padding:10px 14px;border-radius:8px;background:#3a383f;color:#f1eff3;font-size:14px}.ym-pixel{position:absolute;left:-9999px}@media (max-width:900px){.below{grid-template-columns:1fr}.panel .push{margin-left:0}}@media (max-width:560px){.site-header .wrap{gap:10px}.logo span{display:none}.hide-sm{display:none}.piano{padding:10px 8px 12px;border-radius:10px;margin:0-8px}.panel{gap:8px 12px}.card{padding:18px 16px}.cbtn{min-width:36px;height:30px;padding:0 8px;font-size:13px}.chord-row{gap:5px;margin-bottom:6px}.chord-sym{font-size:24px;min-width:0}.credit{margin-left:0}.rec-keys{margin-left:0}}