:root{color-scheme:dark;--bg:#101a17;--surface:#17241f;--line:#30483d;--ink:#f1f5ed;--muted:#a8bcb0;--accent:#b6f279;--accent-ink:#182719;font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,input,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);border-radius:12px;background:transparent;min-height:44px;padding:10px 16px}button:hover{background:#23392c}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none}header{max-width:1280px;margin:auto;padding:28px 40px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:700;display:flex;align-items:baseline;gap:10px}.brand span{font-size:12px;color:var(--accent);letter-spacing:.12em}.context,.local{font-size:12px;color:var(--muted)}.local{margin-left:auto}main{max-width:1180px;margin:48px auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;padding:0 40px}h1,h2,h3,p{margin:0}h1{font-size:36px;letter-spacing:-.02em;line-height:1.35}h2{font-size:24px;line-height:1.5;text-wrap:balance}h3{font-size:20px}.song{display:flex;align-items:center;justify-content:space-between}.song p{margin-top:12px;color:var(--muted);font-size:14px}.song p span{margin:0 8px}.format{color:var(--muted);font-size:12px;border:1px solid var(--line);padding:6px 10px;border-radius:6px}.wave-wrap{margin:40px 0 28px}.wave-wrap canvas{width:100%;height:155px;display:block}.wave-caption{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-top:16px}.wave-caption span:first-child{color:var(--accent)}input[type=range]{accent-color:var(--accent);cursor:pointer;width:100%;height:24px;margin:0}#seek{display:block}.time{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;margin-top:8px}.transport{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}.play{display:flex;align-items:center;gap:10px;min-width:104px;background:var(--ink);color:var(--bg);border-color:var(--ink)}.play:hover{background:#d6e2d5}.play svg{width:18px;height:18px;fill:currentColor}.volume{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.volume input{width:100px}.capture-block{margin-top:40px}.capture{display:flex;gap:12px;align-items:center;justify-content:center;width:100%;background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700;font-size:18px;padding:18px}.capture:hover{background:#c9f79c}.capture svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none}.capture-block p{font-size:13px;color:var(--muted);margin-top:14px;text-align:center}.discovery{padding:4px 0}.discovery>p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:14px;min-height:50px}.candidates{margin-top:20px}.candidate{border-top:1px solid var(--line);padding:16px 0}.candidate-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.candidate h3{font-size:17px;font-weight:500}.candidate small{color:var(--muted);font-size:12px}.candidate .actions{display:flex;gap:10px;margin-top:14px}.candidate .actions button{flex:1;font-size:13px}.candidate .choose{color:var(--accent)}.text-button{color:var(--accent);border:0;padding:10px 0;text-align:left;font-size:13px;text-decoration:underline;text-underline-offset:5px}.text-button:hover{background:transparent;color:#dbfabc}.empty{padding:36px 0;color:var(--muted);line-height:1.9;font-size:14px}.empty svg{width:90px;height:50px;stroke:var(--line);stroke-width:1.5;fill:none;margin-bottom:20px}.focus-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}#focus-panel{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}#focus-panel p{color:var(--muted);font-size:14px;line-height:1.7;margin-top:8px}.strength{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:13px;margin-top:24px}.strength input{grid-column:1/-1}.strength span{grid-column:2;grid-row:1;color:var(--muted);font-size:12px}#activity{width:100%;height:90px;display:block;margin-top:20px}#focus-panel .note{font-size:12px}footer{max-width:1180px;margin:0 auto;padding:0 40px 32px;display:flex;justify-content:space-between;gap:40px;color:var(--muted);font-size:12px;line-height:1.8}footer details{max-width:500px}summary{cursor:pointer;text-align:right;min-height:32px}details p{margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}html{scrollbar-color:var(--line) var(--bg)}
@media(max-width:760px){header{padding:20px 24px;gap:12px;flex-wrap:wrap}.context{order:3;width:100%}.local{font-size:12px}main{display:block;margin:32px auto;padding:0 24px}.song h1{font-size:30px}.song p{font-size:12px}.wave-wrap{margin:28px 0 20px}.wave-wrap canvas{height:120px}.wave-caption span:last-child{display:none}.capture-block{margin-top:28px}.discovery{margin-top:40px}.discovery h2{font-size:22px}.empty{padding:20px 0}.empty svg{display:none}.volume input{width:80px}footer{display:block;padding:0 24px 24px}summary{text-align:left;margin-top:14px}.candidate .actions button{min-height:48px}footer details{max-width:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.clip-label{display:flex;align-items:center;gap:12px;margin-top:20px;color:var(--muted);font-size:12px}.clip-label select{font:inherit;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;min-height:44px;padding:8px 12px}.clip-label select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.candidate-wave{display:block;width:100%;height:32px;margin-top:12px}.discovery>.window-label{min-height:0;color:var(--accent);font-size:13px;margin-top:8px;font-variant-numeric:tabular-nums}.listen-clear{width:100%;margin-top:20px;background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700;font-size:17px}.listen-clear:hover{background:#c9f79c}.continue{width:100%;margin-top:20px;color:var(--accent)}#activity-details{margin-top:24px}#activity-details summary{text-align:left;font-size:13px;color:var(--muted)}.candidate [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.loop-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.loop-modes button{padding:12px 8px;font-size:14px;min-height:48px}.loop-modes [aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}#focus-panel .moment-title{font-size:20px;color:var(--ink);font-weight:700;margin-top:20px}