:root{--bg: #0b0d10;--panel: #11161d;--panel2: #0f1319;--text: #e9eef6;--muted: #98a7bb;--border: rgba(255, 255, 255, .08);--accent: #7dd3fc;--danger: #fb7185;--ok: #34d399;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--radius: 12px;--tap: 44px;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 600px at 15% 0%,rgba(125,211,252,.12),transparent 55%),radial-gradient(900px 500px at 80% 20%,rgba(52,211,153,.08),transparent 60%),var(--bg);color:var(--text)}button,input,select{font:inherit}a{color:inherit}.app{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100dvh}.topbar{position:sticky;top:0;z-index:5;background:#0b0d10cc;backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbarInner{display:flex;gap:10px;align-items:center;padding:10px 12px;max-width:1200px;margin:0 auto;flex-wrap:wrap}.tabs{display:inline-flex;gap:6px;padding:4px;border-radius:12px;border:1px solid var(--border);background:#0003}.tabBtn{height:36px;padding:0 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.tabBtn.isActive{border-color:#7dd3fc66;background:#7dd3fc1f;color:var(--text)}.content{display:grid;grid-template-columns:1fr;gap:12px;padding:12px;max-width:1200px;width:100%;margin:0 auto}@media (min-width: 980px){.content{grid-template-columns:minmax(0,1fr) 330px;align-items:start}}.panel{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panelHeader{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border)}.panelBody{padding:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.btn{height:var(--tap);padding:0 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btnPrimary{border-color:#7dd3fc59;background:#7dd3fc1f}.btnDanger{border-color:#fb718559;background:#fb71851a}.field{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#0000002e}.field label{color:var(--muted);font-size:12px}.field input,.field select{min-width:88px;border:none;outline:none;background:transparent;color:var(--text);padding:6px 0}.muted{color:var(--muted)}.waveWrap{padding:10px}.waveScroll{width:100%;overflow-x:auto;overflow-y:hidden}.waveInner{min-width:100%}.dropZone{border:1px dashed rgba(125,211,252,.4);background:#7dd3fc14;border-radius:12px;padding:14px}.pointsList{display:flex;flex-direction:column;gap:8px}.lyricsList{display:flex;flex-direction:column;gap:10px}.lyricsPrep{padding:10px;border-radius:12px;border:1px dashed rgba(125,211,252,.3);background:#7dd3fc0f;margin-bottom:12px}.wizardSteps{display:grid;gap:8px;margin-bottom:12px}.wizardStep{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#00000029;color:var(--muted)}.wizardStep.isActive{border-color:#7dd3fc66;background:#7dd3fc1a;color:var(--text)}.wizardStep.isDone{color:var(--text);border-color:#34d39959;background:#34d39914}.wizardDot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#ffffff14}.modalOverlay{position:fixed;inset:0;z-index:20;background:#03060ac7;backdrop-filter:blur(8px)}.modalPanel{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.modalHeader,.modalFooter{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:#0b0d10e6}.modalFooter{border-top:1px solid var(--border);border-bottom:none;margin-top:auto}.modalBody{flex:1 1 auto;overflow:auto;padding:16px}.lyricsModalGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;height:100%}.lyricsModalEditor{position:relative;width:100%;min-height:60vh;height:100%}.lyricsModalOverlay,.lyricsModalTextarea{position:absolute;inset:0;padding:12px;border-radius:12px;border:1px solid var(--border);font:inherit;line-height:1.6;white-space:pre-wrap;word-break:break-word;text-align:start}.lyricsModalOverlay{background:#0000004d;color:transparent;overflow:hidden;pointer-events:none}.lyricsOverlayLine{display:block;padding:0;margin:0;min-height:1.6em}.lyricsOverlayLine.isBad{background:#fb718540;color:transparent}.lyricsModalTextarea{background:transparent;color:var(--text);resize:none}.lyricsModalHints{display:flex;flex-direction:column;gap:8px;overflow:auto;padding-right:4px}.lyricsLineHint{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#0000002e}.lyricsLineHint.isBad{border-color:#fb718580;background:#fb71851f}.timelineWrap{padding:12px;border-radius:12px;border:1px solid var(--border);background:#0003;margin-bottom:12px}.timelineTrack{position:relative;height:14px;border-radius:999px;background:#ffffff14;overflow:hidden}.timelineProgress{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,#7dd3fc59,#34d39966)}.timelineCursor{position:absolute;top:-8px;width:2px;height:30px;background:#fffc;transform:translate(-1px)}.timelineMarker{position:absolute;top:2px;width:3px;height:10px;border-radius:2px;background:#7dd3fccc;transform:translate(-1px);opacity:.9}.timelineSegments{position:relative;margin-top:12px;height:64px;border-radius:10px;border:1px dashed rgba(255,255,255,.08);background:#ffffff05;overflow:hidden}.timelineSegments.underWave{margin-top:10px}.timelineSegment{position:absolute;top:10px;bottom:10px;border-radius:10px;background:#7dd3fc29;border:1px solid rgba(125,211,252,.45);display:flex;align-items:center;gap:6px;padding:0 18px;cursor:pointer}.timelineSegment.isActive{background:#34d3992e;border-color:#34d3998c}.timelineLabel{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timelineHandle{position:absolute;top:6px;width:10px;height:calc(100% - 12px);border-radius:6px;border:1px solid rgba(255,255,255,.4);background:#fff3;cursor:ew-resize}.timelineHandle.isStart{left:4px}.timelineHandle.isEnd{right:4px}.magazineWrap{padding:12px;border-radius:12px;border:1px solid var(--border);background:#00000029}.magazineTrack{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.magazineSlot{padding:10px;border-radius:12px;border:1px solid var(--border);background:#0003;display:grid;gap:6px}.magazineSlot.isActive{border-color:#7dd3fc99;background:#7dd3fc1f;box-shadow:0 12px 25px #00000040}.magazineIndex{font-size:12px;color:var(--muted)}.magazineText{font-size:14px}.currentLyricPreview{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#00000038;text-align:center}.currentLyricText{font-size:16px;font-weight:600;margin-top:4px;text-align:center}.currentLyricNext{margin-top:6px;font-size:14px;color:var(--muted);text-align:center}@media (max-width: 900px){.lyricsModalGrid{grid-template-columns:1fr}.lyricsModalEditor{min-height:40vh}}.pointRow{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--border);background:#00000024}.pointRow[aria-selected=true]{outline:2px solid rgba(125,211,252,.45);background:#7dd3fc14}.lyricRow{display:grid;grid-template-columns:34px 110px 1fr;gap:10px;align-items:start;padding:10px;border-radius:12px;border:1px solid var(--border);background:#00000024}.lyricRow[aria-selected=true]{outline:2px solid rgba(125,211,252,.45);background:#7dd3fc14}.lyricMeta{display:grid;gap:4px}.lyricControls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.lyricTimeInput{min-width:92px;border-radius:8px;border:1px solid var(--border);background:#0003;color:var(--text);padding:6px 8px}.lyricText{grid-column:2 / -1;width:100%;border-radius:10px;border:1px solid var(--border);background:#0003;color:var(--text);padding:8px;text-align:start;resize:vertical;min-height:64px}@media (max-width: 700px){.lyricRow{grid-template-columns:28px 1fr}.lyricText{grid-column:1 / -1}}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.barePointHandle{position:absolute;top:0;bottom:0;left:-14px;width:28px;pointer-events:auto;touch-action:none}@media (pointer: coarse){.barePointHandle{left:-18px;width:36px}}.barePointHandle:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:16px;height:18px;border-radius:10px;border:1px solid rgba(125,211,252,.35);background:#7dd3fc14;box-shadow:0 8px 20px #00000040}.mobileTransport{position:sticky;bottom:0;z-index:6;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#0b0d10d6;backdrop-filter:blur(10px);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (min-width: 980px){.mobileTransport{display:none}}.kbdHint{display:none}@media (min-width: 980px){.kbdHint{display:inline;color:var(--muted);font-size:12px}}