@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#242424;--bg-card:#2a2a2a;--border-color:#3a3a3a;--text-primary:#fff;--text-secondary:#b0b0b0;--accent-primary:#4a9eff;--accent-hover:#3a8eef;--input-bg:#242424;--input-border:#3a3a3a}:root[data-theme=light]{--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-card:#fff;--border-color:#e0e0e0;--text-primary:#2c2c2c;--text-secondary:#666;--accent-primary:#4a9eff;--accent-hover:#3a8eef;--input-bg:#fff;--input-border:#d0d0d0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;transition:background-color .2s,color .2s}.container{max-width:900px;margin:0 auto}header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.header-content h1{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:600}.header-content p{color:var(--text-secondary);font-size:.9rem;font-weight:400}.auth-container{margin-left:auto;margin-right:1rem}.user-profile{align-items:center;gap:.75rem;font-size:.9rem;display:flex}.user-profile.hidden{display:none}.avatar{border:1px solid var(--border-color);border-radius:50%;width:32px;height:32px}.logout-link{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.logout-link:hover{color:var(--accent-hover)}.theme-toggle{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem;transition:all .2s}.theme-toggle:hover{background:var(--bg-secondary)}.theme-toggle svg{width:20px;height:20px;color:var(--text-primary)}[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon,[data-theme=light] .sun-icon{display:none}[data-theme=light] .moon-icon{display:block}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.glass-panel label,.url-section label,.input-group label,.control-item label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.url-section{margin-bottom:1.5rem}.url-input-group{gap:.5rem;display:flex}#url-input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);border-radius:6px;flex:1;padding:.75rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}#url-input:focus{border-color:var(--accent-primary);outline:none}#url-input::placeholder{color:var(--text-secondary)}.input-group{margin-bottom:1.5rem}#text-input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);resize:vertical;border-radius:6px;min-height:180px;padding:1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}#text-input:focus{border-color:var(--accent-primary);outline:none}#text-input::placeholder{color:var(--text-secondary)}.controls-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.select-wrapper{position:relative}select{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;border-radius:6px;padding:.75rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}select:hover{border-color:var(--accent-primary)}select:focus{border-color:var(--accent-primary);outline:none}.select-wrapper:after{content:"▼";color:var(--text-secondary);pointer-events:none;font-size:.7rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}input[type=range]{background:var(--input-border);appearance:none;cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:16px;height:16px}input[type=range]::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.value-tag{color:var(--text-secondary);margin-top:.25rem;font-size:.85rem;font-weight:500;display:inline-block}.button-row{gap:.75rem;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.playing .play-icon{display:none}.btn-primary.playing .pause-icon,.btn-primary:not(.playing) .play-icon{display:block}.btn-primary:not(.playing) .pause-icon{display:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--accent-primary)}.app-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1rem}.app-footer p{color:var(--text-secondary);font-size:.85rem}@media (max-width:768px){body{padding:1rem}header h1{font-size:1.5rem}.controls-grid{grid-template-columns:1fr}.glass-panel{padding:1rem}.button-row,.url-input-group{flex-direction:column}}