:root{color-scheme:light dark;--border: #e2e2e8;--muted: #71717a;--accent: #6d5ce7;--bg-card: #fafafa}@media(prefers-color-scheme:dark){:root{--border: #333;--muted: #a1a1aa;--bg-card: #1c1c20}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans,Segoe UI,sans-serif;line-height:1.6}.page{max-width:1420px;margin:0 auto;padding:32px 20px 120px}h1{font-size:22px;margin:0 0 4px}.hint{color:var(--muted);font-size:13px;margin:0 0 20px}.link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:0 4px}.sample-card{border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden}.sample-head{padding:18px 20px;background:var(--bg-card);border-bottom:1px solid var(--border)}.sample-label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:4px}.sample-text{font-size:15px}.sample-meta{color:var(--muted);font-size:12px;margin-top:6px}.ref-row{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--border)}.ref-body{min-width:0}.ref-title{font-size:12px;font-weight:600;color:var(--muted)}.ref-text{color:var(--muted);font-size:12px;margin-top:2px;line-height:1.5}.vendor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.vendor-tile{border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px}.vendor{background:none;border:1px dashed var(--muted);border-radius:6px;padding:3px 12px;font-size:13px;cursor:pointer;color:inherit;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor.revealed{border-style:solid;border-color:var(--accent);color:var(--accent);font-weight:600}.vendor-tile:last-child{border-right:none}.tag-closed{font-size:11px;font-weight:400;color:var(--muted);margin-left:6px}.empty{color:var(--muted)}footer{color:var(--muted);font-size:12px;margin-top:16px}.play-btn{flex:none;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--accent);background:none;color:var(--accent);font-size:13px;cursor:pointer;transition:background .15s,color .15s}.play-btn:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.play-btn.active{background:var(--accent);color:#fff}.play-btn.ref{border-style:dashed}.play-btn.ref.active{border-style:solid}.player-dock{position:fixed;left:50%;bottom:24px;transform:translate(-50%);width:min(720px,calc(100vw - 32px));display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;background:color-mix(in srgb,canvas 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:0 8px 30px #0000002e;z-index:100}.dock-btn{flex:none;width:44px;height:44px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:14px;cursor:pointer}.dock-info{flex:none;width:130px}.dock-label{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.dock-wave{flex:1;min-width:0;cursor:pointer}.dock-close{flex:none;border:none;background:none;color:var(--muted);font-size:14px;cursor:pointer;padding:6px}.dock-close:hover{color:inherit}