body{margin:0;background:#000;color:#fff;font-family:system-ui,-apple-system,sans-serif;overflow:hidden;width:100vw;height:100vh}.header.svelte-12qhfyh{position:fixed;top:0;left:0;right:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #222;z-index:1000}.header-content.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;max-width:1400px;margin:0 auto}.logo.svelte-12qhfyh{font-weight:600;font-size:1.1rem;color:#fff;transition:color .3s ease,opacity .3s ease}.logo.playing.svelte-12qhfyh{color:#888;opacity:.6}.header-actions.svelte-12qhfyh{display:flex;gap:.75rem;align-items:center}.icon-btn.svelte-12qhfyh{background:transparent;border:none;color:#888;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.icon-btn.svelte-12qhfyh:hover{background:#ffffff1a;color:#fff}.user-email.svelte-12qhfyh{color:#888;font-size:.875rem}.btn-primary.svelte-12qhfyh{background:#fff;color:#000;border:none;padding:.5rem 1rem;font-size:.875rem;border-radius:4px;cursor:pointer;font-weight:500}.btn-primary.svelte-12qhfyh:hover{background:#ddd}.btn-primary.svelte-12qhfyh:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.svelte-12qhfyh{background:transparent;color:#fff;border:1px solid #444;padding:.5rem 1rem;font-size:.875rem;border-radius:4px;cursor:pointer}.btn-secondary.svelte-12qhfyh:hover{background:#222}.modal-backdrop.svelte-12qhfyh{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.modal.svelte-12qhfyh{background:#111;border:1px solid #333;border-radius:8px;padding:2rem;max-width:400px;width:90%}.modal.svelte-12qhfyh h2:where(.svelte-12qhfyh){margin:0 0 1rem;font-size:1.5rem;font-weight:600}.modal.svelte-12qhfyh p:where(.svelte-12qhfyh){color:#888;margin:0 0 1rem}.modal.svelte-12qhfyh input:where(.svelte-12qhfyh){width:100%;background:#000;border:1px solid #333;border-radius:4px;color:#fff;padding:.75rem;font-size:1rem;margin-bottom:1rem;box-sizing:border-box}.modal.svelte-12qhfyh input:where(.svelte-12qhfyh):focus{outline:none;border-color:#555}.message.svelte-12qhfyh{color:#4a9eff!important;font-size:.875rem;margin:0 0 1rem!important}.modal-actions.svelte-12qhfyh{display:flex;gap:.5rem;justify-content:flex-end}.settings-modal.svelte-12qhfyh{max-width:500px}.setting-group.svelte-12qhfyh{margin-bottom:1.5rem}.setting-group.svelte-12qhfyh label:where(.svelte-12qhfyh){display:flex;flex-direction:column;gap:.5rem}.setting-group.svelte-12qhfyh span:where(.svelte-12qhfyh){color:#ccc;font-size:.875rem}.setting-group.svelte-12qhfyh input[type=range]:where(.svelte-12qhfyh){width:100%;margin:0;padding:0}.setting-group.svelte-12qhfyh input[type=color]:where(.svelte-12qhfyh){height:40px;cursor:pointer}.checkbox-label.svelte-12qhfyh{flex-direction:row!important;align-items:center;gap:.75rem!important}.checkbox-label.svelte-12qhfyh input[type=checkbox]:where(.svelte-12qhfyh){width:auto;margin:0}.ramp-up-settings.svelte-12qhfyh{padding-left:1.5rem;border-left:2px solid #333}.setting-hint.svelte-12qhfyh{padding-left:1.5rem;color:#666;font-size:.8rem;font-style:italic;margin-top:-.5rem}.help-modal.svelte-12qhfyh{max-width:600px}.help-section.svelte-12qhfyh{margin-bottom:1.5rem}.help-section.svelte-12qhfyh h3:where(.svelte-12qhfyh){margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:#fff;border-bottom:1px solid #333;padding-bottom:.5rem}.help-section.svelte-12qhfyh p:where(.svelte-12qhfyh){line-height:1.5;margin:0}.help-item.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:#ccc}.help-item.svelte-12qhfyh kbd:where(.svelte-12qhfyh){background:#222;border:1px solid #444;border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.875rem;min-width:2.5rem;text-align:center;box-shadow:0 2px #000}.help-item.svelte-12qhfyh .help-label:where(.svelte-12qhfyh){font-weight:500;color:#fff}@media(max-width:768px){.header-content.svelte-12qhfyh{padding:.75rem 1rem}.logo.svelte-12qhfyh{font-size:.95rem}.header-actions.svelte-12qhfyh{gap:.5rem}.user-email.svelte-12qhfyh{display:none}.modal-backdrop.svelte-12qhfyh{padding:1rem;align-items:flex-start;overflow-y:auto}.modal.svelte-12qhfyh{margin:auto;padding:1.5rem;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;width:calc(100% - 2rem)}.modal.svelte-12qhfyh h2:where(.svelte-12qhfyh){font-size:1.25rem}.settings-modal.svelte-12qhfyh,.help-modal.svelte-12qhfyh{max-width:100%}.help-section.svelte-12qhfyh{margin-bottom:1.25rem}.help-section.svelte-12qhfyh h3:where(.svelte-12qhfyh){font-size:1rem}.help-item.svelte-12qhfyh{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 0}.help-item.svelte-12qhfyh kbd:where(.svelte-12qhfyh){margin-bottom:.25rem}.modal-actions.svelte-12qhfyh{flex-direction:column-reverse}.modal-actions.svelte-12qhfyh button:where(.svelte-12qhfyh){width:100%;padding:.75rem 1rem;font-size:1rem}.btn-primary.svelte-12qhfyh,.btn-secondary.svelte-12qhfyh{padding:.625rem 1rem;font-size:.875rem}}@media(max-width:400px){.modal.svelte-12qhfyh{padding:1rem;width:calc(100% - 1rem)}.header-content.svelte-12qhfyh{padding:.5rem .75rem}.logo.svelte-12qhfyh{font-size:.85rem}}