:root{font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:#4b4050;background:#fff9fc;--pink:#f29abb;--deep:#9d5c7c;--mint:#bcebdc;--card:#fff;--shadow:0 8px 24px #b86a8b22}*{box-sizing:border-box}body{margin:0;padding-bottom:72px;background:radial-gradient(circle at 15% 5%,#ffe5f0,transparent 30%),#fff9fc}button,input,select{font:inherit}button,select,input[type=search],input[type=text],input[type=number]{border:1px solid #efd4df;background:#fff;border-radius:18px;padding:.7rem 1rem;color:inherit}button{cursor:pointer;box-shadow:0 3px 8px #a65f7a1a}.primary{background:linear-gradient(135deg,#f5a5c4,#ef8eb7);color:#fff;border:0;font-weight:700}.danger{color:#a22;background:#fff0f0;border-color:#f1baba}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;position:sticky;top:0;z-index:5;background:#fff9fddd;backdrop-filter:blur(12px)}h1,h2,p{margin:.15rem 0}h1{font-size:1.3rem}h2{font-size:1.05rem}header small{font-size:.62rem;letter-spacing:.15em;color:var(--deep)}main{max-width:760px;margin:auto;padding:10px 12px}.view{display:none}.view.active{display:block}.toolbar,.row,.grid{display:flex;gap:8px;flex-wrap:wrap}.toolbar>*{min-width:0;flex:1}.row{margin:8px 0}.card,.track,.playlist-card{background:var(--card);border:1px solid #f4dce6;border-radius:24px;padding:14px;margin:10px 0;box-shadow:var(--shadow)}.track{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;touch-action:pan-y}.track.dragging{opacity:.4}.track-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:.7rem;color:#876f7a}.handle{color:#c69aaa;font-size:1.3rem;cursor:grab}.more{padding:.5rem;box-shadow:none}nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:66px;background:#fffdfedb;backdrop-filter:blur(14px);display:flex;justify-content:center;border-top:1px solid #f1d8e3;padding-bottom:env(safe-area-inset-bottom)}nav button{border:0;border-radius:0;box-shadow:none;background:none;font-size:.72rem;flex:1;max-width:190px;padding:6px}nav button.active{color:#c04f82;font-weight:800}.player{position:fixed;inset:8px 8px 68px;z-index:15;max-width:760px;margin:auto;padding:14px;overflow:auto;background:#fffafded;border:1px solid #f2cddd;border-radius:28px;box-shadow:0 20px 60px #60304735;backdrop-filter:blur(20px)}.hidden{display:none!important}.player-head{display:flex;justify-content:space-between}.player-head h2{font-size:1.2rem}.player-head small{font-size:.68rem;color:#997584}canvas{display:block;width:100%;height:auto;background:#fff;border-radius:18px;border:1px solid #f2dce6;margin:10px 0}.time{display:flex;justify-content:space-between;font-size:.72rem}.transport{display:flex;justify-content:center;align-items:center;gap:10px;margin:8px}.transport .play{width:58px;height:58px;border-radius:50%;background:var(--pink);color:#fff;border:0;font-size:1.3rem}.controls label{flex:1 1 45%;font-size:.75rem}.controls input[type=range]{width:100%}.ab{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:10px 0}.ab button{padding:.5rem .7rem;font-size:.74rem}.ab span{font-size:.7rem}.memo-add{display:flex;gap:6px}.memo-add input{min-width:0;flex:1}.memo-list{max-height:150px;overflow:auto}.memo-item{display:grid;grid-template-columns:54px 1fr auto;gap:6px;align-items:center;padding:5px;border-bottom:1px solid #f4e4eb;font-size:.67rem}.memo-time{font-weight:800;color:#ba5683}.memo-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memo-rail{height:16px;position:relative;background:#fae8f0;border-radius:8px}.memo-mark{position:absolute;top:2px;width:10px;height:12px;border:0;padding:0;background:#c45e8b;border-radius:5px;transform:translateX(-50%)}.pitch-now,.live-pitch{padding:10px;border-radius:16px;background:#f3fff9;font-size:.78rem;margin:8px 0}.pitch-chip{display:inline-block;padding:4px 7px;margin:2px;border-radius:10px;background:#eee}.pitch-chip.hot{background:#f293ba;color:#fff;font-weight:800}progress{width:100%}dialog{border:0;border-radius:24px;padding:18px;box-shadow:0 20px 80px #4e273755}dialog form{display:grid;gap:10px;min-width:min(80vw,350px)}#toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);background:#4f3e47;color:#fff;padding:10px 16px;border-radius:20px;z-index:50;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}@media(min-width:700px){.player{inset:30px 20px 80px}.track-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.track{margin:0}}