:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow:hidden}body{margin:0;padding:0;border-radius:10px;background-color:transparent;width:100vw;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}button{background:transparent;border:0;cursor:pointer;outline:none}img{-webkit-user-select:none;user-select:none;pointer-events:none}input[type=range]{-webkit-appearance:none;appearance:none;background-color:transparent;cursor:grab;opacity:.8}input[type=range]:hover{opacity:1}input[type=range]:active{cursor:grabbing}::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;background-color:#00000070;border-radius:10px;height:3px}::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background-color:#fff;margin-top:-5px;box-shadow:1px 2px 4px 2px #00000060}body *::-webkit-scrollbar{width:.3rem}body *::-webkit-scrollbar-track{background:transparent}body *::-webkit-scrollbar-thumb{background-color:#73737360;border-radius:20px}body *::-webkit-scrollbar-thumb:hover{background-color:#52525260;border-radius:20px}#blurred{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006}@media screen and (max-width: 600px){button,a,input,textarea,select,[role=button]{outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}}.freqList.svelte-12wvjs2{display:flex;align-items:flex-end;justify-content:space-between;height:100%;width:100%}.freqBar.svelte-12wvjs2{flex:1;background-color:#ffffffb3;margin:0 2px;min-width:5px;border-radius:2px 2px 0 0;transition:height .05s ease}.controls.svelte-iqlixg.svelte-iqlixg{position:fixed;bottom:70px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:5px}.play-button.svelte-iqlixg.svelte-iqlixg{width:70px;height:70px;border-radius:50%;background-color:#fff;color:#000;display:flex;justify-content:center;align-items:center;z-index:10;border:none;cursor:pointer;box-shadow:0 4px 8px #0003}.play-button.svelte-iqlixg.svelte-iqlixg:hover{box-shadow:0 0 10px #00000080}.generateBtn.svelte-iqlixg.svelte-iqlixg{background-color:#00000010;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;margin-top:10px;outline:none}.styleBtn.svelte-iqlixg.svelte-iqlixg{background-color:#00000018;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:none;border-radius:9999px;padding:6px 16px;font-size:.85rem;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.styleBtn.svelte-iqlixg.svelte-iqlixg:hover:enabled{background-color:#0003;transform:translateY(-1px)}.styleBtn.svelte-iqlixg.svelte-iqlixg:disabled{opacity:.6;cursor:not-allowed}.progressionList.svelte-iqlixg.svelte-iqlixg{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:10px;list-style:none;padding:0;justify-content:center;flex-wrap:wrap;gap:20px;z-index:1}.progressionList.svelte-iqlixg li.svelte-iqlixg{padding:5px 10px;border:2px transparent;border-radius:4px}.progressionList.svelte-iqlixg li.live.svelte-iqlixg{border:2px solid #ffffff66}.visualizer-container.svelte-iqlixg.svelte-iqlixg{position:absolute;left:30px;bottom:30px;height:180px;overflow:hidden;margin-top:10px}@media only screen and (max-width: 600px){.play-button.svelte-iqlixg.svelte-iqlixg{margin-bottom:40px}.styleBtn.svelte-iqlixg.svelte-iqlixg{font-size:.75rem;padding:5px 12px}.progressionList.svelte-iqlixg.svelte-iqlixg{bottom:0;left:0;width:100vw;transform:scale(.8)}.visualizer-container.svelte-iqlixg.svelte-iqlixg{display:none}}.carousel__item.svelte-155dmad{display:flex;align-items:center;position:absolute;width:100%;will-change:transform,opacity;transition-duration:.5s}.carousel__item-body.svelte-155dmad{position:relative;width:100%;color:#fff;border-radius:8px;padding-right:15px;display:flex;gap:20px;min-width:max-content;background-color:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel__item-body__img.svelte-155dmad{width:80px;min-width:80px;height:80px;margin:10px;border-radius:5px;overflow:hidden}#title.svelte-155dmad{font-size:16px;font-weight:600}#info.svelte-155dmad{display:flex;flex-wrap:wrap;font-size:11px}.playing.svelte-155dmad{background-color:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.item-visible.svelte-155dmad{opacity:1;visibility:visible}.item-hidden.svelte-155dmad{opacity:.2;visibility:hidden;animation-duration:0ms;transform:scale(.1)}.item-before-visible.svelte-155dmad{opacity:.5;visibility:visible;transform:scale(.8) translateY(-150px)}.item-after-visible.svelte-155dmad{opacity:.5;visibility:visible;transform:scale(.8) translateY(150px)}.volume-slider.svelte-155dmad{position:absolute;bottom:10px;right:10px;width:80px;height:5px}@media only screen and (max-width: 600px){.carousel__item.svelte-155dmad{position:relative;margin-bottom:10px}.carousel__item-body.svelte-155dmad{min-width:auto;width:100%;padding:10px;gap:12px}.carousel__item-body__img.svelte-155dmad{width:60px;min-width:60px;height:60px;margin:5px}#title.svelte-155dmad{font-size:14px}#info.svelte-155dmad{font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-visible.svelte-155dmad{opacity:1;transform:scale(1)}.item-hidden.svelte-155dmad{opacity:.4;visibility:visible;transform:scale(.95)}.item-before-visible.svelte-155dmad,.item-after-visible.svelte-155dmad{opacity:.6;visibility:visible;transform:scale(.98)}.volume-slider.svelte-155dmad{width:60px;right:15px;bottom:8px}}.track-list.svelte-1w93mlg.svelte-1w93mlg{width:28vw;height:65vh;padding:20px 10px;border-radius:20px;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:20}.wrapper.svelte-1w93mlg.svelte-1w93mlg{height:100%;width:100%;display:flex;justify-content:center}.carousel.svelte-1w93mlg.svelte-1w93mlg{position:relative;width:100%;max-width:500px;display:flex;justify-content:center;flex-direction:column}#btn-view.svelte-1w93mlg.svelte-1w93mlg{width:120%;display:flex;justify-content:center;align-items:center}#navigate-btn.svelte-1w93mlg.svelte-1w93mlg{width:30px;height:30px;color:#fff;border-radius:99px;display:flex;justify-content:center;align-items:center}#navigate-btn.svelte-1w93mlg.svelte-1w93mlg:hover{background-color:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-toggle.svelte-1w93mlg.svelte-1w93mlg{display:none}@media only screen and (max-width: 600px){.track-list.svelte-1w93mlg.svelte-1w93mlg{width:95vw;height:auto;max-height:65vh;padding:0;position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;overflow:hidden;transition:all .3s ease}.track-list.svelte-1w93mlg.svelte-1w93mlg:not(.mobile-visible){max-height:50px;bottom:20px}.track-list.svelte-1w93mlg:not(.mobile-visible) .wrapper.svelte-1w93mlg,.track-list.svelte-1w93mlg:not(.mobile-visible) #btn-view.svelte-1w93mlg{display:none}.mobile-toggle.svelte-1w93mlg.svelte-1w93mlg{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:rgba(102,126,234,.3);border:none;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.mobile-toggle.svelte-1w93mlg.svelte-1w93mlg:active{background:rgba(102,126,234,.5)}.wrapper.svelte-1w93mlg.svelte-1w93mlg{height:auto;max-height:55vh;overflow-y:auto;padding:10px}.carousel.svelte-1w93mlg.svelte-1w93mlg{max-width:100%}#btn-view.svelte-1w93mlg.svelte-1w93mlg{margin-top:0;width:100%;padding:10px;background:rgba(0,0,0,.3)}#navigate-btn.svelte-1w93mlg.svelte-1w93mlg{background:rgba(255,255,255,.15)}}.rain.svelte-1rhsv05{position:absolute;top:-30px;left:-100vw;width:300vw;height:110vh;z-index:-1;background:url(/rain.png);animation:svelte-1rhsv05-rain .3s linear infinite}@keyframes svelte-1rhsv05-rain{0%{background-position:0px 0px}to{background-position:150px 400px}}h5.svelte-aftxj8{font-size:14px;color:#ffffffb3;margin-bottom:10px;text-align:center}.bing-btn.svelte-aftxj8{width:auto;height:auto;padding:10px 20px;border-radius:10px;background:linear-gradient(135deg,rgba(0,120,212,.3),rgba(0,178,148,.3));border:1px solid rgba(0,178,148,.5);color:#fff;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s;cursor:pointer}.bing-btn.svelte-aftxj8:hover:not(:disabled){background:linear-gradient(135deg,rgba(0,120,212,.5),rgba(0,178,148,.5));border-color:#00b294cc;transform:translateY(-2px);box-shadow:0 4px 15px #00b2944d}.bing-btn.active.svelte-aftxj8{background:linear-gradient(135deg,rgba(0,120,212,.6),rgba(0,178,148,.6));border-color:#00ffb2cc;box-shadow:0 0 20px #00b29480}.bing-btn.svelte-aftxj8:disabled{opacity:.6;cursor:not-allowed}.api-wallpaper-section.svelte-aftxj8{margin-bottom:20px}.api-btn.svelte-aftxj8{width:100%;height:45px;margin-bottom:8px;padding:8px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;display:flex;align-items:center;gap:10px;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.api-btn.svelte-aftxj8:hover{background:rgba(255,255,255,.1);border-color:#fff3;transform:translateY(-1px)}.api-btn.svelte-aftxj8:disabled{opacity:.6;cursor:not-allowed;transform:none}.api-btn.active.svelte-aftxj8{background:rgba(0,255,178,.2);border-color:#00ffb266;color:#00ffb2}.bing-btn.active.svelte-aftxj8{background:rgba(0,149,255,.2);border-color:#0095ff66;color:#0095ff}.beauty-btn.active.svelte-aftxj8{background:rgba(255,105,180,.2);border-color:#ff69b466;color:#ff69b4}.api-hint.svelte-aftxj8{font-size:12px;padding:4px 8px;border-radius:4px;margin-top:4px;animation:svelte-aftxj8-pulse 2s ease-in-out infinite}.bing-hint.svelte-aftxj8{color:#0095ffe6;background:rgba(0,149,255,.1)}.beauty-hint.svelte-aftxj8{color:#ff69b4e6;background:rgba(255,105,180,.1)}@keyframes svelte-aftxj8-pulse{0%,to{opacity:1}50%{opacity:.6}}.local-bg-section.svelte-aftxj8{margin-top:10px}.container.svelte-aftxj8{display:flex;flex-direction:row;align-items:center;gap:20px;justify-content:center}#bg-preview.svelte-aftxj8{width:200px;height:120px;border-radius:7px;margin:0 10px}button.svelte-aftxj8{width:40px;height:40px;border-radius:50%;color:#fff;overflow:hidden}button.svelte-aftxj8:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000001a}.random-btn-container.svelte-aftxj8{display:flex;justify-content:center;margin-top:10px}.random-btn.svelte-aftxj8{width:auto;height:auto;padding:8px 16px;border-radius:8px;background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.4);color:#fff;display:flex;align-items:center;gap:6px;font-size:14px;transition:all .2s}.random-btn.svelte-aftxj8:hover{background:rgba(102,126,234,.3);border-color:#667eea99;transform:translateY(-1px)}.random-btn.svelte-aftxj8:active{transform:translateY(0)}@media only screen and (max-width: 600px){#bg-preview.svelte-aftxj8{width:90px;height:150px;aspect-ratio:16 / 9;object-fit:cover;background-size:cover;background-position:center}.bing-btn.svelte-aftxj8{padding:8px 16px;font-size:13px}}h5.svelte-19zoyqf{margin-left:10px;margin-bottom:-35px}p.svelte-19zoyqf{text-align:right;font-size:12px;margin-right:7%}#volume-slider.svelte-19zoyqf{width:90%;margin-left:10px}.instrument-controls.svelte-18u3xb3{margin-top:20px;padding:15px 0}h3.svelte-18u3xb3{margin:0 0 5px;font-size:16px;font-weight:600}.description.svelte-18u3xb3{margin:0 0 15px;font-size:13px;color:#ffffffb3}.controls-grid.svelte-18u3xb3{display:flex;flex-direction:column;gap:15px}.instrument-control.svelte-18u3xb3{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;transition:all .2s}.instrument-control.svelte-18u3xb3:hover{background:rgba(255,255,255,.08);border-color:#fff3}.control-header.svelte-18u3xb3{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.instrument-name.svelte-18u3xb3{font-size:14px;font-weight:500;color:#fff}.mute-btn.svelte-18u3xb3{padding:4px 8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:5px;color:#fff;cursor:pointer;display:flex;align-items:center;transition:all .2s}.mute-btn.svelte-18u3xb3:hover{background:rgba(255,255,255,.2)}.mute-btn.muted.svelte-18u3xb3{background:rgba(239,68,68,.3);border-color:#ef444480;color:#fca5a5}.volume-slider.svelte-18u3xb3{width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,.1);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.volume-slider.svelte-18u3xb3::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);cursor:pointer;box-shadow:0 2px 4px #0000004d;transition:transform .2s}.volume-slider.svelte-18u3xb3::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider.svelte-18u3xb3::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d;transition:transform .2s}.volume-slider.svelte-18u3xb3::-moz-range-thumb:hover{transform:scale(1.2)}.quick-presets.svelte-18u3xb3{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.preset-btn.svelte-18u3xb3{flex:1;min-width:90px;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-size:12px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.preset-btn.svelte-18u3xb3:hover{background:rgba(255,255,255,.1);border-color:#fff3;transform:translateY(-1px)}.preset-btn.svelte-18u3xb3:active{transform:translateY(0)}.piano-only.svelte-18u3xb3:hover{background:rgba(102,126,234,.2);border-color:#667eea66;color:#667eea}.full-band.svelte-18u3xb3:hover{background:rgba(0,255,178,.2);border-color:#00ffb266;color:#00ffb2}.drums-only.svelte-18u3xb3:hover{background:rgba(255,193,7,.2);border-color:#ffc10766;color:#ffc107}.volume-value.svelte-18u3xb3{text-align:right;font-size:12px;color:#fff9;margin-top:5px;font-variant-numeric:tabular-nums}.preset-buttons.svelte-18u3xb3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.preset-btn.svelte-18u3xb3{padding:8px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s}.preset-btn.svelte-18u3xb3:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.info-note.svelte-18u3xb3{margin-top:15px;padding:10px 12px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:8px;font-size:12px;color:#ffffffe6;line-height:1.5}.preset-manager.svelte-12hefdv.svelte-12hefdv{margin-top:20px;padding:15px 0}h3.svelte-12hefdv.svelte-12hefdv{margin:0 0 15px;font-size:16px;font-weight:600}.save-section.svelte-12hefdv.svelte-12hefdv{margin-bottom:15px}.btn-primary.svelte-12hefdv.svelte-12hefdv{width:100%;padding:10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s}.btn-primary.svelte-12hefdv.svelte-12hefdv:hover{transform:translateY(-2px)}.save-dialog.svelte-12hefdv.svelte-12hefdv{display:flex;gap:5px;animation:svelte-12hefdv-slideDown .3s ease}@keyframes svelte-12hefdv-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.save-dialog.svelte-12hefdv input.svelte-12hefdv{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:rgba(255,255,255,.1);color:#fff;font-size:14px}.save-dialog.svelte-12hefdv input.svelte-12hefdv::placeholder{color:#ffffff80}.save-dialog.svelte-12hefdv input.svelte-12hefdv:focus{outline:none;border-color:#fff9}.btn-save.svelte-12hefdv.svelte-12hefdv,.btn-cancel.svelte-12hefdv.svelte-12hefdv{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:opacity .2s}.btn-save.svelte-12hefdv.svelte-12hefdv{background:#10b981;color:#fff}.btn-cancel.svelte-12hefdv.svelte-12hefdv{background:rgba(255,255,255,.2);color:#fff}.btn-save.svelte-12hefdv.svelte-12hefdv:hover,.btn-cancel.svelte-12hefdv.svelte-12hefdv:hover{opacity:.8}.presets-list.svelte-12hefdv.svelte-12hefdv{max-height:300px;overflow-y:auto;margin-bottom:15px;padding-right:5px}.presets-list.svelte-12hefdv.svelte-12hefdv::-webkit-scrollbar{width:6px}.presets-list.svelte-12hefdv.svelte-12hefdv::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.presets-list.svelte-12hefdv.svelte-12hefdv::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.empty-message.svelte-12hefdv.svelte-12hefdv{text-align:center;color:#ffffff80;padding:20px;font-size:14px}.preset-item.svelte-12hefdv.svelte-12hefdv{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.preset-item.svelte-12hefdv.svelte-12hefdv:hover{background:rgba(255,255,255,.15);border-color:#fff6}.preset-info.svelte-12hefdv.svelte-12hefdv{flex:1}.preset-name.svelte-12hefdv.svelte-12hefdv{font-weight:600;font-size:14px;margin-bottom:4px}.preset-details.svelte-12hefdv.svelte-12hefdv{font-size:12px;color:#ffffffb3;margin-bottom:2px}.preset-date.svelte-12hefdv.svelte-12hefdv{font-size:11px;color:#ffffff80}.preset-actions.svelte-12hefdv.svelte-12hefdv{display:flex;gap:5px;align-items:center}.btn-load.svelte-12hefdv.svelte-12hefdv{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:12px;transition:background .2s}.btn-load.svelte-12hefdv.svelte-12hefdv:hover{background:#2563eb}.btn-delete.svelte-12hefdv.svelte-12hefdv{padding:6px;background:rgba(239,68,68,.8);color:#fff;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-delete.svelte-12hefdv.svelte-12hefdv:hover{background:rgba(220,38,38,.9)}.import-export.svelte-12hefdv.svelte-12hefdv{display:flex;gap:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}.btn-secondary.svelte-12hefdv.svelte-12hefdv{flex:1;padding:8px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.btn-secondary.svelte-12hefdv.svelte-12hefdv:hover:not(:disabled){background:rgba(255,255,255,.2);border-color:#ffffff80}.btn-secondary.svelte-12hefdv.svelte-12hefdv:disabled{opacity:.5;cursor:not-allowed}.reset-section.svelte-12hefdv.svelte-12hefdv{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}.btn-reset-all.svelte-12hefdv.svelte-12hefdv{width:100%;padding:10px;background:rgba(239,68,68,.2);color:#fca5a5;border:1px solid rgba(239,68,68,.5);border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.btn-reset-all.svelte-12hefdv.svelte-12hefdv:hover{background:rgba(239,68,68,.3);border-color:#ef4444b3;color:#fee2e2}.recorder.svelte-1j3c424.svelte-1j3c424{margin-top:20px;padding:15px 0}.recorder-header.svelte-1j3c424.svelte-1j3c424{margin-bottom:15px}.recorder-header.svelte-1j3c424 h3.svelte-1j3c424{margin:0 0 5px;font-size:16px;font-weight:600}.description.svelte-1j3c424.svelte-1j3c424{margin:0;font-size:13px;color:#ffffffb3}.duration-selector.svelte-1j3c424.svelte-1j3c424{margin-bottom:15px}.duration-selector.svelte-1j3c424 label.svelte-1j3c424{display:block;font-size:13px;margin-bottom:8px;color:#ffffffe6}.duration-options.svelte-1j3c424.svelte-1j3c424{display:flex;gap:5px;flex-wrap:wrap}.duration-btn.svelte-1j3c424.svelte-1j3c424{padding:6px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s}.duration-btn.svelte-1j3c424.svelte-1j3c424:hover{background:rgba(255,255,255,.2)}.duration-btn.active.svelte-1j3c424.svelte-1j3c424{background:#3b82f6;border-color:#3b82f6}.btn-record.svelte-1j3c424.svelte-1j3c424{width:100%;padding:12px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s}.btn-record.svelte-1j3c424.svelte-1j3c424:hover:not(:disabled){transform:translateY(-2px)}.btn-record.svelte-1j3c424.svelte-1j3c424:disabled{opacity:.6;cursor:not-allowed}.recording-status.svelte-1j3c424.svelte-1j3c424{background:rgba(239,68,68,.1);border:2px solid #ef4444;border-radius:10px;padding:15px;margin-bottom:15px;text-align:center}.recording-indicator.svelte-1j3c424.svelte-1j3c424{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.recording-dot.svelte-1j3c424.svelte-1j3c424{width:12px;height:12px;background:#ef4444;border-radius:50%;animation:svelte-1j3c424-pulse 1.5s ease-in-out infinite}@keyframes svelte-1j3c424-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.recording-text.svelte-1j3c424.svelte-1j3c424{font-weight:600;color:#ef4444}.recording-time.svelte-1j3c424.svelte-1j3c424{font-size:24px;font-weight:700;color:#fff;margin:5px 0;font-variant-numeric:tabular-nums}.max-duration-info.svelte-1j3c424.svelte-1j3c424{font-size:12px;color:#fff9}.btn-stop.svelte-1j3c424.svelte-1j3c424{width:100%;padding:12px;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s}.btn-stop.svelte-1j3c424.svelte-1j3c424:hover:not(:disabled){transform:translateY(-2px)}.btn-stop.svelte-1j3c424.svelte-1j3c424:disabled{opacity:.6;cursor:not-allowed}.recording-complete.svelte-1j3c424.svelte-1j3c424{background:rgba(16,185,129,.1);border:2px solid #10b981;border-radius:10px;padding:20px;text-align:center;margin-bottom:15px}.success-icon.svelte-1j3c424.svelte-1j3c424{width:50px;height:50px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;margin:0 auto 10px}.success-text.svelte-1j3c424.svelte-1j3c424{font-size:16px;font-weight:600;color:#fff;margin:10px 0 5px}.duration-text.svelte-1j3c424.svelte-1j3c424{font-size:14px;color:#ffffffb3;margin:0 0 15px}.actions.svelte-1j3c424.svelte-1j3c424{display:flex;gap:10px}.btn-download.svelte-1j3c424.svelte-1j3c424,.btn-new.svelte-1j3c424.svelte-1j3c424{flex:1;padding:10px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .2s}.btn-download.svelte-1j3c424.svelte-1j3c424{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.btn-new.svelte-1j3c424.svelte-1j3c424{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-download.svelte-1j3c424.svelte-1j3c424:hover,.btn-new.svelte-1j3c424.svelte-1j3c424:hover{transform:translateY(-2px)}.recorder-info.svelte-1j3c424.svelte-1j3c424{margin-top:15px;padding:12px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:8px;font-size:12px;color:#fffc}.recorder-info.svelte-1j3c424 p.svelte-1j3c424{margin:0 0 8px;font-weight:600}.recorder-info.svelte-1j3c424 ul.svelte-1j3c424{margin:0;padding-left:20px}.recorder-info.svelte-1j3c424 li.svelte-1j3c424{margin-bottom:4px;line-height:1.4}.spinning{animation:svelte-1j3c424-spin 1s linear infinite}@keyframes svelte-1j3c424-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timer-container.svelte-8s72z2.svelte-8s72z2{margin-top:20px;padding:15px 0}.timer-header.svelte-8s72z2.svelte-8s72z2{margin-bottom:15px}.timer-header.svelte-8s72z2 h3.svelte-8s72z2{margin:0 0 5px;font-size:16px;font-weight:600}.description.svelte-8s72z2.svelte-8s72z2{margin:0;font-size:13px;color:#ffffffb3}.mode-selector.svelte-8s72z2.svelte-8s72z2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.mode-btn.svelte-8s72z2.svelte-8s72z2{padding:10px 8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s}.mode-btn.svelte-8s72z2.svelte-8s72z2:hover{background:rgba(255,255,255,.2)}.mode-btn.active.svelte-8s72z2.svelte-8s72z2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:transparent}.mode-settings.svelte-8s72z2.svelte-8s72z2{background:rgba(255,255,255,.05);border-radius:8px;padding:12px;margin-bottom:15px}.setting-group.svelte-8s72z2.svelte-8s72z2{margin-bottom:10px}.setting-group.svelte-8s72z2.svelte-8s72z2:last-of-type{margin-bottom:12px}.setting-group.svelte-8s72z2 label.svelte-8s72z2{display:block;font-size:13px;margin-bottom:6px;color:#ffffffe6}.setting-group.svelte-8s72z2 input.svelte-8s72z2{width:100%;padding:8px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px}.setting-group.svelte-8s72z2 input.svelte-8s72z2:focus{outline:none;border-color:#fff6}.mode-description.svelte-8s72z2.svelte-8s72z2{margin:0;font-size:12px;color:#ffffffb3;line-height:1.4}.btn-start.svelte-8s72z2.svelte-8s72z2{width:100%;padding:12px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s}.btn-start.svelte-8s72z2.svelte-8s72z2:hover{transform:translateY(-2px)}.timer-display.svelte-8s72z2.svelte-8s72z2{background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;text-align:center}.timer-info.svelte-8s72z2.svelte-8s72z2{margin-bottom:15px}.pomodoro-status.svelte-8s72z2.svelte-8s72z2{font-size:16px;font-weight:600;color:#fff;display:flex;flex-direction:column;align-items:center;gap:5px}.round.svelte-8s72z2.svelte-8s72z2{font-size:12px;color:#ffffffb3;font-weight:400}.timer-label.svelte-8s72z2.svelte-8s72z2{font-size:16px;font-weight:600;color:#fff}.timer-time.svelte-8s72z2.svelte-8s72z2{font-size:48px;font-weight:700;color:#fff;margin:15px 0;font-variant-numeric:tabular-nums;letter-spacing:2px}.progress-bar.svelte-8s72z2.svelte-8s72z2{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin:20px 0}.progress-fill.svelte-8s72z2.svelte-8s72z2{height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);transition:width .5s linear;border-radius:4px}.timer-actions.svelte-8s72z2.svelte-8s72z2{display:flex;gap:10px}.btn-stop.svelte-8s72z2.svelte-8s72z2,.btn-reset.svelte-8s72z2.svelte-8s72z2{flex:1;padding:10px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .2s}.btn-stop.svelte-8s72z2.svelte-8s72z2{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff}.btn-reset.svelte-8s72z2.svelte-8s72z2{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-stop.svelte-8s72z2.svelte-8s72z2:hover,.btn-reset.svelte-8s72z2.svelte-8s72z2:hover{transform:translateY(-2px)}.timer-tips.svelte-8s72z2.svelte-8s72z2{margin-top:15px;padding:12px;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:8px;font-size:12px;color:#fffc}.timer-tips.svelte-8s72z2 p.svelte-8s72z2{margin:0 0 8px;font-weight:600}.timer-tips.svelte-8s72z2 ul.svelte-8s72z2{margin:0;padding-left:20px}.timer-tips.svelte-8s72z2 li.svelte-8s72z2{margin-bottom:4px;line-height:1.4}.bpm-control.svelte-mbwcp4.svelte-mbwcp4{background:rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;margin:1rem 0}.bpm-title.svelte-mbwcp4.svelte-mbwcp4{font-size:1.2rem;font-weight:600;margin:0 0 1rem;color:#fff;text-align:center}.bpm-current.svelte-mbwcp4.svelte-mbwcp4{text-align:center;margin-bottom:1rem}.current-bpm.svelte-mbwcp4.svelte-mbwcp4{background:rgba(102,187,106,.2);color:#66bb6a;padding:.5rem 1rem;border-radius:20px;font-weight:600;border:1px solid rgba(102,187,106,.3)}.bpm-options.svelte-mbwcp4.svelte-mbwcp4{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:1rem}.bpm-option.svelte-mbwcp4.svelte-mbwcp4{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.8rem .6rem;color:#fff;cursor:pointer;transition:all .3s ease;text-align:center}.bpm-option.svelte-mbwcp4.svelte-mbwcp4:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d;transform:translateY(-2px)}.bpm-option.active.svelte-mbwcp4.svelte-mbwcp4{background:rgba(102,187,106,.25);border-color:#66bb6a80;color:#66bb6a}.bpm-label.svelte-mbwcp4.svelte-mbwcp4{font-size:1rem;font-weight:600;margin-bottom:.2rem}.bpm-description.svelte-mbwcp4.svelte-mbwcp4{font-size:.85rem;opacity:.8}.bpm-info.svelte-mbwcp4.svelte-mbwcp4{text-align:center;margin-top:1rem}.bpm-info.svelte-mbwcp4 p.svelte-mbwcp4{font-size:.9rem;margin:0;opacity:.7;color:#f0f8ff}@media (max-width: 768px){.bpm-options.svelte-mbwcp4.svelte-mbwcp4{grid-template-columns:1fr}.bpm-option.svelte-mbwcp4.svelte-mbwcp4{padding:1rem .8rem}}button.svelte-1fsnf72{color:#fff;border-radius:50%;aspect-ratio:4/4}#settings-box.svelte-1fsnf72{position:relative}.settings-container.svelte-1fsnf72{position:absolute;right:0;top:70px;height:58vh;padding:5px 20px;width:340px;color:#fff;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;overflow-y:auto;animation:svelte-1fsnf72-show .4s ease-in-out}@keyframes svelte-1fsnf72-show{0%{transform:translateY(-10%);opacity:0}to{transform:translateY(0);opacity:1}}.info-label.svelte-1fsnf72{display:block;font-size:x-small;margin-top:30px;color:azure}@media only screen and (max-width: 600px){.settings-container.svelte-1fsnf72{width:80vw;right:-3vw;background-color:#0000007f}.info-label.svelte-1fsnf72{opacity:0}}button.svelte-13a50ry{color:#fff;border-radius:50%;aspect-ratio:4/4}.controls.svelte-fprzwl{width:340px;height:50px;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-radius:50px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000047}@media only screen and (max-width: 600px){.controls.svelte-fprzwl{position:absolute;left:50%;transform:translate(-50%);width:85vw}}.controls.svelte-pjzk6{display:flex;gap:15px}.close.svelte-pjzk6{width:13px;height:13px;background-color:#ff5f56;cursor:pointer;border-radius:50%}.minimize.svelte-pjzk6{width:13px;height:13px;background-color:#ffbd2e;cursor:pointer;border-radius:50%}.maximize.svelte-pjzk6{width:13px;height:13px;background-color:#27c93f;cursor:pointer;border-radius:50%}.maximize.svelte-pjzk6:hover{background-color:#1e9c30}.minimize.svelte-pjzk6:hover{background-color:#e0a800}.close.svelte-pjzk6:hover{background-color:#d63000}.controls.svelte-1rgbrzc.svelte-1rgbrzc{position:absolute;right:35px;display:flex;gap:15px;color:#fff}.controls.svelte-1rgbrzc div.svelte-1rgbrzc{width:18px;height:18px;background-color:transparent;cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center}.close.svelte-1rgbrzc.svelte-1rgbrzc:hover{background-color:#ff5f56}.minimize.svelte-1rgbrzc.svelte-1rgbrzc:hover,.maximize.svelte-1rgbrzc.svelte-1rgbrzc:hover{background-color:#ffffff80}.titlebar.svelte-19ifub2{position:absolute;width:100%;height:26px;z-index:100;padding:0 10px;background-color:#00000030;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center}.drag.svelte-19ifub2{cursor:grab;margin:5px auto auto;opacity:80%;position:absolute;left:50%;transform:translate(-50%)}.drag.svelte-19ifub2:hover{opacity:100%}.shortcuts.svelte-4kcjvm{display:flex;flex-direction:column;gap:1rem;padding:0 10px}h4.svelte-4kcjvm,h5.svelte-4kcjvm{margin:0}.shortcut.svelte-4kcjvm{display:flex;gap:1rem;font-size:small;margin-left:20px}.shortcut-key.svelte-4kcjvm{min-width:30px;background-color:#fff;color:#000;padding:5px 10px;border-radius:10px;text-align:center}.shortcut-desc.svelte-4kcjvm{color:#fff}.social-links.svelte-fs9jwl.svelte-fs9jwl{display:flex;align-items:center;padding:0 10px;margin-top:5px}.social-links.svelte-fs9jwl a.svelte-fs9jwl{margin-right:20px;color:#fff}.social-links.svelte-fs9jwl a.svelte-fs9jwl:hover{opacity:80%}.info-bpm-control.svelte-1txw7io.svelte-1txw7io{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bpm-header.svelte-1txw7io.svelte-1txw7io{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.section-title.svelte-1txw7io.svelte-1txw7io{font-size:1.3rem;font-weight:700;margin:0;color:#f0f8ff;text-shadow:0 0 10px rgba(255,255,255,.3)}.current-bpm-info.svelte-1txw7io.svelte-1txw7io{display:flex;align-items:center;gap:.5rem;background:rgba(102,187,106,.15);border:1px solid rgba(102,187,106,.3);border-radius:20px;padding:.4rem 1rem}.current-label.svelte-1txw7io.svelte-1txw7io{font-size:.9rem;color:#e0e8ff;opacity:.9}.current-value.svelte-1txw7io.svelte-1txw7io{font-size:1.1rem;font-weight:700;color:#66bb6a;text-shadow:0 0 8px rgba(102,187,106,.5)}.bpm-description.svelte-1txw7io.svelte-1txw7io{margin-bottom:1rem}.bpm-description.svelte-1txw7io p.svelte-1txw7io{margin:0;font-size:.95rem;color:#e0e8ff;opacity:.8;line-height:1.4}.bpm-options-grid.svelte-1txw7io.svelte-1txw7io{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:1rem}.bpm-option-btn.svelte-1txw7io.svelte-1txw7io{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:1rem .8rem;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.8rem;text-align:left}.bpm-option-btn.svelte-1txw7io.svelte-1txw7io:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.bpm-option-btn.selected.svelte-1txw7io.svelte-1txw7io{background:rgba(102,187,106,.25);border-color:#66bb6a80;color:#66bb6a;box-shadow:0 0 15px #66bb6a4d}.option-icon.svelte-1txw7io.svelte-1txw7io{font-size:1.8rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.option-details.svelte-1txw7io.svelte-1txw7io{flex:1}.option-bpm.svelte-1txw7io.svelte-1txw7io{font-size:1.1rem;font-weight:700;margin-bottom:.2rem}.option-desc.svelte-1txw7io.svelte-1txw7io{font-size:.85rem;opacity:.8}.bpm-tips.svelte-1txw7io.svelte-1txw7io{text-align:center;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.tip-text.svelte-1txw7io.svelte-1txw7io{margin:0;font-size:.85rem;color:#f0f8ff;opacity:.7;font-style:italic}@media (max-width: 600px){.info-bpm-control.svelte-1txw7io.svelte-1txw7io{padding:1rem}.bpm-header.svelte-1txw7io.svelte-1txw7io{flex-direction:column;align-items:flex-start;gap:.8rem}.section-title.svelte-1txw7io.svelte-1txw7io{font-size:1.2rem}.bpm-options-grid.svelte-1txw7io.svelte-1txw7io{grid-template-columns:1fr;gap:.6rem}.bpm-option-btn.svelte-1txw7io.svelte-1txw7io{padding:.8rem .6rem}.option-icon.svelte-1txw7io.svelte-1txw7io{font-size:1.5rem}}.features-guide.svelte-3loeew.svelte-3loeew{padding:10px 0}h2.svelte-3loeew.svelte-3loeew{margin:0 0 10px;font-size:20px;text-align:center;color:#fff}.subtitle.svelte-3loeew.svelte-3loeew{text-align:center;margin-bottom:20px;color:#ffffffb3;font-size:13px}.feature-cards.svelte-3loeew.svelte-3loeew{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.feature-card.svelte-3loeew.svelte-3loeew{width:100%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 15px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;text-align:left}.feature-card.svelte-3loeew.svelte-3loeew:hover{background:rgba(0,0,0,.4);border-color:#fff3;transform:translate(4px)}.feature-card.active.svelte-3loeew.svelte-3loeew{background:rgba(74,144,226,.25);border-color:#4a90e280}.card-icon.svelte-3loeew.svelte-3loeew{font-size:28px;flex-shrink:0}.card-content.svelte-3loeew.svelte-3loeew{flex:1;min-width:0}.card-content.svelte-3loeew h3.svelte-3loeew{margin:0 0 3px;color:#fff;font-size:15px}.card-content.svelte-3loeew p.svelte-3loeew{margin:0;color:#ffffffb3;font-size:12px}.card-arrow.svelte-3loeew.svelte-3loeew{font-size:16px;color:#ffffff80;flex-shrink:0;transition:transform .3s ease}.feature-card.active.svelte-3loeew .card-arrow.svelte-3loeew{transform:rotate(0)}.feature-content.svelte-3loeew.svelte-3loeew{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:15px;margin-bottom:15px}.quick-tips.svelte-3loeew.svelte-3loeew{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:12px;padding:15px}.quick-tips.svelte-3loeew h3.svelte-3loeew{margin:0 0 10px;color:#ffc107;font-size:15px}.quick-tips.svelte-3loeew ul.svelte-3loeew{margin:0;padding-left:20px;color:#ffffffd9;font-size:13px}.quick-tips.svelte-3loeew li.svelte-3loeew{margin:6px 0;line-height:1.5}.quick-tips.svelte-3loeew kbd.svelte-3loeew{display:inline-block;padding:2px 6px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);border-radius:3px;font-family:monospace;font-size:12px;color:#fff}@media only screen and (max-width: 600px){.feature-card.svelte-3loeew.svelte-3loeew{flex-direction:column;align-items:center;text-align:center}.card-icon.svelte-3loeew.svelte-3loeew{font-size:35px}}.info-overlay.svelte-1ukwntr.svelte-1ukwntr{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;background-color:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}#info-box.svelte-1ukwntr.svelte-1ukwntr{padding:0 15px;color:#fff;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;width:55vw;height:75vh;overflow:hidden}#top-section.svelte-1ukwntr.svelte-1ukwntr{display:flex;justify-content:space-between;margin-top:5px;position:relative}#close-btn.svelte-1ukwntr.svelte-1ukwntr{position:absolute;top:10px;right:0;outline:none}#show-btn.svelte-1ukwntr.svelte-1ukwntr{position:absolute;top:10px;right:35px;outline:none}button.svelte-1ukwntr.svelte-1ukwntr:active{transform:scale(.9)}#app-info.svelte-1ukwntr.svelte-1ukwntr{display:flex;padding:10px;gap:20px}#app-info.svelte-1ukwntr h1.svelte-1ukwntr{margin:10px 0 5px}#app-info.svelte-1ukwntr #version.svelte-1ukwntr{font-size:x-small;margin:-2px 10px;color:#d3d3d3}#app-info.svelte-1ukwntr #tagline.svelte-1ukwntr{font-size:small;margin:5px 10px;font-family:Courier New,Courier,monospace}#bottom-section.svelte-1ukwntr.svelte-1ukwntr{margin-top:10px;overflow:hidden;overflow-y:scroll;height:45vh;padding-bottom:50px}img.svelte-1ukwntr.svelte-1ukwntr{aspect-ratio:1/1;width:130px;height:130px;min-width:130px;min-height:130px;border-radius:20px}.tabs.svelte-1ukwntr.svelte-1ukwntr{display:flex;gap:10px;padding:0 10px;margin-top:15px;border-bottom:2px solid rgba(255,255,255,.1)}.tab.svelte-1ukwntr.svelte-1ukwntr{flex:1;padding:10px 15px;background:transparent;color:#fff9;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;margin-bottom:-2px}.tab.svelte-1ukwntr.svelte-1ukwntr:hover{color:#ffffffe6;background:rgba(255,255,255,.05)}.tab.active.svelte-1ukwntr.svelte-1ukwntr{color:#fff;border-bottom-color:#667eea}@media only screen and (max-width: 600px){.info-overlay.svelte-1ukwntr.svelte-1ukwntr{display:none}}.container.svelte-rkq97i{max-width:100vw;max-height:100vh;height:100vh;position:relative;overflow:hidden;background-color:#000;background-image:url(assets/background/bg1.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.content.svelte-rkq97i{padding:30px 24px 24px;height:100vh;z-index:20;display:flex;flex-direction:row;justify-content:space-between}.tv-player.svelte-o5vvwu.svelte-o5vvwu{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff}.main-controls.svelte-o5vvwu.svelte-o5vvwu{display:flex;gap:1rem;align-items:center}.tv-play-button.svelte-o5vvwu.svelte-o5vvwu{width:250px;height:120px;background:rgba(255,255,255,.15);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tv-play-button.svelte-o5vvwu.svelte-o5vvwu:hover{background:rgba(255,255,255,.25);border-color:#ffffff80;transform:scale(1.05)}.tv-play-button.svelte-o5vvwu.svelte-o5vvwu:active{transform:scale(.98)}.play-text.svelte-o5vvwu.svelte-o5vvwu{font-size:1.4rem;font-weight:500}@keyframes svelte-o5vvwu-glow{0%{border-color:#ffffff4d;box-shadow:0 0 15px #fff3}to{border-color:#66bb6a99;box-shadow:0 0 25px #66bb6a66}}.tv-play-button.svelte-o5vvwu.svelte-o5vvwu:not(.initialized){animation:svelte-o5vvwu-buttonPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,rgba(102,187,106,.2),rgba(255,255,255,.15))}@keyframes svelte-o5vvwu-buttonPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #66bb6a4d}50%{transform:scale(1.05);box-shadow:0 0 30px #66bb6a80}}@media screen and (max-width: 1920px) and (max-height: 1080px){.tv-play-button.svelte-o5vvwu.svelte-o5vvwu{width:280px;height:130px}.control-btn.svelte-o5vvwu.svelte-o5vvwu{width:190px;height:130px}.control-btn.style-toggle.svelte-o5vvwu.svelte-o5vvwu{width:150px;height:100px}.play-text.svelte-o5vvwu.svelte-o5vvwu{font-size:1.3rem}}@media screen and (max-width: 1366px) and (max-height: 768px){.tv-player.svelte-o5vvwu.svelte-o5vvwu{gap:1.5rem}.main-controls.svelte-o5vvwu.svelte-o5vvwu{gap:.8rem}.tv-play-button.svelte-o5vvwu.svelte-o5vvwu{width:250px;height:110px}.control-btn.svelte-o5vvwu.svelte-o5vvwu{width:170px;height:110px;font-size:1rem}.control-btn.style-toggle.svelte-o5vvwu.svelte-o5vvwu{width:130px;height:90px}.play-text.svelte-o5vvwu.svelte-o5vvwu{font-size:1.2rem}.music-info.svelte-o5vvwu h3.svelte-o5vvwu{font-size:1.5rem}}@media screen and (max-width: 1280px) and (max-height: 720px){.tv-player.svelte-o5vvwu.svelte-o5vvwu{gap:1rem}.main-controls.svelte-o5vvwu.svelte-o5vvwu{gap:.8rem}.tv-play-button.svelte-o5vvwu.svelte-o5vvwu{width:220px;height:100px}.play-text.svelte-o5vvwu.svelte-o5vvwu{font-size:1.1rem}.music-info.svelte-o5vvwu h3.svelte-o5vvwu{font-size:1.3rem}.chord.svelte-o5vvwu.svelte-o5vvwu{padding:.2rem .6rem;font-size:1rem}.control-btn.svelte-o5vvwu.svelte-o5vvwu{width:150px;height:100px;font-size:.95rem}.control-btn.style-toggle.svelte-o5vvwu.svelte-o5vvwu{width:120px;height:85px}.volume-control.svelte-o5vvwu.svelte-o5vvwu{font-size:1.1rem}.volume-btn.svelte-o5vvwu.svelte-o5vvwu{width:45px;height:45px;font-size:1.1rem}}@media screen and (max-width: 1024px) and (max-height: 600px){.tv-player.svelte-o5vvwu.svelte-o5vvwu{gap:.8rem}.main-controls.svelte-o5vvwu.svelte-o5vvwu{gap:.6rem}.tv-play-button.svelte-o5vvwu.svelte-o5vvwu{width:200px;height:90px}.play-text.svelte-o5vvwu.svelte-o5vvwu{font-size:1rem}.music-info.svelte-o5vvwu h3.svelte-o5vvwu{font-size:1.1rem;margin:0 0 .3rem}.progression-display.svelte-o5vvwu.svelte-o5vvwu{gap:.3rem;margin:.5rem 0}.chord.svelte-o5vvwu.svelte-o5vvwu{padding:.15rem .5rem;font-size:.9rem}.control-btn.svelte-o5vvwu.svelte-o5vvwu{width:130px;height:90px;font-size:.85rem}.control-btn.style-toggle.svelte-o5vvwu.svelte-o5vvwu{width:110px;height:75px}.volume-control.svelte-o5vvwu.svelte-o5vvwu{font-size:1rem;gap:.5rem}.volume-btn.svelte-o5vvwu.svelte-o5vvwu{width:40px;height:40px;font-size:1rem}}@media screen and (max-height: 500px){.tv-player.svelte-o5vvwu.svelte-o5vvwu{gap:.5rem}.music-info.svelte-o5vvwu.svelte-o5vvwu{margin:.5rem 0}.volume-control.svelte-o5vvwu.svelte-o5vvwu{display:none}}.music-info.svelte-o5vvwu.svelte-o5vvwu{text-align:center;margin:1rem 0}.music-info.svelte-o5vvwu h3.svelte-o5vvwu{font-size:1.8rem;margin:0 0 .5rem;color:#f0f8ff}.progression-display.svelte-o5vvwu.svelte-o5vvwu{display:flex;justify-content:center;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.chord.svelte-o5vvwu.svelte-o5vvwu{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:.3rem .8rem;font-size:1.1rem;font-weight:700;transition:all .3s ease}.chord.active.svelte-o5vvwu.svelte-o5vvwu{background:rgba(102,187,106,.4);border-color:#66bb6ab3;color:#fff;transform:scale(1.1);box-shadow:0 0 15px #66bb6a80}.control-btn.svelte-o5vvwu.svelte-o5vvwu{width:180px;height:120px;background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:20px;cursor:pointer;font-size:1.2rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn.svelte-o5vvwu.svelte-o5vvwu:hover{background:rgba(255,255,255,.25);border-color:#ffffff80;transform:scale(1.05)}.style-toggle.svelte-o5vvwu.svelte-o5vvwu{width:140px;height:80px;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.control-btn.svelte-o5vvwu.svelte-o5vvwu:active{transform:scale(.98)}.control-btn.svelte-o5vvwu.svelte-o5vvwu:disabled{opacity:.5;cursor:not-allowed;transform:none}.control-btn.svelte-o5vvwu.svelte-o5vvwu:disabled:hover{background:rgba(255,255,255,.1);border-color:#ffffff4d;transform:none}.volume-control.svelte-o5vvwu.svelte-o5vvwu{display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:1.2rem}.volume-buttons.svelte-o5vvwu.svelte-o5vvwu{display:flex;gap:1rem}.volume-btn.svelte-o5vvwu.svelte-o5vvwu{width:50px;height:50px;background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.volume-btn.svelte-o5vvwu.svelte-o5vvwu:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}@media (max-width: 768px){.tv-play-button.svelte-o5vvwu.svelte-o5vvwu{width:200px;height:100px}.control-btn.svelte-o5vvwu.svelte-o5vvwu{width:140px}.control-btn.style-toggle.svelte-o5vvwu.svelte-o5vvwu{width:120px;height:80px}}.tv-controls.svelte-222opd{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;overflow:hidden}.effects-grid.svelte-222opd{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;flex:1;min-height:0}.effect-item.svelte-222opd{display:flex;flex-direction:column;align-items:center;gap:.5rem}.effect-button.svelte-222opd{width:100%;height:70px;background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.2rem;box-sizing:border-box}.effect-button.svelte-222opd:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.effect-button.active.svelte-222opd{background:rgba(72,187,120,.3);border-color:#48bb7899;box-shadow:0 0 20px #48bb784d}.effect-icon.svelte-222opd{font-size:1.5rem}.effect-name.svelte-222opd{font-size:.85rem;font-weight:500;line-height:1.1}.effect-status.svelte-222opd{font-size:.7rem;opacity:.8;font-weight:700;line-height:1}.volume-controls.svelte-222opd{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%}.volume-label.svelte-222opd{font-size:.75rem;opacity:.8}.volume-buttons.svelte-222opd{display:flex;gap:.5rem}.volume-adjust-btn.svelte-222opd{width:28px;height:28px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;font-size:.8rem;transition:all .3s ease}.volume-adjust-btn.svelte-222opd:hover:not(:disabled){background:rgba(255,255,255,.2);transform:scale(1.1)}.volume-adjust-btn.svelte-222opd:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 768px){.effects-grid.svelte-222opd{grid-template-columns:1fr;gap:1.5rem}.effect-button.svelte-222opd{width:160px;height:100px}}.ambient-tracks.svelte-46r2a5{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.tracks-grid.svelte-46r2a5{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.track-button.svelte-46r2a5{width:100%;height:70px;background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.2rem;box-sizing:border-box}.track-button.svelte-46r2a5:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.track-button.active.svelte-46r2a5{background:rgba(72,187,120,.3);border-color:#48bb7899;box-shadow:0 0 20px #48bb784d}.track-icon.svelte-46r2a5{font-size:1.5rem}.track-name.svelte-46r2a5{font-size:.85rem;font-weight:500;text-align:center;line-height:1.1}.track-status.svelte-46r2a5{font-size:.7rem;opacity:.8;font-weight:700;line-height:1}@media (max-width: 768px){.tracks-grid.svelte-46r2a5{grid-template-columns:repeat(3,1fr)}.track-button.svelte-46r2a5{width:70px;height:70px}}.tv-bpm-control.svelte-4jzl5z{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.2rem;margin:.8rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bpm-header.svelte-4jzl5z{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bpm-title.svelte-4jzl5z{font-size:1.1rem;font-weight:600;margin:0;color:#fff}.current-bpm.svelte-4jzl5z{display:flex;align-items:baseline;gap:.2rem;background:rgba(102,187,106,.2);border:1px solid rgba(102,187,106,.3);border-radius:8px;padding:.3rem .8rem}.bpm-value.svelte-4jzl5z{font-size:1.3rem;font-weight:700;color:#66bb6a}.bpm-unit.svelte-4jzl5z{font-size:.9rem;color:#66bb6a;opacity:.8}.bpm-options.svelte-4jzl5z{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.bpm-btn.svelte-4jzl5z{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.8rem .4rem;color:#fff;cursor:pointer;transition:all .3s ease;text-align:center}.bpm-btn.svelte-4jzl5z:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d;transform:translateY(-2px)}.bpm-btn.active.svelte-4jzl5z{background:rgba(102,187,106,.25);border-color:#66bb6a80;color:#66bb6a;transform:scale(1.05)}.bpm-number.svelte-4jzl5z{font-size:1.1rem;font-weight:600;margin-bottom:.1rem}.bpm-desc.svelte-4jzl5z{font-size:.75rem;opacity:.8}@media screen and (max-width: 1366px) and (max-height: 768px){.tv-bpm-control.svelte-4jzl5z{padding:1rem}.bpm-title.svelte-4jzl5z{font-size:1rem}.bpm-value.svelte-4jzl5z{font-size:1.2rem}.bpm-btn.svelte-4jzl5z{padding:.6rem .3rem}.bpm-number.svelte-4jzl5z{font-size:1rem}.bpm-desc.svelte-4jzl5z{font-size:.7rem}}@media screen and (max-width: 1024px) and (max-height: 600px){.tv-bpm-control.svelte-4jzl5z{padding:.8rem;margin:.5rem 0}.bpm-options.svelte-4jzl5z{gap:.4rem}.bpm-btn.svelte-4jzl5z{padding:.5rem .2rem}.bpm-number.svelte-4jzl5z{font-size:.9rem}.bpm-desc.svelte-4jzl5z{font-size:.65rem}}.tv-container.svelte-1aai922.svelte-1aai922{width:100vw;height:100vh;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden;padding:2rem;box-sizing:border-box}.tv-layout.svelte-1aai922.svelte-1aai922{width:100%;height:100%;max-width:1600px;display:flex;flex-direction:column;color:#fff}.tv-header.svelte-1aai922.svelte-1aai922{background:rgba(0,0,0,.3);border-bottom:2px solid rgba(255,255,255,.2);padding:.8rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;height:60px;display:flex;align-items:center}.marquee-container.svelte-1aai922.svelte-1aai922{width:100%;overflow:hidden;white-space:nowrap}.marquee-text.svelte-1aai922.svelte-1aai922{display:inline-block;font-size:1.5rem;font-weight:600;color:#f0f8ff;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:svelte-1aai922-marquee 20s linear infinite;padding-left:100%}@keyframes svelte-1aai922-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.tv-main-grid.svelte-1aai922.svelte-1aai922{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;min-height:0}.tv-left-panel.svelte-1aai922.svelte-1aai922{display:grid;grid-template-rows:1fr auto auto;gap:1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:100%;overflow:hidden}.music-player-zone.svelte-1aai922.svelte-1aai922{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.player-wrapper.svelte-1aai922.svelte-1aai922{width:100%;display:flex;justify-content:center;align-items:center}.bpm-control-zone.svelte-1aai922.svelte-1aai922{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.remote-hints.svelte-1aai922.svelte-1aai922{background:rgba(102,187,106,.1);border:1px solid rgba(102,187,106,.3);border-radius:15px;padding:1rem 1.5rem;text-align:center}.hint-text.svelte-1aai922.svelte-1aai922{margin:0;font-size:1.1rem;color:#66bb6a;font-weight:500}.tv-right-panel.svelte-1aai922.svelte-1aai922{display:flex;flex-direction:column;height:100%;overflow:hidden}.ambient-control-zone.svelte-1aai922.svelte-1aai922{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;height:100%}.ambient-header.svelte-1aai922.svelte-1aai922{text-align:center;margin-bottom:.5rem}.ambient-header.svelte-1aai922 h3.svelte-1aai922{margin:0;font-size:1.4rem;color:#f0f8ff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.environment-effects.svelte-1aai922.svelte-1aai922{flex-shrink:0}.ambient-tracks.svelte-1aai922.svelte-1aai922{flex:1;min-height:0}.tv-footer.svelte-1aai922.svelte-1aai922{margin-top:2rem;opacity:.7}.tv-footer.svelte-1aai922 p.svelte-1aai922{font-size:1.4rem;margin:0;font-weight:500}@media screen and (max-width: 1920px) and (max-height: 1080px){.tv-container.svelte-1aai922.svelte-1aai922{padding:1.5rem}}@media screen and (max-width: 1366px) and (max-height: 768px){.tv-container.svelte-1aai922.svelte-1aai922{padding:1rem}.tv-footer.svelte-1aai922 p.svelte-1aai922{font-size:1rem}}@media screen and (max-width: 1280px) and (max-height: 720px){.tv-container.svelte-1aai922.svelte-1aai922{padding:.5rem}.tv-footer.svelte-1aai922.svelte-1aai922{margin-top:1rem}.tv-footer.svelte-1aai922 p.svelte-1aai922{font-size:.9rem}}@media screen and (max-width: 1024px) and (max-height: 600px){.tv-container.svelte-1aai922.svelte-1aai922{padding:.5rem}.tv-layout.svelte-1aai922.svelte-1aai922{max-width:100%}.tv-header.svelte-1aai922.svelte-1aai922{margin-bottom:.2rem}.tv-footer.svelte-1aai922.svelte-1aai922{margin-top:.5rem}.tv-footer.svelte-1aai922 p.svelte-1aai922{font-size:.8rem}}@media screen and (max-height: 500px){.tv-footer.svelte-1aai922.svelte-1aai922{display:none}}