:root{--bg:#14151a;--bg-panel:#1b1d24;--bg-raised:#23262f;--border:#2e3240;--text:#e8e9ee;--text-dim:#9aa0ae;--accent:#8b7cf6}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.app{grid-template-columns:240px 1fr 300px;height:100vh;display:grid}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);padding:12px;overflow-y:auto}.sidebar-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.sidebar-header h1{letter-spacing:.03em;margin:0;font-size:16px}.search-input{background:var(--bg-raised);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;margin-bottom:10px;padding:6px 9px;font-size:12px}.search-input:focus{border-color:var(--accent)}.rename-input{background:var(--bg-raised);border:1px solid var(--accent);min-width:0;color:var(--text);border-radius:6px;outline:none;flex:1;padding:4px 7px;font-size:12px}.folder{margin-bottom:4px}.folder-row,.song-row{border-radius:6px;align-items:center;display:flex}.folder-row:hover .ghost,.song-row:hover .ghost{opacity:1}.folder-name,.song-name{text-align:left;min-width:0;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:space-between;align-items:baseline;gap:6px;padding:6px 8px;font-size:13px;display:flex}.song-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-time{color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-size:10px}.folder-name{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.chev{width:12px;display:inline-block}.count{opacity:.6;margin-left:6px;font-weight:400}.song-row{margin-left:12px}.song-row.selected{background:var(--bg-raised)}.song-row.selected .song-name{color:var(--accent)}.ghost{color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px}.sidebar-header .ghost{opacity:1}.ghost:hover{color:var(--text);background:var(--bg-raised)}.ghost.danger:hover{color:#ff7b8a}.main{flex-direction:column;min-width:0;display:flex}.toolbar{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;display:flex}.title-block{flex-direction:column;flex:1;min-width:0;display:flex}.title-input{color:var(--text);background:0 0;border:none;outline:none;min-width:0;padding:0;font-size:18px;font-weight:600}.song-meta{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.folder-select{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:6px;max-width:130px;padding:5px 8px;font-size:12px}.pill-toggle,.tool-btn{background:var(--bg-raised);color:var(--text-dim);cursor:pointer;border:none;border-radius:8px;padding:6px 10px;font-size:12px}.pill-toggle.active{background:var(--accent);color:#fff}.tool-btn:hover{color:var(--text)}.mode-toggle{background:var(--bg-raised);border-radius:8px;padding:2px;display:flex}.mode-toggle button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:12px}.mode-toggle button.active{background:var(--accent);color:#fff}.dict-status{color:var(--text-dim);font-size:12px}.empty{color:var(--text-dim);flex:1;place-items:center;display:grid}.editor{flex:1;min-height:0;position:relative}.editor-backdrop,.editor-input{white-space:pre-wrap;word-wrap:break-word;letter-spacing:normal;tab-size:4;padding:20px 24px;font:15px/1.7 ui-monospace,SF Mono,Menlo,monospace;position:absolute;inset:0;overflow-y:auto}.editor-backdrop{color:var(--text);pointer-events:none}.editor-input{resize:none;color:#0000;caret-color:var(--text);background:0 0;border:none;outline:none}.editor-input::placeholder{color:var(--text-dim);opacity:.6}.editor-input::selection{color:#0000;background:#8b7cf64d}mark.rhyme{color:inherit;border-radius:4px;padding:1px 0}.syl{background:var(--bg-raised);color:var(--text-dim);-webkit-user-select:none;user-select:none;border-radius:999px;margin-top:2px;margin-left:10px;padding:3px 5px;font-size:10px;line-height:1;position:absolute}mark.r0{background:#ff638447;box-shadow:0 2px #ff6384}mark.r1{background:#54a0ff47;box-shadow:0 2px #54a0ff}mark.r2{background:#1dd1a147;box-shadow:0 2px #1dd1a1}mark.r3{background:#feca574d;box-shadow:0 2px #feca57}mark.r4{background:#be84ff4d;box-shadow:0 2px #be84ff}mark.r5{background:#ff9f434d;box-shadow:0 2px #ff9f43}mark.r6{background:#00d2d347;box-shadow:0 2px #00d2d3}mark.r7{background:#f368e047;box-shadow:0 2px #f368e0}mark.r8{background:#a3cb384d;box-shadow:0 2px #a3cb38}mark.r9{background:#ff6b6b3d;box-shadow:0 2px #ff6b6b}mark.r10{background:#48dbfb3d;box-shadow:0 2px #48dbfb}mark.r11{background:#ffda793d;box-shadow:0 2px #ffda79}.heatmap{border-top:1px solid var(--border);padding:10px 16px 14px}.heatmap-header{color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.legend{align-items:center;gap:3px;display:inline-flex}.heatmap-scroll{overflow-x:auto}.heatmap-months{color:var(--text-dim);grid-auto-columns:13px;grid-auto-flow:column;height:14px;font-size:10px;display:grid}.heatmap-grid{gap:3px;display:flex}.heatmap-week{flex-direction:column;gap:3px;display:flex}.cell{background:var(--bg-raised);border-radius:2px;width:10px;height:10px;display:inline-block}.cell.l1{background:#3c2f6e}.cell.l2{background:#5a48a8}.cell.l3{background:#7a64d8}.cell.l4{background:#a08cff}.right-panel{background:var(--bg-panel);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--border);display:flex}.tabs button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:13px}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.panel-body{flex:1;padding:12px;overflow-y:auto}.row-form{gap:6px;margin-bottom:12px;display:flex}.stack-form{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.panel-body input{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;flex:1;min-width:0;padding:7px 9px;font-size:13px}.panel-body input:focus{border-color:var(--accent)}.panel-body button[type=submit],.btn-row button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:7px 12px;font-size:13px}.btn-row button.danger{background:var(--bg-raised);color:#ff7b8a}.hint{color:var(--text-dim);font-size:12px;line-height:1.5;list-style:none}.version-list,.vocab-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.version-list li{background:var(--bg-raised);border-radius:8px;overflow:hidden}.version-head{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 10px;font-size:13px;display:flex}.version-head .date{color:var(--text-dim);white-space:nowrap;font-size:11px}.version-detail{padding:0 10px 10px}.version-detail pre{background:var(--bg);white-space:pre-wrap;border-radius:6px;max-height:200px;margin:0 0 8px;padding:8px;font-size:12px;overflow:auto}.btn-row{gap:6px;display:flex}.vocab-list li{background:var(--bg-raised);border-radius:8px;padding:9px 10px;position:relative}.vocab-list li.hint{background:0 0;padding:0}.vocab-list .ghost{position:absolute;top:6px;right:6px}.vocab-list li:hover .ghost{opacity:1}.vocab-word{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.badge{border-radius:999px;padding:1px 6px;font-size:10px;font-weight:500}.badge.ok{color:#1dd1a1;background:#1dd1a12e}.badge.warn{color:#feca57;background:#feca5726}.vocab-note{color:var(--text-dim);margin-top:3px;font-size:12px}.vocab-pron{color:var(--text-dim);margin-top:3px;font-family:ui-monospace,monospace;font-size:11px}.rhyme-results{flex-wrap:wrap;gap:6px;display:flex}.rhyme-chip{background:var(--bg-raised);color:var(--text);cursor:pointer;border:none;border-radius:999px;padding:4px 10px;font-size:13px}.rhyme-chip:hover{background:var(--border)}.rhyme-chip.near{opacity:.65}.rhyme-chip.copied{background:var(--accent);color:#fff}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:14px 0 8px;font-size:11px;font-weight:600}@media (width<=1100px){.app{grid-template-columns:200px 1fr 260px}}@media (width<=860px){.app{grid-template-columns:170px 1fr 230px}}