@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jetbrains-mono-latin-600-normal-C8RAYTDA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-600-normal-BfsvjouI.woff) format("woff")}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#d9d9d9;background:#0d0d0d;color-scheme:dark;font-synthesis:none;--accent: #00bfff;--muted: #a8a8a8;--line: #383838;--panel: #111111;--mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent;outline-offset:3px}:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled,input:disabled,select:disabled{opacity:.4;cursor:default}a{color:inherit}button,input,select{border-radius:6px}input,select{min-width:0}button svg,svg.lucide{width:18px;height:18px;stroke-width:1.7;flex-shrink:0}[hidden]{display:none!important}.topbar{height:54px;display:flex;align-items:center;gap:20px;padding:0 20px;border-bottom:1px solid var(--line)}.brand-group,.top-actions{display:flex;align-items:center;gap:12px}.brand{display:inline-flex;font-size:24px;font-weight:750;letter-spacing:-.9px;text-decoration:none;color:#f2f2f2}.brand span{color:var(--accent)}.top-caption{color:var(--muted);font-size:12px;margin-right:auto}.top-actions{margin-left:auto}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:12px;border:1px solid #585858;background:#292929;white-space:nowrap}.button:hover{background:#3b3b3b}.button.primary{color:#0d0d0d;background:var(--accent);border-color:var(--accent);font-weight:650}.button.primary:hover{background:#65d8ff}.button.small{padding:7px 10px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-button:hover{background:#353535;color:#fff}.icon-button[aria-pressed=true],.button[aria-pressed=true]{color:var(--accent);background:#092630}.app-layout{display:grid;grid-template-columns:224px minmax(0,1fr);height:calc(100dvh - 138px);min-height:560px}.sidebar{padding:20px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:auto;min-height:0}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--muted)}.sidebar-heading,.mixer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.counter{font-family:var(--mono);font-size:11px;color:var(--muted)}.search{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:6px}.search svg{width:16px;height:16px}.search input{width:100%;background:none;border:0;color:#e4e4e4;font-size:12px}.search input::placeholder{color:#a8a8a8}.song-list{margin-top:12px;max-height:40vh;overflow:auto}.empty-library{padding:12px 7px;font-size:12px;color:var(--muted);line-height:1.6}.song-row,.demo-song{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:11px 7px;border-left:2px solid transparent;border-radius:0}.song-row:hover,.demo-song:hover{background:#292929}.song-row.active,.demo-song.active{background:#092630;border-color:var(--accent)}.song-row>span:nth-child(2),.demo-song>span:nth-child(2){min-width:0;flex:1}.song-row strong,.demo-song strong{display:block;font-size:12px;font-weight:600;color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-row small,.demo-song small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.song-art{color:var(--muted);display:flex}.demo-label{font-size:9px;color:var(--accent)}.dropzone{display:flex;flex-direction:column;align-items:center;padding:20px 8px;border:1px dashed #575757;margin-top:22px;gap:10px}.dropzone strong{font-size:12px;font-weight:500}.dropzone span{font-size:11px;color:var(--muted);line-height:1.7}.dropzone small{font-size:9px;color:var(--muted)}.dropzone:hover{border-color:var(--accent)}.sidebar-footer{display:flex;gap:8px;font-size:11px;line-height:1.7;color:var(--muted);margin-top:auto;padding-top:24px}.sidebar-footer>svg{width:15px;height:20px}.sidebar-footer p{margin:0}.sidebar-footer strong{font-weight:500}.text-button{color:var(--accent);padding:4px 0;font-size:12px}.text-button:hover{text-decoration:underline}.workspace{display:flex;flex-direction:column;min-width:0;overflow:hidden}.song-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 24px 13px}.song-heading .eyebrow{font-size:10px}.format-tag{margin-left:8px;color:var(--accent)}h1{color:#f3f3f3;font-size:25px;font-weight:650;letter-spacing:-.6px;line-height:1.2;margin:5px 0;overflow-wrap:anywhere}.song-heading p{font-size:12px;color:var(--muted);margin:0}.song-actions{display:flex;gap:4px}.score-toolbar{display:flex;align-items:center;gap:14px;margin:0 20px 12px;flex-wrap:wrap}.track-select{display:flex;align-items:center;gap:8px;min-width:0}.track-select svg{color:var(--accent)}select{background:#282828;border:1px solid #474747;color:#e4e4e4;padding:7px 8px;font-size:12px;max-width:100%}.track-select select{max-width:240px}.tuning{font:11px var(--mono);color:#b6b6b6}.toolbar-end{display:flex;gap:6px;margin-left:auto;align-items:center}.score-area{display:flex;flex:1;min-height:0;border-top:1px solid var(--line)}.score-column{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.sections{display:flex;gap:4px;align-items:center;padding:5px 17px;min-height:38px;overflow:auto;flex-shrink:0;border-bottom:1px solid var(--line)}.section-button{font-size:12px;white-space:nowrap;padding:6px 9px}.section-button span{color:#a8a8a8;font:10px var(--mono);margin-right:7px}.section-button:hover{background:#353535}.section-button.active{color:var(--accent);background:#092630}.position-bar{display:flex;align-items:center;gap:14px;min-height:42px;padding:4px 20px;border-bottom:1px solid var(--line);font-size:12px;flex-wrap:wrap}#position-detail{color:var(--accent);font:11px var(--mono);min-width:180px}#position-section{color:var(--muted);font-size:11px}#follow{margin-left:auto;white-space:nowrap}#follow[aria-pressed=false]{color:#bababa}.jump-label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.jump-label input{width:55px;background:#242424;border:1px solid #484848;padding:4px;color:#ececec}.position-bar .icon-button{width:27px;height:27px}.score-scroll{flex:1;min-height:220px;overflow:auto;position:relative;background:#111;color:#eaeaea;scrollbar-color:#6d6d6d #262626;overscroll-behavior:contain}.sheet-head{display:flex;justify-content:space-between;gap:12px;padding:20px 24px 0;color:#adadad;font:10px var(--mono)}.sheet-foot{display:flex;justify-content:space-between;gap:10px;padding:8px 24px 24px;color:#adadad;font-size:10px}#score{min-height:230px;position:relative}.score-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#111;color:#c8c8c8;font-size:13px}.spinner{width:18px;height:18px;border:2px solid #5c5c5c;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.at-cursor-bar{background:#00bfff19;border:1px solid #00bfff3f}.at-cursor-beat{background:#00bfff;width:3px!important;box-shadow:0 0 0 1px #191919}.at-cursor-beat:before{content:"";position:absolute;top:-7px;left:-4px;border:5px solid transparent;border-top-color:#00bfff}.at-selection div{background:#a1a1a140;border:1px solid #b1b1b188}.at-highlight *{fill:#d7d7d7;stroke:#d7d7d7}.mixer{width:240px;flex-shrink:0;border-left:1px solid var(--line);padding:18px;overflow:auto}.mix-tools{display:grid;gap:10px;margin-bottom:20px}.mix-tools label{display:flex;align-items:center;justify-content:space-between;font-size:12px}.mix-tools .text-button{text-align:left}.track-card{padding:14px 0;border-top:1px solid var(--line)}.track-title,.track-controls{display:flex;align-items:center;gap:8px}.track-title{margin-bottom:10px}.track-number{font:10px var(--mono);color:var(--muted)}.track-name{padding:0;font-size:12px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-card.selected .track-name{color:var(--accent)}.track-switch{width:30px;height:30px;border:1px solid #585858;font:11px var(--mono);flex-shrink:0}.track-switch[aria-pressed=true]{background:#383838;color:var(--accent);border-color:var(--accent)}.track-volume{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.track-volume input{width:100%}.track-volume span{color:#b4b4b4;font:10px var(--mono);min-width:24px}.mixer-note{font-size:11px;line-height:1.6;color:var(--muted);display:flex;align-items:center;gap:10px;padding-top:24px}.mixer-note svg{width:18px}.practice-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 20px;min-height:52px;border-top:1px solid var(--line);font-size:12px;background:#202020}.practice-bar>svg{width:16px;height:16px}.practice-bar label{display:flex;align-items:center;gap:6px;color:#c2c2c2;font-size:11px}.practice-bar input{border:1px solid #4f4f4f;background:#262626;width:52px;padding:5px;color:#eaeaea;font:11px var(--mono)}.loop-label{font-size:11px;color:var(--muted);margin-left:auto}.status-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 20px;min-height:30px;font-size:11px;color:var(--muted)}.status-line>span:last-child{white-space:nowrap}kbd{font:10px var(--mono);border:1px solid #525252;border-radius:3px;padding:2px 5px;color:#cacaca;background:#2b2b2b}.transport{height:84px;display:flex;align-items:center;gap:24px;padding:0 24px;background:#242424;border-top:1px solid #4d4d4d;position:relative;z-index:5}.transport-main{display:flex;align-items:center;gap:12px}.play-button{display:flex;align-items:center;justify-content:center;height:46px;width:46px;border-radius:50%;background:var(--accent);color:#202020}.play-button svg{width:21px;height:21px;fill:currentColor}.play-button:hover{background:#d0d0d0}.timeline{flex:1;min-width:80px}.timeline-meta{display:flex;justify-content:space-between;font:11px var(--mono);color:#bababa;margin-bottom:9px}.timeline-meta strong{color:#f2f2f2;font-weight:400}.time-divider{margin:0 7px}input[type=range]{accent-color:var(--accent);height:16px;cursor:pointer;margin:0;vertical-align:middle}#seek{width:100%}.tempo-control{border-left:1px solid #515151;padding-left:20px}.tempo-control label{display:flex;gap:10px;font-size:10px;margin-bottom:5px}.tempo-control select{width:105px;font:13px var(--mono);padding:4px 6px}.transport-options{display:flex;align-items:center;gap:6px}.count-in{font:11px var(--mono);gap:2px}.count-in span{color:#a4a4a4}.master-volume{display:flex;align-items:center;gap:9px;margin-left:10px}.master-volume input{width:68px}.master-volume svg{width:18px}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);max-width:min(620px,92vw);width:max-content;padding:13px 18px;background:#353535;border:1px solid #858585;border-radius:6px;color:#f1f1f1;font-size:13px;line-height:1.6;z-index:50}.toast.error{background:#3a2722;border-color:#c7917e}.drag-overlay{position:fixed;inset:8px;z-index:100;background:#242424f5;border:2px dashed var(--accent);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;pointer-events:none}.drag-overlay strong{font-size:24px}.drag-overlay>svg{width:44px;height:44px;color:var(--accent)}dialog{background:#242424;color:#d2d2d2;border:1px solid #6a6a6a;border-radius:6px;padding:26px;max-width:600px;width:calc(100% - 30px);max-height:calc(100dvh - 40px)}dialog::backdrop{background:#000b}.dialog-heading{display:flex;align-items:center;justify-content:space-between}dialog h2{font-size:26px;font-weight:600;color:#f0f0f0}dialog p{font-size:13px;line-height:1.8}dialog h3{font-size:15px;margin-top:24px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:12px;padding:16px 0}.help-credit{border-top:1px solid var(--line);padding-top:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}.danger{background:#5c3026;border-color:#bd8a75}.skip-link{position:fixed;top:-100px;left:10px;background:#353535;color:#fff;padding:15px;z-index:999}.skip-link:focus{top:10px}.about-player{border-top:1px solid var(--line);max-width:100%;padding:28px max(24px,calc((100% - 960px)/2));color:var(--muted);font-size:13px;line-height:1.8}.about-player h2{font-size:17px;color:#dbdbdb}noscript{display:block;padding:24px}body.library-hidden .app-layout,body.focus-mode .app-layout{grid-template-columns:minmax(0,1fr)}body.library-hidden .sidebar,body.focus-mode .sidebar,body.focus-mode .mixer,body.focus-mode .top-caption,body.focus-mode .song-heading .eyebrow,body.focus-mode .song-heading p{display:none}body.focus-mode .song-heading{padding-top:9px;padding-bottom:9px}body.focus-mode .topbar{height:44px}body.focus-mode .app-layout{height:calc(100dvh - 128px)}@media(max-width:1100px){.top-caption,.tuning{display:none}.app-layout{grid-template-columns:200px minmax(0,1fr)}.song-heading{padding:14px 18px}.score-toolbar{margin-left:16px;margin-right:16px;gap:8px}.track-select select{max-width:180px}.transport{gap:16px;padding:0 16px}.master-volume{display:none}.loop-label,.status-line>span:last-child{display:none}.mixer{width:215px;padding:14px}.position-bar{gap:8px}#position-section{display:none}}@media(max-width:760px){.topbar{padding:0 12px;gap:8px}.brand{font-size:23px}.brand-group,.top-actions{gap:5px}.app-layout,body.focus-mode .app-layout{display:flex;flex-direction:column;height:auto;min-height:0;margin-bottom:112px}.workspace{order:1;height:calc(100dvh - 166px);min-height:0;flex-shrink:0}body.focus-mode .workspace{height:calc(100dvh - 156px)}.sidebar{order:2;border-right:0;border-top:1px solid var(--line);padding:18px}.song-list{max-height:220px}.sidebar-footer{margin-top:10px;padding:0}.dropzone{margin-top:12px;padding:14px}.dropzone span,.dropzone small{display:none}.song-heading{padding:12px 14px}h1{font-size:23px}.song-heading p{font-size:11px}.song-actions{gap:0}.song-actions .icon-button{width:30px}.score-toolbar{margin:0 12px 10px}.track-select{width:100%}.track-select select{max-width:calc(100% - 30px);width:100%}.toolbar-end{width:100%;margin:0}.toolbar-end select{flex:1;min-width:0;padding:7px 4px}.sections{padding:5px 10px}.position-bar{padding:5px 12px;gap:7px}#position-detail{min-width:0;flex:1;font-size:10px}.jump-label,#jump{display:none}#follow{font-size:11px}#return-position{padding:5px 7px;font-size:11px}.score-area{flex-direction:column;position:relative}.score-scroll{height:auto;flex:1;min-height:0}.sheet-head{padding:18px 16px 0;font-size:9px}.sheet-foot{padding-left:16px;padding-right:16px}.sheet-foot span:last-child{display:none}.practice-bar{gap:8px;padding:9px 12px}.practice-bar>svg,.practice-bar>span:first-of-type{display:none}.practice-bar input{width:44px}.mixer{position:absolute;inset:0;z-index:3;width:100%;border-left:0;border-top:1px solid var(--line);padding:16px;background:var(--panel)}.mix-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.mix-tools label{gap:8px}#tracks{display:flex;gap:20px;overflow:auto}.track-card{min-width:175px;flex:1;border:0}.mixer-note{display:none}.status-line{padding:8px 12px;font-size:10px}.transport{position:fixed;bottom:0;left:0;right:0;height:112px;display:grid;grid-template-columns:124px 1fr auto;grid-template-rows:36px 38px;gap:6px 12px;padding:12px}.transport-main{grid-column:1;grid-row:1/3;gap:4px}.transport-main .icon-button{width:32px}.play-button{height:43px;width:43px}.timeline{grid-column:2/4;grid-row:1}.timeline-meta{font-size:9px;margin-bottom:4px}.tempo-control{grid-column:2;grid-row:2;border:0;padding:0}.tempo-control label{display:none}.tempo-control select{font-size:12px;width:85px}.transport-options{grid-column:3;grid-row:2;gap:0}.transport-options .icon-button{width:30px}.about-player{padding:22px 18px 138px}.toast{bottom:125px}.help-grid{gap:12px 8px;font-size:11px}}@media(max-width:380px){#header-import span{display:none}#header-import{padding:7px}.position-bar{gap:5px}#return-position{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}.brand{font-family:var(--mono);font-size:20px;font-weight:500;letter-spacing:-.5px}