@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-display:swap;src:url(./archivo-vietnamese-D3pXpaqF.woff2) format("woff2");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:Archivo;font-style:normal;font-weight:400 800;font-display:swap;src:url(./archivo-latin-ext-CEt9KWsu.woff2) format("woff2");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:Archivo;font-style:normal;font-weight:400 800;font-display:swap;src:url(./archivo-latin-BEIDiHaE.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{--color-bg: #131211;--color-text: #efedec;--color-accent: #ec3013;--color-accent-600: #ff5a3d;--color-accent-700: #ff7a5c;--n-100: rgba(255, 255, 255, .055);--n-200: rgba(255, 255, 255, .09);--n-300: rgba(255, 255, 255, .16);--n-400: rgba(255, 255, 255, .28);--n-500: rgba(255, 255, 255, .45);--n-600: rgba(255, 255, 255, .58);--n-700: rgba(255, 255, 255, .76);--line: rgba(255, 255, 255, .16);--font-h: "Archivo", ui-sans-serif, system-ui, sans-serif;--font-b: "Archivo", ui-sans-serif, system-ui, sans-serif;--wrap: 1560px;--pad-x: clamp(20px, 4vw, 48px);--key-white: #f6f4f3;--key-black: #0b0a09}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-b);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}::selection{background:#ec301347}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.site{min-height:100vh;background:radial-gradient(1100px 560px at 82% -6%,rgba(236,48,19,.13),transparent 60%),var(--color-bg)}.site a,.hm-nav a,.hm-foot a{color:var(--color-text);text-decoration:none;cursor:pointer}.site a:hover,.hm-nav a:hover,.hm-foot a:hover{color:var(--color-accent)}.site h1,.site h2,.site h3{font-family:var(--font-h);margin:0}.hm-wrap{width:100%;max-width:var(--wrap);margin:0 auto}@keyframes hm-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hm-rise{animation:hm-rise .6s ease both}.hm-rise-2{animation:hm-rise .6s ease .15s both}@media(prefers-reduced-motion:reduce){.site *,.site *:before,.site *:after{animation:none!important}}.hm-nav{display:flex;align-items:center;gap:clamp(14px,2.5vw,36px);padding:0 var(--pad-x);height:58px;border-bottom:1px solid rgba(255,255,255,.14);background:#131211b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);white-space:nowrap;position:sticky;top:0;z-index:50}.hm-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:.01em;flex:none;color:var(--color-text);text-decoration:none}.hm-brand:hover{color:var(--color-text)}.hm-brand-mark{width:22px;height:22px;background:var(--color-accent);display:inline-block;flex:none}.hm-dot{color:var(--color-accent)}.hm-nav-links{display:flex;gap:clamp(12px,1.8vw,26px);font-size:13px;font-weight:600;letter-spacing:.06em;min-width:0;overflow-x:auto;scrollbar-width:none}.hm-nav-links::-webkit-scrollbar{display:none}.hm-nav-links a.is-current{color:var(--color-accent);border-bottom:2px solid var(--color-accent);padding-bottom:2px}.hm-nav-right{margin-left:auto;display:flex;gap:18px;align-items:center;flex:none}.hm-link-btn{background:none;border:none;padding:0;color:var(--color-text);font-family:var(--font-b);font-size:13px;font-weight:600;letter-spacing:.04em;cursor:pointer;white-space:nowrap}.hm-link-btn:hover{color:var(--color-accent)}.hm-btn{border:none;background:var(--color-accent);color:#fff;font-family:var(--font-b);font-weight:700;font-size:12px;letter-spacing:.08em;padding:11px 20px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:10px}.hm-btn:hover{background:var(--color-accent-600);color:#fff}.hm-btn-lg{background:var(--color-accent);color:#fff;font-weight:700;font-size:13px;letter-spacing:.08em;padding:16px 26px;display:inline-flex;align-items:center;gap:12px;white-space:nowrap;border:none;font-family:var(--font-b);cursor:pointer;box-shadow:0 8px 34px #ec301366}.hm-btn-lg:hover{background:var(--color-accent-600);color:#fff}.hm-btn-lg svg{display:block;fill:none;stroke:currentColor;stroke-width:2.5}.hm-btn-ghost{border:1px solid rgba(255,255,255,.35);background:none;color:var(--color-text);font-weight:700;font-size:13px;letter-spacing:.08em;padding:14px 26px;display:inline-flex;align-items:center;white-space:nowrap;font-family:var(--font-b);cursor:pointer}.hm-btn-ghost:hover{background:var(--n-200);color:var(--color-text)}.hm-kicker{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--color-accent)}.hm-more{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--color-accent);background:none;border:none;padding:0;font-family:var(--font-b);cursor:pointer;text-align:left;white-space:nowrap}.hm-more:hover{color:var(--color-accent-600)}.hm-head{width:100%;max-width:var(--wrap);margin:0 auto;padding:clamp(32px,4.5vw,56px) var(--pad-x) 26px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.hm-head .hm-kicker{display:block;margin-bottom:14px}.hm-head h1{font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1.04;letter-spacing:-.02em;margin:0;text-wrap:pretty}.hm-head-side{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--n-600);text-align:right}.hm-foot{width:100%;border-top:1px solid var(--line);padding:24px var(--pad-x);display:flex;align-items:center;gap:clamp(14px,2vw,28px);flex-wrap:wrap;max-width:var(--wrap);margin:0 auto}.hm-foot-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px}.hm-foot-brand .hm-brand-mark{width:16px;height:16px}.hm-foot a,.hm-foot .hm-link-btn{font-size:12px;font-weight:600;letter-spacing:.06em}.hm-foot-note{margin-left:auto;font-size:12px;color:var(--n-600)}@media(max-width:720px){.hm-nav{gap:14px;padding:0 16px}.hm-nav-links{font-size:12px}.hm-nav-right .hm-link-btn{display:none}.hm-btn{padding:9px 14px;font-size:11px}.hm-foot-note{margin-left:0;width:100%}}@media(max-width:560px){.hm-nav-links{display:none}}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg)}.topbar{flex:none;border-bottom:1px solid var(--line)}.pl-info{display:flex;align-items:center;gap:clamp(12px,2vw,28px);padding:12px var(--pad-x);border-bottom:1px solid var(--line);max-width:var(--wrap);margin:0 auto;width:100%;min-width:0}.pl-info .hm-kicker{flex:none}.song-btn{background:none;border:none;padding:0;color:var(--color-text);font-family:var(--font-b);text-align:left;cursor:pointer;display:flex;align-items:baseline;gap:12px;min-width:0}.song-btn:hover .song-title{color:var(--color-accent)}.song-title{font-family:var(--font-h);font-size:clamp(16px,2vw,22px);font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-sub{font-size:12px;color:var(--n-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-tags{margin-left:auto;display:flex;gap:8px;flex:none}.pl-tag{font-size:10px;font-weight:700;letter-spacing:.1em;border:1px solid var(--line);color:var(--n-600);padding:3px 8px;white-space:nowrap}.pl-bar{display:flex;align-items:center;gap:clamp(8px,1.2vw,16px);padding:10px var(--pad-x);max-width:var(--wrap);margin:0 auto;width:100%;flex-wrap:wrap}.btn{background:none;border:1px solid var(--line);color:var(--color-text);font-family:var(--font-b);font-size:12px;font-weight:600;letter-spacing:.04em;padding:9px 13px;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--n-400);background:var(--n-100)}.btn.is-on{border-color:var(--color-accent);color:var(--color-accent)}.btn:disabled{opacity:.4;cursor:default}.btn-sm{font-size:11px;padding:6px 10px}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:700;letter-spacing:.08em}.btn-primary:hover{background:var(--color-accent-600);border-color:var(--color-accent-600)}.btn-danger:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-link{border:none;color:var(--color-accent);text-decoration:none;padding:9px 0}.btn-round,.btn-icon{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex:none}.btn-icon{font-size:12px;font-weight:700;letter-spacing:.06em}.btn-play{width:48px;height:48px;padding:0;background:var(--color-accent);border:none;color:#fff;font-family:var(--font-b);font-size:17px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 28px #ec301380;flex:none}.btn-play:hover{background:var(--color-accent-600)}.btn-play-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pl-time{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;flex:none}.pl-time i{color:var(--n-500);font-style:normal;font-weight:400;margin:0 4px}.pl-time span{color:var(--n-600);font-weight:400}.pl-step{display:flex;align-items:center;border:1px solid var(--line);height:38px;flex:none}.pl-step-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--n-500);padding:0 10px;border-right:1px solid var(--line);align-self:stretch;display:flex;align-items:center;white-space:nowrap}.pl-step button{background:none;border:none;color:var(--color-text);font-family:var(--font-b);font-size:15px;width:30px;align-self:stretch;cursor:pointer}.pl-step button:hover{background:var(--n-200);color:var(--color-accent)}.pl-step b{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;min-width:46px;text-align:center;white-space:nowrap}.seg{display:flex;border:1px solid var(--line);flex:none}.seg-btn{background:none;border:none;border-left:1px solid var(--line);color:var(--n-600);font-family:var(--font-b);font-size:11px;font-weight:700;letter-spacing:.08em;padding:10px 12px;cursor:pointer;white-space:nowrap}.seg-btn:first-child{border-left:none}.seg-btn:hover{color:var(--color-text)}.seg-btn.is-on{background:var(--color-accent);color:#fff}.pl-bar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.pl-hint{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--n-500);white-space:nowrap}.midi-chip{background:none;font-family:var(--font-b);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--n-600);border:1px solid var(--line);padding:7px 10px;white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.midi-chip:hover{border-color:var(--n-400);color:var(--color-text)}.midi-chip.is-on{border-color:var(--color-accent);color:var(--color-accent)}.chip{font-size:11px;font-weight:700;letter-spacing:.06em;border:1px solid var(--line);color:var(--n-600);padding:5px 9px;white-space:nowrap}.chip-good{border-color:var(--color-accent);color:var(--color-accent)}.chip-bad{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.chip-loop{margin-left:8px}.progress{display:flex;align-items:center;gap:14px;padding:0 var(--pad-x) 10px;max-width:var(--wrap);margin:0 auto;width:100%}.progress input[type=range]{flex:1;min-width:0;height:10px;appearance:none;-webkit-appearance:none;background:var(--n-200);cursor:pointer;border:none}.progress input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:10px;background:#fff;border:none;border-radius:0}.progress input[type=range]::-moz-range-thumb{width:4px;height:10px;background:#fff;border:none;border-radius:0}.progress-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--n-500);white-space:nowrap;flex:none}.progress-label b{color:var(--color-text);font-variant-numeric:tabular-nums}.panel{border-top:1px solid var(--line);background:#ffffff08;padding:14px var(--pad-x);max-width:var(--wrap);margin:0 auto;width:100%;display:flex;flex-direction:column;gap:12px;max-height:42vh;overflow-y:auto}.panel-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.panel-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--n-500);width:150px;flex:none}.panel-value{font-size:12px;color:var(--n-600);font-variant-numeric:tabular-nums}.panel-toggles{gap:10px 24px}.panel-toggles label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--n-700);cursor:pointer}.panel input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-accent);cursor:pointer}.panel input[type=range]{width:200px;accent-color:var(--color-accent);cursor:pointer}.banner{padding:9px var(--pad-x);font-size:13px;color:var(--n-700);border-bottom:1px solid var(--line);background:var(--n-100);flex:none;display:flex;align-items:center;gap:12px}.banner button{background:none;border:1px solid var(--line);color:inherit;font-family:var(--font-b);font-size:12px;padding:4px 10px;cursor:pointer}.banner-error{border-left:3px solid var(--color-accent);color:var(--color-text)}.banner-warn{border-left:3px solid var(--n-400)}.sheet{flex:1;min-height:0;overflow-y:auto;background:#171615;border-bottom:1px solid var(--line);padding:18px var(--pad-x) 28px;scrollbar-width:thin}.sheet-system{max-width:1180px;margin:0 auto 14px;display:block;width:100%}.sheet-empty{color:var(--n-500);font-size:13px;text-align:center;padding:40px 0}.stage{flex:1;min-height:0;position:relative;background:var(--color-bg)}.stage.is-keys-only{flex:none;height:clamp(150px,24vh,260px)}.stage-canvas{display:block;width:100%;height:100%;touch-action:none}.modal-backdrop{position:fixed;inset:0;background:#090808b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{background:#1a1918;border:1px solid var(--line);width:min(560px,100%);max-height:86vh;display:flex;flex-direction:column;box-shadow:0 30px 90px #0009}.modal-wide{width:min(820px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h2{font-family:var(--font-h);font-size:17px;font-weight:800;letter-spacing:.02em;margin:0}.modal-body{padding:18px 20px 22px;overflow-y:auto}.list-head{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--n-500);margin:22px 0 10px;display:flex;align-items:center;gap:12px}.list-head:first-child{margin-top:0}.search{width:100%;background:var(--n-100);border:1px solid var(--line);color:var(--color-text);font-family:var(--font-b);font-size:13px;padding:10px 12px}.search:focus{border-color:var(--color-accent);outline:none}.song-list{list-style:none;margin:0;padding:0}.song-row{display:flex;align-items:stretch;gap:8px;border-bottom:1px solid var(--n-200)}.song-list>li{border-bottom:1px solid var(--n-200)}.song-row>.song-item{border-bottom:none}.song-item{flex:1;display:flex;flex-direction:column;gap:3px;background:none;border:none;color:var(--color-text);font-family:var(--font-b);text-align:left;padding:11px 8px;cursor:pointer;min-width:0}.song-item:hover{background:var(--n-200)}.song-item.is-on .song-item-title{color:var(--color-accent)}.song-item-title{font-size:15px;font-weight:700}.song-item-meta{font-size:12px;color:var(--n-600)}.song-row .btn{align-self:center}.empty{color:var(--n-500);font-size:13px;padding:14px 8px}.steps{margin:0 0 16px;padding-left:20px;color:var(--n-700);font-size:13px;line-height:1.6}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--n-500);margin-bottom:12px}.field input{background:var(--n-100);border:1px solid var(--line);color:var(--color-text);font-family:var(--font-b);font-size:14px;font-weight:400;letter-spacing:0;padding:9px 11px}.field input:focus{border-color:var(--color-accent);outline:none}.checkline{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--n-700);margin-bottom:14px;cursor:pointer}.checkline input{accent-color:var(--color-accent)}.dropzone{border:1px dashed var(--n-400);padding:30px 20px;text-align:center;color:var(--n-600);font-size:13px;cursor:pointer}.dropzone:hover,.dropzone.is-over{border-color:var(--color-accent);color:var(--color-text);background:#ec30130f}.preview{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.preview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px 18px;font-size:13px;color:var(--n-700);margin-bottom:16px}.preview-actions{display:flex;gap:10px;flex-wrap:wrap}.help{margin:0;padding-left:20px;font-size:14px;line-height:1.65;color:var(--n-700)}.help li{margin-bottom:8px}.help b{color:var(--color-text)}.help code{background:var(--n-200);padding:1px 5px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.swatch{display:inline-block;width:14px;height:14px;vertical-align:-2px;border:1px solid var(--line)}.swatch-r{background:var(--color-accent)}.swatch-l{background:#ffffffb8}.swatch-hint{background:var(--color-accent);border-color:#fff}.swatch-bad{background:var(--key-black);border-color:var(--color-accent-600)}@media(max-width:900px){.pl-hint,.pl-tags,.pl-step-label{display:none}.panel-label{width:auto}}@media(max-width:620px){.pl-info{padding:10px 16px}.pl-bar{padding:8px 16px;gap:8px}.pl-info .hm-kicker{display:none}.progress{padding:0 16px 8px}.pl-bar-right{margin-left:0}.song-btn{flex-direction:column;align-items:flex-start;gap:0}}@keyframes hm-keyflash{0%,to{background:var(--key-white)}6%,22%{background:var(--color-accent)}32%{background:var(--key-white)}}@keyframes hm-dotflash{0%,to{fill:var(--color-text)}6%,22%{fill:var(--color-accent)}32%{fill:var(--color-text)}}@keyframes hm-drop{0%{top:-16%;opacity:0}10%{opacity:1}92%{opacity:1}to{top:100%;opacity:.9}}.hm-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:48px;padding:clamp(40px,6vw,72px) var(--pad-x);border-bottom:1px solid var(--line);max-width:var(--wrap);margin:0 auto;align-items:center}.hm-hero .hm-kicker{margin-bottom:20px}.hm-hero h1{font-size:clamp(38px,5.2vw,78px);font-weight:800;line-height:1.02;margin:0 0 24px;letter-spacing:-.02em;text-wrap:pretty}.hm-lead{font-size:18px;line-height:1.55;color:var(--n-700);max-width:520px;margin:0 0 32px}.hm-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hm-demo{border:1px solid var(--line);background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 24px 70px #0006}.hm-staff{padding:20px 20px 8px}.hm-staff svg{width:100%;display:block}.hm-staff line{stroke:var(--color-text);stroke-width:1.2}.hm-staff circle{fill:var(--color-text);animation:hm-dotflash 4.8s infinite;animation-delay:calc(var(--i) * .45s)}.hm-keys{position:relative;height:120px;border-top:1px solid var(--line);background:#191817}.hm-key-w{position:absolute;top:0;bottom:0;width:12.5%;left:calc(var(--i) * 12.5%);background:var(--key-white);border-right:1px solid #d8d6d4;animation:hm-keyflash 4.8s infinite;animation-delay:calc(var(--i) * .45s);display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.hm-key-w.is-last{border-right:none}.hm-key-name{font-size:11px;font-weight:700;letter-spacing:.02em;color:#131211}.hm-key-b{position:absolute;top:0;height:62%;width:7%;background:#141312}.hm-demo-foot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px}.hm-demo-foot span{font-size:12px;font-weight:600;color:var(--n-600);letter-spacing:.04em}.hm-stats{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.hm-stat{padding:30px 32px;border-left:1px solid var(--line);min-width:0}.hm-stat:first-child{border-left:none;padding-left:var(--pad-x)}.hm-stat:last-child{padding-right:var(--pad-x)}.hm-stat-num{font-family:var(--font-h);font-size:clamp(30px,3.2vw,42px);font-weight:800;line-height:1}.hm-stat-num i{color:var(--color-accent);font-style:normal}.hm-stat-label{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--n-600);margin-top:8px}.hm-how{max-width:var(--wrap);margin:0 auto;padding:clamp(40px,5vw,64px) var(--pad-x);border-bottom:1px solid var(--line)}.hm-how>.hm-kicker{margin-bottom:36px}.hm-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.hm-step{border-top:1px solid var(--line);padding-top:20px}.hm-step-num{font-family:var(--font-h);font-size:15px;font-weight:800;color:var(--color-accent);margin-bottom:14px}.hm-step h3{font-size:22px;font-weight:700;margin:0 0 10px}.hm-step p{font-size:15px;line-height:1.55;color:var(--n-700);margin:0 0 14px}.hm-path{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:48px;padding:clamp(40px,5vw,64px) var(--pad-x);border-bottom:1px solid var(--line);align-items:center;scroll-margin-top:70px}.hm-path h2{font-size:clamp(30px,3.4vw,40px);font-weight:800;line-height:1.08;margin:0 0 18px;letter-spacing:-.01em;text-wrap:pretty}.hm-path .hm-kicker{display:block;margin-bottom:18px}.hm-path p{font-size:16px;line-height:1.55;color:var(--n-700);margin:0 0 28px;max-width:480px}.hm-levels{display:flex;flex-direction:column}.hm-level{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-top:1px solid var(--line);background:none;font-family:var(--font-b);color:var(--color-text);cursor:pointer;text-align:left;border-left:none;border-right:none;border-bottom:none}.hm-level:last-child{border-bottom:1px solid var(--line)}.hm-level:hover{color:var(--color-accent)}.hm-level-num{font-family:var(--font-h);font-weight:800;color:var(--color-accent);width:32px;flex:none}.hm-level-name{font-weight:700;font-size:16px}.hm-level-meta{margin-left:auto;font-size:13px;color:var(--n-600);white-space:nowrap}.hm-fall{--kb: 96px;border:1px solid var(--line);height:420px;position:relative;overflow:hidden;background:linear-gradient(180deg,#191817,#131211)}.hm-fall-area{position:absolute;top:0;left:0;right:0;bottom:var(--kb);overflow:hidden}.hm-fall-lane{position:absolute;top:0;bottom:0;width:12.5%;left:calc(var(--i) * 12.5%);border-right:1px solid rgba(255,255,255,.06)}.hm-fall-note{position:absolute;left:calc(var(--i) * 12.5% + 1.6%);width:9.3%;top:-16%;background:var(--color-accent);animation:hm-drop 4.8s linear infinite;animation-delay:calc(var(--i) * .45s - 4.51s)}.hm-fall-note.is-left{background:#ffffff8c}.hm-fall-keys{position:absolute;left:0;right:0;bottom:0;height:var(--kb)}.hm-fall .hm-key-w{padding-bottom:6px}.hm-fall-line{position:absolute;left:0;right:0;bottom:var(--kb);height:2px;background:var(--color-accent);opacity:.55}.hm-cta-band{background:var(--color-accent);color:#fff}.hm-cta-inner{max-width:var(--wrap);margin:0 auto;padding:clamp(52px,7vw,88px) var(--pad-x)}.hm-cta-band h2{font-size:clamp(34px,4.6vw,68px);font-weight:800;line-height:1.02;margin:0 0 20px;letter-spacing:-.02em;max-width:820px;text-wrap:pretty}.hm-cta-band p{font-size:17px;line-height:1.5;margin:0 0 36px;max-width:520px;opacity:.92}.hm-cta-actions{display:flex;gap:14px;flex-wrap:wrap}.hm-btn-white{background:#fff;color:var(--color-accent);font-weight:700;font-size:13px;letter-spacing:.08em;padding:16px 26px;display:inline-flex;white-space:nowrap;border:none;font-family:var(--font-b);cursor:pointer}.hm-btn-white:hover{background:#f8f4f4;color:var(--color-accent-700)}.hm-btn-outline{border:2px solid #fff;background:none;color:#fff;font-weight:700;font-size:13px;letter-spacing:.08em;padding:14px 26px;display:inline-flex;white-space:nowrap;font-family:var(--font-b);cursor:pointer}.hm-btn-outline:hover{background:#ffffff1f;color:#fff}@media(max-width:1080px){.hm-stats{grid-template-columns:repeat(2,1fr)}.hm-stat:nth-child(3){border-left:none;padding-left:var(--pad-x)}.hm-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.hm-stat:nth-child(2n){padding-right:var(--pad-x)}}@media(max-width:900px){.hm-how-grid{grid-template-columns:1fr;gap:28px}.hm-hero,.hm-path{grid-template-columns:1fr;gap:32px}.hm-fall{height:300px;--kb: 76px}.hm-key-name{font-size:9px}}@media(max-width:720px){.hm-stats{grid-template-columns:1fr}.hm-stat{border-left:none;padding-left:var(--pad-x);padding-right:var(--pad-x);border-bottom:1px solid var(--line)}.hm-stat:last-child{border-bottom:none}.hm-lead{font-size:16px}}@media(max-width:560px){.hm-demo-foot{flex-wrap:wrap}}.library{display:flex;flex-direction:column;min-height:100vh}.lb-filters{max-width:var(--wrap);margin:0 auto;width:100%;padding:16px var(--pad-x);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:clamp(14px,2.5vw,32px);flex-wrap:wrap}.lb-search{width:320px;max-width:100%;background:var(--n-100);border:1px solid var(--line);color:var(--color-text);font-family:var(--font-b);font-size:13px;padding:10px 14px}.lb-search::placeholder{color:var(--n-500)}.lb-search:focus{border-color:var(--color-accent);outline:none}.lb-seg{display:flex;border:1px solid var(--line)}.lb-seg button{background:none;border:none;border-left:1px solid var(--line);color:var(--n-600);font-family:var(--font-b);font-size:11px;font-weight:700;letter-spacing:.1em;padding:9px 14px;cursor:pointer;white-space:nowrap}.lb-seg button:first-child{border-left:none}.lb-seg button:hover{color:var(--color-text)}.lb-seg button.is-on{background:var(--color-accent);color:#fff}.lb-chips{display:flex;gap:8px;flex-wrap:wrap}.lb-chip{background:none;border:1px solid var(--line);color:var(--n-600);font-family:var(--font-b);font-size:11px;font-weight:700;letter-spacing:.1em;padding:8px 13px;cursor:pointer;white-space:nowrap}.lb-chip:hover{color:var(--color-text);border-color:var(--n-400)}.lb-chip.is-on{border-color:var(--color-accent);color:var(--color-accent)}.lb-filters-note{margin-left:auto;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--n-500)}.lb-table{max-width:var(--wrap);margin:0 auto;width:100%;padding:0 var(--pad-x) 56px;flex:1}.lb-head,.lb-row{display:grid;grid-template-columns:56px 1fr 240px 130px 150px 90px 150px;align-items:center;gap:12px}.lb-head{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--n-500);padding:14px 0;border-bottom:1px solid var(--line)}.lb-row{padding:15px 0;border-bottom:1px solid var(--n-200);cursor:pointer;animation:hm-rise .5s ease both}.lb-row:hover{background:var(--n-200)}.lb-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.lb-num{font-size:13px;font-weight:700;color:var(--n-400);font-variant-numeric:tabular-nums}.lb-row:hover .lb-num{color:var(--color-accent)}.lb-title{font-size:16px;font-weight:700;min-width:0;display:flex;align-items:center;gap:10px}.lb-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-done{color:var(--color-accent);font-size:13px;flex:none}.lb-mine{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--n-500);border:1px solid var(--line);padding:2px 6px;flex:none}.lb-artist,.lb-genre,.lb-len{font-size:13px;color:var(--n-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-genre{letter-spacing:.06em;font-weight:600}.lb-len{font-variant-numeric:tabular-nums}.lb-tag{font-size:10px;font-weight:700;letter-spacing:.1em;padding:4px 9px;justify-self:start;white-space:nowrap}.lb-tag.lv1{border:1px solid var(--n-300);color:var(--n-700)}.lb-tag.lv2{border:1px solid var(--color-accent);color:var(--color-accent)}.lb-tag.lv3{background:var(--color-accent);color:#fff}.lb-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end}.lb-go{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--color-accent);background:none;border:none;padding:0;font-family:var(--font-b);cursor:pointer;white-space:nowrap;opacity:0}.lb-row:hover .lb-go,.lb-row:focus-within .lb-go{opacity:1}.lb-del{background:none;border:1px solid var(--line);color:var(--n-500);font-family:var(--font-b);font-size:12px;line-height:1;padding:5px 8px;cursor:pointer;flex:none}.lb-del:hover{border-color:var(--color-accent);color:var(--color-accent)}.lb-empty{padding:72px 0;text-align:center}.lb-empty h3{font-size:20px;font-weight:700;margin:0 0 8px}.lb-empty p{color:var(--n-600);margin:0 0 20px;font-size:14px}@media(max-width:1180px){.lb-head,.lb-row{grid-template-columns:44px 1fr 180px 120px 130px 76px 120px}}@media(max-width:940px){.lb-head,.lb-row{grid-template-columns:40px 1fr 130px 76px 110px}.lb-head span:nth-child(3),.lb-head span:nth-child(4),.lb-artist,.lb-genre{display:none}}@media(max-width:620px){.lb-head{display:none}.lb-row{grid-template-columns:32px 1fr auto;row-gap:4px;align-items:start}.lb-title{font-size:15px}.lb-tag{grid-column:2}.lb-len{grid-column:3;grid-row:1;text-align:right}.lb-actions{grid-column:3;grid-row:2}.lb-go{opacity:1}.lb-filters{gap:12px}.lb-filters-note{margin-left:0}}.roadmap{display:flex;flex-direction:column;min-height:100vh}.rm-progress{width:260px;max-width:100%;height:8px;background:var(--n-200);margin-top:10px;margin-left:auto}.rm-progress i{display:block;height:100%;background:var(--color-accent)}.rm-body{max-width:var(--wrap);margin:0 auto;width:100%;padding:0 var(--pad-x) 56px;flex:1}.rm-stage{border-top:1px solid var(--line);padding:28px 0 36px}.rm-stage-head{display:flex;align-items:flex-end;gap:18px;margin-bottom:20px;flex-wrap:wrap}.rm-stage-num{font-family:var(--font-h);font-size:28px;font-weight:800;color:var(--color-accent);line-height:1;flex:none}.rm-stage h2{font-size:26px;font-weight:800;line-height:1.1;margin:0}.rm-stage-sub{font-size:13px;color:var(--n-600)}.rm-stage-count{margin-left:auto;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--n-500);white-space:nowrap}.rm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rm-card{border:1px solid var(--line);background:none;color:var(--color-text);font-family:var(--font-b);text-align:left;padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-height:132px;animation:hm-rise .5s ease both}.rm-card:hover{border-color:var(--color-accent);background:var(--n-100)}.rm-card.is-current{border-color:var(--color-accent)}.rm-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.rm-card-label{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--color-accent)}.rm-check{width:18px;height:18px;background:var(--color-accent);color:#fff;font-size:11px;line-height:18px;text-align:center;flex:none}.rm-badge{font-size:10px;font-weight:700;letter-spacing:.1em;border:1px solid var(--color-accent);color:var(--color-accent);padding:2px 7px;white-space:nowrap}.rm-card h3{font-size:17px;font-weight:700;line-height:1.25;margin:0}.rm-card-meta{font-size:12px;color:var(--n-600);margin-top:auto;letter-spacing:.02em}.rm-empty{border:1px dashed var(--line);padding:22px;font-size:13px;color:var(--n-500);grid-column:1 / -1}.rm-outro{border-top:1px solid var(--line);padding:28px 0 0;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.rm-outro p{margin:0;color:var(--n-600);font-size:14px;max-width:560px}.rm-reset{margin-left:auto}@media(max-width:1080px){.rm-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.rm-grid{grid-template-columns:1fr}.rm-stage-count{margin-left:0;width:100%}.hm-head-side{width:100%;text-align:left}.rm-progress{width:100%;margin-left:0}.rm-reset{margin-left:0}}