@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{--bgm-cream: #f7f2ea;--bgm-cream-soft: #fdfbf7;--bgm-cream-mute: #f0ebe2;--bgm-forest: #5b8c5a;--bgm-forest-dark: #3d6a3c;--bgm-forest-light: #7aaf6a;--bgm-bark: #8b6f47;--bgm-bark-light: #a8885a;--bgm-amber: #d4a34a;--bgm-amber-light: #e2bc6e;--bgm-charcoal: #2c2420;--bgm-charcoal-soft: #3d322c;--bgm-stone: #8a7e72;--bgm-stone-light: #aba297;--bgm-border: #e8e0d4;--bgm-border-soft: #ddd5c8;--color-background: var(--bgm-cream);--color-background-soft: var(--bgm-cream-soft);--color-background-mute: var(--bgm-cream-mute);--color-border: var(--bgm-border);--color-border-hover: var(--bgm-stone);--color-heading: var(--bgm-charcoal);--color-text: var(--bgm-charcoal);--color-text-soft: var(--bgm-stone);--color-primary: var(--bgm-forest);--color-primary-hover: var(--bgm-forest-dark);--color-accent: var(--bgm-amber);--color-accent-hover: var(--bgm-amber-light);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: #2c2420;--color-background-soft: #3d322c;--color-background-mute: #4f423a;--color-border: #4f423a;--color-border-hover: #6b5b50;--color-heading: #ede4d8;--color-text: #ede4d8;--color-text-soft: #aba297;--color-primary: var(--bgm-forest-light);--color-primary-hover: var(--bgm-forest);--color-accent: var(--bgm-amber);--color-accent-hover: var(--bgm-amber-light)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,Georgia,Times New Roman,serif;font-weight:600;letter-spacing:-.01em}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-soft)}@media(min-width:1024px){body{display:flex;place-items:flex-start}#app{display:block;padding:0 2rem}}.player-bar[data-v-791aadc1]{position:fixed;bottom:0;left:0;right:0;background:var(--color-background-soft);border-top:1px solid var(--color-border);padding:10px 16px;z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bar-content[data-v-791aadc1]{max-width:980px;margin:0 auto;display:flex;align-items:center;gap:12px;cursor:pointer}.bar-btn[data-v-791aadc1]{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;color:var(--color-text);padding:4px;border-radius:6px;transition:color .15s}.bar-play[data-v-791aadc1]{color:var(--color-primary);flex-shrink:0}.bar-play[data-v-791aadc1]:hover{color:var(--color-primary-hover)}.bar-home[data-v-791aadc1]{color:var(--color-text-soft);flex-shrink:0}.bar-home[data-v-791aadc1]:hover{color:var(--color-text)}.bar-info[data-v-791aadc1]{flex:1;min-width:0;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.bar-info[data-v-791aadc1]:hover{background:var(--color-background-mute)}.bar-summary[data-v-791aadc1]{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.preview-badge[data-v-791aadc1]{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:4px;background:var(--color-accent);color:#fff;flex-shrink:0}.bar-count[data-v-791aadc1]{font-size:11px;color:var(--color-text-soft)}.bar-vol[data-v-791aadc1]{display:flex;align-items:center;gap:6px;flex-shrink:0}.vol-icon[data-v-791aadc1]{color:var(--color-text-soft);flex-shrink:0}.vol-slider[data-v-791aadc1]{width:120px;accent-color:var(--color-primary)}@media(max-width:480px){.vol-slider[data-v-791aadc1]{width:80px}}.bar-enter-active[data-v-791aadc1],.bar-leave-active[data-v-791aadc1]{transition:transform .3s ease,opacity .3s ease}.bar-enter-from[data-v-791aadc1],.bar-leave-to[data-v-791aadc1]{transform:translateY(100%);opacity:0}#app{display:block;width:100%;max-width:980px;margin:0 auto;padding:0 1rem}.app-layout{min-height:100vh;padding-bottom:80px}.overlay[data-v-434285a6]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal[data-v-434285a6]{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;padding:24px;width:60vw;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 4px 12px #0000001a}h3[data-v-434285a6]{margin-top:0;margin-bottom:16px}.tabs[data-v-434285a6]{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--color-border);padding-bottom:8px}.tabs button[data-v-434285a6]{background:none;border:none;padding:6px 12px;cursor:pointer;color:var(--color-text);opacity:.6;border-radius:6px}.tabs button.active[data-v-434285a6]{opacity:1;background:var(--color-background-soft);font-weight:600}.emoji-picker[data-v-434285a6]{margin-bottom:16px}.emoji-tabs[data-v-434285a6]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.emoji-tabs button[data-v-434285a6]{background:none;border:1px solid var(--color-border);padding:4px 10px;cursor:pointer;color:var(--color-text);border-radius:6px}.emoji-tabs button.active[data-v-434285a6]{background:var(--color-background-soft);font-weight:600}.emoji-grid[data-v-434285a6]{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;max-height:38vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.emoji-item[data-v-434285a6]{display:inline-flex;align-items:center;justify-content:center;padding:6px 0;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background-mute);font-size:18px;cursor:pointer}.field[data-v-434285a6]{margin-bottom:16px}.field label[data-v-434285a6]{display:block;margin-bottom:6px;font-size:14px}.field input[type=text][data-v-434285a6],.field input[type=file][data-v-434285a6],select[data-v-434285a6]{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background-mute);color:var(--color-text)}.mic-area[data-v-434285a6]{text-align:center;padding:20px;border:1px dashed var(--color-border);border-radius:6px}.record-btn[data-v-434285a6]{color:#ef4444;font-weight:700}.stop-btn[data-v-434285a6]{color:var(--color-text)}.actions[data-v-434285a6]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}button[data-v-434285a6]{padding:8px 16px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-background);cursor:pointer}button.primary[data-v-434285a6]{background:#4ade80;color:#000;border:none}button[data-v-434285a6]:disabled{opacity:.5;cursor:not-allowed}.toolbar[data-v-b9d8dbb3]{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:1000;background:var(--color-background);border-bottom:1px solid var(--color-border);padding:8px 0;margin-bottom:12px;flex-wrap:wrap}.left[data-v-b9d8dbb3]{display:flex;align-items:center;gap:10px}.right[data-v-b9d8dbb3]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn[data-v-b9d8dbb3]{padding:5px 10px;border:1px solid var(--color-border);background:var(--color-background);border-radius:6px;cursor:pointer;font-size:13px;transition:all .15s}.btn[data-v-b9d8dbb3]:hover{border-color:var(--color-primary);color:var(--color-primary)}.add-btn[data-v-b9d8dbb3]{background:var(--color-background-soft)}.plan-btn[data-v-b9d8dbb3]{background:var(--bgm-forest);color:#fff;border-color:var(--bgm-forest-dark)}.plan-btn[data-v-b9d8dbb3]:hover{background:var(--bgm-forest-dark)!important;color:#fff!important}.brand[data-v-b9d8dbb3]{font-size:14px;font-weight:600;color:var(--color-heading);white-space:nowrap;font-family:Playfair Display,Georgia,serif;letter-spacing:-.02em}.flags[data-v-b9d8dbb3]{display:flex;align-items:center;gap:6px}.flag-btn[data-v-b9d8dbb3]{background:none;border:2px solid transparent;padding:0;cursor:pointer;border-radius:4px;display:flex;opacity:.5;transition:opacity .2s,border-color .2s}.flag-btn[data-v-b9d8dbb3]:hover{opacity:1}.flag-btn.active[data-v-b9d8dbb3]{opacity:1;border-color:var(--color-border)}.flag-icon[data-v-b9d8dbb3]{width:24px;height:16px;display:block;border-radius:2px}.badge[data-v-f88d319b]{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .2s}.badge[data-v-f88d319b]:hover{opacity:.85}.badge--cc0[data-v-f88d319b]{background:#e8f5e9;color:#2e7d32}.badge--cc-by[data-v-f88d319b]{background:#e3f2fd;color:#1565c0}.badge--eto-fc[data-v-f88d319b]{background:transparent;color:inherit;padding:0}.badge--bgm-fc[data-v-f88d319b]{background:#fce4ec;color:#c62828}.badge-label[data-v-f88d319b]{letter-spacing:.3px}.badge-svg[data-v-f88d319b]{display:block;height:16px;width:auto}.inline-svg[data-v-f88d319b]{display:inline;height:14px;vertical-align:middle}.badge-hint[data-v-f88d319b]{font-size:11px;color:var(--color-text-soft);cursor:pointer}.badge-hint[data-v-f88d319b]:hover{color:var(--color-primary)}.badge-author[data-v-f88d319b]{opacity:.8}.overlay[data-v-f88d319b]{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:3000}.detail-modal[data-v-f88d319b]{background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:12px;padding:24px;max-width:420px;width:90vw;position:relative;box-shadow:0 8px 32px #00000026}.close[data-v-f88d319b]{position:absolute;top:12px;right:12px;background:none;border:none;font-size:22px;cursor:pointer;color:var(--color-text-soft)}.detail-header[data-v-f88d319b]{margin-bottom:16px}.detail-badge[data-v-f88d319b]{display:inline-block;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:700;margin-bottom:8px}.badge--cc0 .detail-badge[data-v-f88d319b]{background:#e8f5e9;color:#2e7d32}.detail-modal h3[data-v-f88d319b]{font-size:16px;margin:0}.detail-desc[data-v-f88d319b]{font-size:14px;color:var(--color-text-soft);margin-bottom:12px;line-height:1.5}.usage-section[data-v-f88d319b]{margin-bottom:16px;padding:12px;background:var(--color-background-mute);border-radius:8px}.usage-section h4[data-v-f88d319b]{font-size:12px;font-weight:700;margin:0 0 8px;color:var(--color-text)}.usage-list[data-v-f88d319b]{display:flex;flex-direction:column;gap:6px}.usage-item[data-v-f88d319b]{display:flex;gap:6px;font-size:12px;line-height:1.5}.usage-scope[data-v-f88d319b]{flex-shrink:0;font-weight:600;color:var(--color-text);min-width:72px}.usage-desc[data-v-f88d319b]{color:var(--color-text-soft)}.detail-rules[data-v-f88d319b]{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}.detail-rules li[data-v-f88d319b]{display:flex;align-items:center;gap:8px;font-size:13px}.rule-label[data-v-f88d319b]{font-weight:600;min-width:80px}.detail-link[data-v-f88d319b]{display:inline-block;font-size:13px;font-weight:600}.card[data-v-ec1feae7]{border:1px solid var(--color-border);border-radius:10px;padding:12px;background:var(--color-background-soft);cursor:pointer;transition:all .2s;position:relative}.card[data-v-ec1feae7]:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #5b8c5a1a}.progress-overlay[data-v-ec1feae7]{position:absolute;top:0;left:0;height:100%;border-radius:10px;pointer-events:none;z-index:0;background:var(--color-primary);opacity:.15;transition:width .1s linear}.card[data-v-ec1feae7]>*:not(.progress-overlay):not(.card-select):not(.top-right-controls){position:relative;z-index:1}[data-loading=true][data-v-ec1feae7]{opacity:.6}[data-selected=true][data-v-ec1feae7]{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-background-soft))}[data-fav=true] .name[data-v-ec1feae7]{color:#f43f5e}.top[data-v-ec1feae7]{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:flex-start}.media[data-v-ec1feae7]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.icon-slot[data-v-ec1feae7]{display:inline-flex;align-items:center;justify-content:center}.emoji[data-v-ec1feae7]{display:inline-block;width:44px;height:44px;font-size:44px;line-height:44px}.square[data-v-ec1feae7]{width:56px;height:56px;border-radius:6px;-o-object-fit:cover;object-fit:cover;background:var(--color-background-mute);border:1px solid var(--color-border)}.card-info[data-v-ec1feae7]{display:flex;flex-direction:column;gap:4px;min-width:0}.name-row[data-v-ec1feae7]{display:flex;align-items:flex-start;gap:8px}.name[data-v-ec1feae7]{font-weight:600;font-size:14px;line-height:1.3;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-fav[data-v-ec1feae7]{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;padding:2px;border-radius:4px;color:var(--color-text-soft);transition:color .15s}.btn-fav[data-v-ec1feae7]:hover{color:#f43f5e}.btn-preview[data-v-ec1feae7]{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;padding:2px;border-radius:4px;transition:color .15s;color:var(--color-primary)}.btn-preview[data-v-ec1feae7]:hover{color:var(--color-primary-hover)}.btn-preview.preview-active[data-v-ec1feae7]{color:var(--color-accent)}.top-right-controls[data-v-ec1feae7]{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:2px;z-index:2}.pin-btn[data-v-ec1feae7]{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;color:var(--color-text-soft);opacity:.35;transition:opacity .15s,color .15s}.pin-btn[data-v-ec1feae7]:hover{opacity:.8}.pin-btn[data-pinned=true][data-v-ec1feae7]{opacity:1;color:var(--color-primary)}.pin-btn[data-pinned=true][data-v-ec1feae7]:hover{color:var(--color-accent)}.card-select[data-v-ec1feae7]{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;z-index:2}.card-select--mixer[data-v-ec1feae7]{position:relative;top:auto;right:auto}.check-box[data-v-ec1feae7]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--color-border);border-radius:3px;font-size:13px;font-weight:700;color:var(--color-primary);transition:all .15s;background:var(--color-background-soft)}.checked .check-box[data-v-ec1feae7]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.card-actions[data-v-ec1feae7]{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:6px}.meta-row[data-v-ec1feae7]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-item[data-v-ec1feae7]{font-size:11px;color:var(--color-text-soft);white-space:nowrap}.sliders[data-v-ec1feae7]{margin-top:10px;padding-top:8px;border-top:1px solid var(--color-border)}.slider-row[data-v-ec1feae7]{display:flex;align-items:center;gap:8px;margin-top:6px}.slider-row[data-v-ec1feae7]:first-of-type{margin-top:0}.slider-label[data-v-ec1feae7]{font-size:11px;opacity:.7;min-width:36px;flex-shrink:0}.slider-val[data-v-ec1feae7]{font-size:11px;color:var(--color-text-soft);min-width:44px;text-align:right;flex-shrink:0}.slider[data-v-ec1feae7]{width:100%;display:block;height:3px;background:var(--color-border);border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}.slider[data-v-ec1feae7]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:var(--color-border)}.slider[data-v-ec1feae7]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-background);box-shadow:0 1px 3px #0003;margin-top:-4.5px;cursor:pointer;-webkit-transition:transform .1s;transition:transform .1s}.slider[data-v-ec1feae7]::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider[data-v-ec1feae7]::-moz-range-track{height:3px;border-radius:2px;background:var(--color-border);border:none}.slider[data-v-ec1feae7]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-background);box-shadow:0 1px 3px #0003;cursor:pointer}.slider[disabled][data-v-ec1feae7]{opacity:.4;cursor:not-allowed}.slider[disabled][data-v-ec1feae7]::-webkit-slider-thumb{cursor:not-allowed;transform:none}.slider[disabled][data-v-ec1feae7]::-moz-range-thumb{cursor:not-allowed}.category[data-v-2a7ea5ef]{margin-bottom:24px}.header[data-v-2a7ea5ef]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}h2[data-v-2a7ea5ef]{font-size:18px}.grid[data-v-2a7ea5ef]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:768px){.grid[data-v-2a7ea5ef]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.grid[data-v-2a7ea5ef]{grid-template-columns:repeat(4,minmax(0,1fr))}}.combos[data-v-e87e80f9]{border:1px solid var(--color-border);border-radius:8px;padding:10px;background:var(--color-background-soft);margin-bottom:16px}.row[data-v-e87e80f9]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.left[data-v-e87e80f9]{display:flex;align-items:center;gap:8px}.title[data-v-e87e80f9]{font-weight:600}.playing[data-v-e87e80f9]{font-size:12px;opacity:.85}.right[data-v-e87e80f9]{display:flex;align-items:center;gap:8px;margin-left:auto}.save[data-v-e87e80f9]{padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background)}.list[data-v-e87e80f9]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.more-row[data-v-e87e80f9]{display:flex;justify-content:center;margin-top:10px}.more[data-v-e87e80f9]{padding:6px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background)}.combo[data-v-e87e80f9]{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:1px solid var(--color-border);border-radius:6px;padding:8px;background:var(--color-background)}.combo.active[data-v-e87e80f9]{border-color:#4ade80}.name[data-v-e87e80f9]{font-size:14px}.items[data-v-e87e80f9]{font-size:12px;color:var(--color-text);opacity:.75;margin:6px 0 8px}.actions[data-v-e87e80f9]{display:flex;align-items:center;justify-content:flex-start}.clear-combo[data-v-e87e80f9]{padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background-soft);margin-left:8px}.add[data-v-e87e80f9]{padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background-soft)}.del[data-v-e87e80f9]{padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background-soft);margin-left:8px}@media(min-width:768px){.list[data-v-e87e80f9]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.list[data-v-e87e80f9]{grid-template-columns:repeat(4,minmax(0,1fr))}}.container[data-v-070ec700]{display:flex;align-items:center;justify-content:center;min-height:200px}.btn[data-v-070ec700]{padding:10px 16px;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px}main{grid-column:1 / -1;max-width:980px;margin:0 auto;padding:0 1rem}