:root{--ink:#14151a;--ink-2:#1b1d24;--panel:#20222b;--panel-2:#262933;--line:#33363f;--paper:#ece7db;--paper-dim:#a7a394;--paper-faint:#6f6d64;--green:#5fb894;--green-deep:#3d7d64;--amber:#e0a458;--rust:#cd6b4a;--radius:12px;--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:"SF Mono","JetBrains Mono",ui-monospace,Menlo,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--ink);color:var(--paper);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(1100px 600px at 12% -8%,rgba(95,184,148,.1),transparent 60%),radial-gradient(900px 500px at 100% 0,rgba(224,164,88,.07),transparent 55%);background-attachment:fixed}a{color:var(--green)}.wrap{max-width:1120px;margin:0 auto;padding:0 22px;font-family:var(--mono)}.masthead{padding:26px 0 14px}.masthead h1{font-family:var(--mono);font-weight:700;font-size:24px;letter-spacing:.06em;margin:0;color:var(--green)}.masthead .tag{color:var(--paper-dim);font-size:14px;margin:5px 0 0;font-family:var(--sans)}.masthead .tag strong{color:var(--paper);font-weight:600}.lp-topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:8px 0 14px;background:var(--panel)}.lp-title{color:var(--green);font-weight:700;letter-spacing:.02em;margin-right:auto}.lp-btn{font-family:var(--mono);font-size:12.5px;color:var(--paper);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:7px 11px;cursor:pointer;transition:border-color .15s,background .15s}.lp-btn:hover{border-color:var(--green-deep)}.lp-btn:disabled{opacity:.45;cursor:default}.lp-select{font-family:var(--mono);font-size:12.5px;color:var(--paper);background:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:6px 8px;max-width:280px;cursor:pointer}.lp-select:focus{outline:none;border-color:var(--green-deep)}.lp-grid{display:grid;grid-template-columns:250px 1fr;grid-gap:14px;gap:14px;align-items:start}@media (max-width:720px){.lp-grid{grid-template-columns:1fr}}.lp-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:12px}.lp-panel h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-faint);margin:0 0 10px;display:flex;justify-content:space-between;align-items:center}.lp-card{border:1px solid var(--line);border-radius:6px;padding:18px 12px;margin-bottom:8px;background:var(--ink-2);cursor:pointer;transition:border-color .15s,background .15s}.lp-card:hover{border-color:var(--green-deep);background:#191b22}.lp-card.active{border-color:var(--green);background:#1a2620}.lp-card-top{display:flex;align-items:center;gap:6px}.lp-dot{color:var(--paper-faint)}.lp-card.active .lp-dot{color:var(--green)}.lp-name{color:var(--paper);background:transparent;border:none;outline:none;flex:1 1;min-width:0}.lp-name,.lp-name-fixed{font-family:var(--mono);font-size:13px}.lp-name-fixed{color:var(--paper-dim)}.lp-del{color:var(--paper-faint);background:none;border:none;cursor:pointer;font-family:var(--mono)}.lp-del:hover{color:var(--rust)}.lp-times{display:flex;align-items:center;gap:4px;margin-top:7px}.lp-time-in{font-size:12px;width:64px;text-align:center;background:var(--ink);color:var(--paper);padding:3px 4px}.lp-mini,.lp-time-in{font-family:var(--mono);border:1px solid var(--line);border-radius:4px}.lp-mini{font-size:10px;color:var(--paper-dim);background:var(--panel-2);padding:3px 5px;cursor:pointer}.lp-mini:hover{border-color:var(--green-deep);color:var(--green)}.lp-mini.no-hover:hover{border-color:var(--line);color:var(--paper-dim)}.lp-dash{color:var(--paper-faint)}.lp-mini-bar{font-family:var(--mono);font-size:10px;letter-spacing:.5px;margin-top:7px}.lp-mini-bar .mb-on{color:var(--amber)}.lp-mini-bar .mb-full{color:var(--green-deep)}.lp-mini-bar .mb-off{color:#3a3d47}.lp-file{color:var(--paper-dim);font-size:13px;margin-bottom:10px;word-break:break-all}.lp-clock{font-family:var(--mono);font-size:15px;color:var(--paper);margin-bottom:8px}.lp-clock .lp-dur{color:var(--paper-faint)}.lp-progress-row{display:flex;align-items:center;padding:4px 0 12px;font-family:var(--mono);font-size:15px;line-height:1}.lp-edge{color:var(--paper-faint)}.lp-bar{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.5px;white-space:nowrap;padding:10px 0;border-radius:4px;transition:background .12s}.lp-bar:hover{background:rgba(95,184,148,.07)}.lp-bar:hover .lp-col.rest{color:var(--paper-dim)}.lp-caret{position:absolute;top:4px;bottom:4px;width:2px;margin-left:-1px;background:var(--green);pointer-events:none}.lp-col.played{color:var(--green)}.lp-col.loop{color:var(--amber)}.lp-col.rest{color:var(--paper-faint)}.lp-transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.lp-play{font-family:var(--mono);font-size:14px;color:#0e1712;background:var(--green);border:none;border-radius:6px;padding:8px 18px;cursor:pointer;font-weight:700}.lp-play:hover{filter:brightness(1.06)}.lp-play:disabled{opacity:.45;cursor:default}.lp-ctl-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0;font-size:13px;color:var(--paper-dim)}.lp-ctl-row label{color:var(--paper-faint);min-width:78px}.lp-ctl-row input[type=range]{flex:1 1;min-width:120px;accent-color:var(--green)}.lp-val{color:var(--paper);min-width:52px;text-align:right}.lp-toggle,.lp-val{font-family:var(--mono)}.lp-toggle{font-size:12px;border:1px solid var(--line);border-radius:6px;background:var(--ink-2);color:var(--paper-dim);padding:5px 10px;cursor:pointer}.lp-toggle.on{border-color:var(--green);color:var(--green)}.hint,.lp-status{color:var(--paper-faint)}.lp-status{font-family:var(--mono);font-size:12px;border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.lp-drop{z-index:50;place-items:center;background:rgba(10,10,20,.8);color:var(--green);font-family:var(--mono);font-size:18px;border:3px dashed var(--green);pointer-events:none}.lp-drop,.modal-backdrop{position:fixed;inset:0;display:grid}.modal-backdrop{z-index:100;place-items:center;background:rgba(8,9,14,.72);padding:20px}.modal-card{width:min(440px,94vw);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;font-family:var(--sans)}.modal-card h3{font-family:var(--serif);font-size:22px;margin:0 0 8px}.modal-card p{color:var(--paper-dim);font-size:13.5px;margin:0 0 16px}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}.linkbtn{color:var(--paper-dim);font-size:13px;border:1px solid var(--line);padding:7px 12px;border-radius:8px;background:transparent;cursor:pointer;font-family:var(--sans)}.linkbtn:hover{color:var(--paper);border-color:var(--green-deep)}.btn{background:var(--green);color:#0e1712;border:none;cursor:pointer;font-weight:600;font-size:14px;padding:8px 16px;border-radius:8px;font-family:var(--sans)}.btn:hover{filter:brightness(1.06)}.how{max-width:72ch;margin:34px 0 60px;color:var(--paper-faint);font-family:var(--sans);font-size:13.5px;line-height:1.7}.how summary{cursor:pointer;color:var(--paper-dim);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none}.how summary::-webkit-details-marker{display:none}.how summary:before{content:"▸ ";color:var(--green)}.how[open] summary:before{content:"▾ "}.how ol{margin:12px 0 0;padding-left:20px}.how li{margin:0 0 8px}.how code{font-family:var(--mono);font-size:12px;color:var(--paper-dim);background:var(--panel-2);padding:1px 5px;border-radius:4px}