@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.player.svelte-nfsfpn{bottom:var(--nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:90;width:100%;max-width:480px;transition:box-shadow .2s;position:fixed;left:50%;transform:translate(-50%)}.player.expanded.svelte-nfsfpn{box-shadow:var(--shadow-lg)}.player-bar.svelte-nfsfpn{width:100%;height:var(--player-height);text-align:left;align-items:center;padding:0 16px;display:flex;position:relative}.bar-info.svelte-nfsfpn{flex:1;min-width:0}.bar-title.svelte-nfsfpn{text-transform:capitalize;font-size:14px;font-weight:600;display:block}.bar-subtitle.svelte-nfsfpn{color:var(--color-text-secondary);font-size:12px;display:block}.bar-controls.svelte-nfsfpn{margin-left:12px}.bar-progress.svelte-nfsfpn{background:var(--color-border);height:3px;position:absolute;bottom:0;left:0;right:0}.bar-progress-fill.svelte-nfsfpn{background:var(--color-primary);height:100%;transition:width .1s linear}.player-expanded.svelte-nfsfpn{border-top:1px solid var(--color-border);padding:8px 16px 16px}.expanded-info.svelte-nfsfpn{text-align:center;margin-bottom:12px}.expanded-info.svelte-nfsfpn h3:where(.svelte-nfsfpn){font-size:16px;font-weight:600}.expanded-info.svelte-nfsfpn p:where(.svelte-nfsfpn){color:var(--color-text-secondary);text-transform:capitalize;margin-top:2px;font-size:13px}.seek-row.svelte-nfsfpn{align-items:center;gap:8px;display:flex}.time.svelte-nfsfpn{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:32px;font-size:11px}.seek-container.svelte-nfsfpn{flex:1;align-items:center;height:20px;display:flex;position:relative}.seek-bar.svelte-nfsfpn{appearance:none;background:var(--color-border);border-radius:2px;outline:none;width:100%;height:4px}.seek-bar.svelte-nfsfpn::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:14px;height:14px}.loop-marker.svelte-nfsfpn{background:var(--color-accent);pointer-events:none;border-radius:1px;width:3px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.loop-region.svelte-nfsfpn{pointer-events:none;background:#d4a84b4d;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.transport.svelte-nfsfpn{justify-content:center;align-items:center;gap:20px;margin:12px 0;display:flex}.btn-icon.svelte-nfsfpn{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .15s;display:flex}.btn-icon.svelte-nfsfpn:hover{background:var(--color-surface-hover)}.btn-icon.svelte-nfsfpn:disabled{opacity:.3;cursor:default}.btn-play.svelte-nfsfpn{background:var(--color-primary-light);width:48px;height:48px;font-size:22px}.extra-controls.svelte-nfsfpn{flex-direction:column;gap:10px;display:flex}.control-label.svelte-nfsfpn{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.speed-control.svelte-nfsfpn{align-items:center;gap:8px;display:flex}.speed-buttons.svelte-nfsfpn{gap:4px;display:flex}.speed-btn.svelte-nfsfpn{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:16px;padding:4px 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.speed-btn.active.svelte-nfsfpn{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.loop-control.svelte-nfsfpn{align-items:center;gap:8px;display:flex}.loop-btn.svelte-nfsfpn{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:16px;padding:4px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.loop-btn.active.svelte-nfsfpn{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.loop-info.svelte-nfsfpn{color:var(--color-text-muted);font-size:11px}:root{--color-bg:#fdf6f2;--color-surface:#fff;--color-surface-hover:#feeae0;--color-border:#e8d5cc;--color-text:#2c1810;--color-text-secondary:#6b5549;--color-text-muted:#a08a7e;--color-primary:#6b3f36;--color-primary-light:#feeae0;--color-primary-dark:#4e2d26;--color-accent:#c47a3a;--color-danger:#c44;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #6b3f3614, 0 1px 2px #6b3f360f;--shadow-lg:0 4px 12px #6b3f361f;--player-height:72px;--nav-height:60px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.app.svelte-12qhfyh{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.content.svelte-12qhfyh{padding:16px;padding-bottom:calc(var(--nav-height) + 16px);flex:1;overflow-y:auto}.has-player.svelte-12qhfyh .content:where(.svelte-12qhfyh){padding-bottom:calc(var(--nav-height) + var(--player-height) + 16px)}.bottom-nav.svelte-12qhfyh{width:100%;max-width:480px;height:var(--nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item.svelte-12qhfyh{color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:color .15s;display:flex}.nav-item.active.svelte-12qhfyh{color:var(--color-primary)}.nav-icon.svelte-12qhfyh{font-size:20px}.nav-label.svelte-12qhfyh{font-size:11px;font-weight:500}