body,html{width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}canvas,img,svg,video{max-width:100%}button,input,select,textarea{font:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{min-height:100%;overflow-x:hidden}body{position:relative}.floating-button{bottom:max(18px,env(safe-area-inset-bottom));position:fixed!important;right:max(18px,env(safe-area-inset-right))}@media (max-width:680px){.floating-button{bottom:max(16px,env(safe-area-inset-bottom));left:16px;min-height:44px;right:16px;width:calc(100vw - 32px)}.modal{padding:16px}}.modal{max-height:calc(100dvh - 32px);overflow:auto;width:min(92vw,300px)}@media (max-width:680px){.modal{padding:16px}}.floating-button{bottom:50px;position:fixed;right:20px;z-index:1000}.graph-page{background:#050505;min-height:100dvh}.graph-container,.graph-page{overflow:hidden;position:relative;width:100%}.graph-container{height:100dvh;min-height:520px;touch-action:none}.graph-container canvas{display:block;touch-action:none}.graph-status-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094;border:1px solid #ffffff1f;border-radius:8px;color:#ffffffc7;display:flex;font-size:13px;gap:16px;justify-content:space-between;left:16px;padding:10px 14px;pointer-events:none;position:fixed;right:16px;top:calc(56px + env(safe-area-inset-top, 0px));z-index:900}.graph-status-bar div{align-items:baseline;display:flex;gap:10px}.graph-status-bar strong{color:#fff;font-size:14px}.graph-message{background:#181818eb;border:1px solid #ffffff29;border-radius:8px;color:#fff;left:50%;max-width:calc(100vw - 32px);padding:12px 16px;position:fixed;top:116px;transform:translateX(-50%);z-index:950}.graph-message--error{background:#711623f0;border-color:#ff5a7859}@media (max-width:680px){.graph-status-bar{align-items:flex-start;flex-direction:column;font-size:12px;gap:3px;left:10px;max-width:calc(100vw - 20px);padding:9px 11px;right:10px;top:calc(56px + env(safe-area-inset-top, 0px))}.graph-status-bar div{flex-wrap:wrap;gap:4px 8px}.graph-status-bar strong{font-size:13px}.graph-status-bar>span{font-size:11px;line-height:1.35}.graph-message{font-size:13px;top:calc(128px + env(safe-area-inset-top, 0px));width:calc(100vw - 24px)}}.toggle-button{background-color:#007bff;border:none;color:#fff;cursor:pointer;left:10px;padding:8px 16px;position:absolute;top:10px;z-index:100}.panel{background-color:#f7f7f7;box-shadow:0 0 5px #0003;height:100%;left:-300px;overflow-y:auto;position:absolute;top:0;transition:left .3s ease-in-out;width:300px}.panel.open{left:0}.panel>div{padding:16px}.modal{background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 4px #0003;left:50%;max-width:300px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.modal h2{font-size:18px;margin:0 0 10px}.modal input{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:8px;width:100%}.modal button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;margin-right:10px;padding:6px 12px}.modal button:hover{background-color:#0056b3}.modal button:last-child{background-color:#ccc}.modal button:last-child:hover{background-color:#999}.party-landing,.party-root{background:#000;color:#fff;inset:0;min-height:100dvh;overflow:hidden;position:fixed}.party-canvas-wrap{inset:0;position:absolute}.party-canvas-wrap canvas{display:block;height:100%!important;width:100%!important}.party-hero-lyric{color:#ffffffeb;font-family:Arial Black,Arial,sans-serif;font-size:clamp(1.4rem,5vw,3.2rem);left:50%;letter-spacing:.18em;max-width:90vw;text-align:center;text-shadow:0 0 24px #ff00b48c,0 0 48px #00dcff59;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);z-index:20}.party-hero-lyric,.party-overlay{pointer-events:none;position:fixed}.party-overlay{inset:0;z-index:30}.party-overlay button{pointer-events:auto}.party-overlay--hidden{pointer-events:none}.party-ui-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000006b;border:1px solid #ffffff1f;border-radius:999px;bottom:1rem;color:#ffffffa6;cursor:pointer;font-size:.62rem;letter-spacing:.08em;padding:.4rem .75rem;pointer-events:auto;position:fixed;right:1rem;text-transform:uppercase}.party-top-bar{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.2rem}.party-now-playing{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff1f;border-radius:999px;display:flex;gap:.75rem;max-width:min(420px,70vw);padding:.45rem .9rem .45rem .45rem}.party-now-playing>div{min-width:0}.party-art{border-radius:8px;height:42px;object-fit:cover;width:42px}.party-track-title{font-size:.82rem;font-weight:700}.party-track-artist,.party-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-track-artist{color:#888;font-size:.7rem}.party-mic-meter,.party-mini-meter,.party-track-progress{background:#ffffff14;border-radius:999px;height:3px;margin-top:.35rem;overflow:hidden;width:100%}.party-mic-meter span,.party-mini-meter span,.party-track-progress span{background:linear-gradient(90deg,#1db954,#00e5ff,#f0a);border-radius:inherit;display:block;height:100%;transform-origin:left center;width:100%}.party-mic-meter{height:4px;margin-top:.45rem}.party-mic-meter span{background:linear-gradient(90deg,#00e5ff,#f8ff6a,#ff2fb8)}.party-idle{color:#666;font-size:.78rem}.party-top-actions{display:flex;gap:.5rem}.party-btn{background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;color:#fff;cursor:pointer;font-size:.72rem;letter-spacing:.06em;padding:.45rem .85rem;text-transform:uppercase}.party-btn--stop{background:#ff28502e;border-color:#ff285059}.party-side-panel{display:flex;flex-direction:column;gap:.55rem;left:1.2rem;max-width:280px;position:fixed;top:5.5rem}.party-panel-block{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border:1px solid #ffffff14;border-radius:10px;padding:.55rem .75rem}.party-panel-label{color:#666;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.party-panel-value{color:#ddd;font-size:.76rem;line-height:1.35;margin-top:.15rem}.party-panel-subvalue{color:#777;font-size:.62rem;margin-top:.25rem}.party-lyrics-synced{color:#1db954}.party-lyrics-loading{color:#fc0}.party-lyrics-missing{color:#888}.party-sync-synced{color:#1db954}.party-sync-polling{color:#00e5ff}.party-sync-stale{color:#fc0}.party-sync-error{color:#f46}.party-sync-idle{color:#888}.party-queue-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000007a;border:1px solid #ffffff1a;border-radius:14px;padding:.6rem;position:fixed;right:1.2rem;top:25.4rem;width:min(340px,44vw)}.party-queue-head{color:#777;display:flex;font-size:.62rem;justify-content:space-between;letter-spacing:.12em;margin-bottom:.5rem;text-transform:uppercase}.party-queue-list{display:flex;flex-direction:column;gap:.35rem}.party-queue-item{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:30px minmax(0,1fr) auto;min-height:34px}.party-queue-art{background:#ffffff14;border-radius:6px;height:30px;object-fit:cover;width:30px}.party-queue-art--empty{border:1px solid #ffffff14;display:block}.party-queue-copy{min-width:0}.party-queue-copy small,.party-queue-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-queue-copy span{color:#ddd;font-size:.68rem}.party-queue-copy small{color:#777;font-size:.58rem}.party-prep-badge{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;color:#999;font-size:.52rem;letter-spacing:.08em;min-width:42px;padding:.18rem .35rem;text-align:center;text-transform:uppercase}.party-prep-badge--ready{background:#1db9541f;border-color:#1db95447;color:#1db954}.party-effects-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff1a;border-radius:14px;bottom:5.8rem;display:flex;flex-direction:column;gap:.4rem;left:50%;padding:.45rem;pointer-events:auto;position:fixed;transform:translateX(-50%);width:min(680px,94vw)}.party-effects-tabs{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:repeat(4,minmax(0,1fr))}.party-effects-tab{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#ffffff80;cursor:pointer;font-size:.56rem;letter-spacing:.12em;min-height:28px;text-transform:uppercase}.party-effects-tab--active{background:#b400ff38;border-color:#ff00b466;box-shadow:0 0 16px #b400ff24;color:#fff}.party-effects-grid{grid-gap:.35rem;display:grid;gap:.35rem;grid-template-columns:repeat(4,minmax(0,1fr))}.party-mobile-panel-tabs{display:none}.party-scene-strip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000007a;border:1px solid #ffffff1a;border-radius:14px;display:flex;flex-direction:column;gap:.45rem;max-width:min(340px,44vw);padding:.45rem;pointer-events:auto;position:fixed;right:1.2rem;top:5.5rem}.party-scene-tabs{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:repeat(2,minmax(0,1fr))}.party-scene-tab{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#ffffff85;cursor:pointer;font-size:.6rem;letter-spacing:.12em;min-height:30px;text-transform:uppercase}.party-scene-tab--active{background:#00e5ff29;border-color:#00e5ff7a;box-shadow:0 0 16px #00e5ff24;color:#fff}.party-scene-grid{grid-gap:.35rem;display:grid;gap:.35rem;grid-template-columns:repeat(2,minmax(112px,1fr))}.party-scene-btn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#ffffff85;cursor:pointer;font-size:.58rem;letter-spacing:.04em;min-height:34px;padding:.35rem .45rem;text-transform:uppercase}.party-scene-btn--active{background:#00e5ff2e;border-color:#00e5ff73;box-shadow:0 0 18px #00e5ff2e;color:#fff}.party-effect-btn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#ffffff73;cursor:pointer;font-size:.58rem;letter-spacing:.06em;min-height:32px;padding:.35rem .45rem;text-transform:uppercase}.party-effect-btn--active{background:#b400ff59;border-color:#ff00b46b;box-shadow:0 0 18px #b400ff2e;color:#fff}.party-controls-bar{bottom:1.2rem;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;left:50%;max-width:95vw;pointer-events:auto;position:fixed;transform:translateX(-50%)}.party-ctrl{background:#0000008c;border:1px solid #ffffff1f;border-radius:999px;color:#ffffffb3;cursor:pointer;font-size:.62rem;letter-spacing:.06em;padding:.35rem .65rem;text-transform:uppercase}.party-ctrl--active{background:#1db95433;border-color:#1db9546b;color:#fff}.party-ctrl--danger{background:#ff285047;border-color:#ff285080;color:#fff}.party-shortcuts-hint{bottom:.35rem;color:#555;font-size:.58rem;left:50%;position:fixed;transform:translateX(-50%);white-space:nowrap}.party-landing{align-items:center;background:radial-gradient(ellipse at 50% 60%,#1a0033 0,#000 70%);display:flex;justify-content:center;overflow-y:auto}.party-landing-inner{align-items:center;display:flex;flex-direction:column;gap:1.4rem;max-width:560px;padding:2rem 1.5rem 3rem;text-align:center;width:100%}.party-title-group{display:flex;flex-direction:column;line-height:1}.party-title-main{background:linear-gradient(135deg,#ff007a,#00e5ff,#fc0,#b400ff);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(3rem,12vw,6rem);letter-spacing:.16em}.party-title-main,.party-title-sub{font-family:Arial Black,Arial,sans-serif}.party-title-sub{color:#888;font-size:clamp(.65rem,2vw,.95rem);letter-spacing:.35em;margin-top:.4rem}.party-landing-desc{color:#777;font-size:.9rem;line-height:1.65}.party-spotify-panel{width:100%}.party-connected-box,.party-input-mode-panel,.party-setup{background:#ffffff08;border:1px solid #ffffff17;border-radius:14px;display:flex;flex-direction:column;gap:.75rem;padding:1.1rem 1.2rem}.party-connected-box{background:#1db95414;border-color:#1db95447}.party-input-mode-panel{background:rgba(0,229,255,.045);border-color:#00e5ff2e;width:100%}.party-connected-badge{align-items:center;color:#1db954;display:flex;font-weight:700;gap:.35rem;justify-content:center}.party-setup-title{color:#ccc;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.party-muted{color:#777;font-size:.78rem;line-height:1.5}.party-uri{background:#0006;border:1px solid #ffffff1a;border-radius:6px;color:#aaa;display:block;font-size:.72rem;padding:.45rem .6rem;word-break:break-all}.party-input{background:#00000080;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-size:.85rem;padding:.65rem .9rem;width:100%}.party-error{color:#f46;font-size:.82rem}.party-connect-btn,.party-mic-btn,.party-preview-btn,.party-start-btn{align-self:center;border:none;border-radius:999px;cursor:pointer;font-family:Arial Black,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.party-connect-btn{align-items:center;background:#1db954;color:#000;display:flex;font-size:.82rem;gap:.35rem;padding:.75rem 1.5rem}.party-start-btn{background:linear-gradient(135deg,#ff007a,#b400ff);box-shadow:0 0 32px #ff007a59;color:#000;font-size:.9rem;padding:1rem 2.4rem}.party-preview-btn{background:#ffffff14;border:1px solid #ffffff2e;box-shadow:0 0 26px #00e5ff29;color:#fff}.party-mic-btn,.party-preview-btn{font-size:.78rem;padding:.8rem 1.6rem}.party-mic-btn{background:linear-gradient(135deg,#00e5ff,#9dff7a);box-shadow:0 0 28px #00e5ff3d;color:#061014}.party-demo-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.party-demo-link{background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;color:#ffffffb8;font-size:.72rem;letter-spacing:.08em;padding:.62rem 1.05rem;text-decoration:none;text-transform:uppercase}.party-demo-link:hover{border-color:#00e5ff73;color:#fff}.party-disconnect{background:#0000;border:1px solid #ffffff1a;border-radius:999px;color:#666;cursor:pointer;font-size:.72rem;padding:.3rem .85rem}.party-footnote{color:#555;font-size:.72rem}@media (max-width:860px){.party-top-bar{align-items:stretch;padding:.75rem}.party-now-playing{max-width:calc(100vw - 1.5rem)}.party-side-panel{left:.75rem;max-width:210px;top:4.8rem}.party-queue-panel,.party-scene-strip{display:none}.party-effects-panel{bottom:6.5rem;width:min(520px,calc(100vw - 1.5rem))}.party-effects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.party-controls-bar{bottom:1.8rem}.party-shortcuts-hint{display:none}}@media (max-width:640px){.party-landing{-webkit-overflow-scrolling:touch;align-items:flex-start;justify-content:flex-start;overflow-y:auto;padding:max(16px,env(safe-area-inset-top)) 0 max(24px,env(safe-area-inset-bottom))}.party-landing-inner{gap:1rem;min-height:auto;padding:1.2rem .9rem 2rem;width:100%}.party-title-main{font-size:clamp(2.35rem,16vw,4rem);letter-spacing:.08em}.party-title-sub{font-size:.66rem;letter-spacing:.28em}.party-landing-desc{font-size:.82rem;line-height:1.55}.party-connected-box,.party-input-mode-panel,.party-setup,.party-spotify-panel{width:100%}.party-connected-box,.party-input-mode-panel,.party-setup{border-radius:10px;padding:1rem}.party-uri{max-width:100%;overflow-wrap:anywhere}.party-connect-btn,.party-disconnect,.party-mic-btn,.party-preview-btn,.party-start-btn{justify-content:center;min-height:44px;width:100%}.party-demo-actions{flex-direction:column;width:100%}.party-demo-link{text-align:center;width:100%}.party-hero-lyric{font-size:clamp(1.45rem,11vw,3rem);letter-spacing:.1em;max-width:92vw;width:92vw}.party-top-bar{align-items:center;gap:.5rem;left:.5rem;padding:0;pointer-events:none;position:fixed;right:.5rem;top:calc(.5rem + env(safe-area-inset-top))}.party-now-playing,.party-top-actions{pointer-events:auto}.party-now-playing{flex:1 1;gap:.5rem;max-width:none;min-width:0;padding:.38rem .65rem .38rem .38rem}.party-art{border-radius:7px;height:34px;width:34px}.party-track-title{font-size:.72rem}.party-track-artist{font-size:.62rem}.party-top-actions{flex-shrink:0;gap:.35rem}.party-btn{font-size:.58rem;min-height:36px;padding:.36rem .48rem}.party-side-panel{display:none}.party-mobile-panel-tabs{grid-gap:.35rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000094;border:1px solid #ffffff1a;border-radius:14px;bottom:calc(3.55rem + env(safe-area-inset-bottom));display:grid;gap:.35rem;grid-template-columns:repeat(2,minmax(0,1fr));left:.5rem;padding:.35rem;pointer-events:auto;position:fixed;right:.5rem;touch-action:manipulation;z-index:34}.party-mobile-panel-tab{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#ffffff8c;font-size:.58rem;letter-spacing:.12em;min-height:36px;text-transform:uppercase}.party-mobile-panel-tab--active{background:#00e5ff29;border-color:#00e5ff6b;box-shadow:0 0 16px #00e5ff24;color:#fff}.party-effects-panel{transform:none;width:auto}.party-effects-panel,.party-scene-strip{-webkit-overflow-scrolling:touch;bottom:calc(6.35rem + env(safe-area-inset-bottom));display:none;left:.5rem;max-height:32dvh;overflow:auto;overscroll-behavior:contain;padding:.35rem;pointer-events:auto;right:.5rem;touch-action:pan-y;z-index:33}.party-scene-strip{max-width:none;top:auto}.party-effects-panel.party-mobile-panel--active,.party-scene-strip.party-mobile-panel--active{display:flex}.party-effects-grid,.party-effects-tabs,.party-scene-grid,.party-scene-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.party-scene-grid{gap:.35rem}.party-effect-btn,.party-effects-tab,.party-scene-btn,.party-scene-tab{min-height:34px}.party-controls-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000085;border:1px solid #ffffff1a;border-radius:999px;bottom:calc(.45rem + env(safe-area-inset-bottom));flex-wrap:nowrap;gap:.35rem;justify-content:flex-start;left:.5rem;max-width:none;overflow-x:auto;overscroll-behavior-x:contain;padding:.35rem;pointer-events:auto;right:.5rem;scrollbar-width:none;touch-action:pan-x;transform:none;width:auto;z-index:34}.party-controls-bar::-webkit-scrollbar{display:none}.party-ctrl{flex:0 0 auto;font-size:.58rem;min-height:36px;padding:.36rem .55rem}.party-ui-toggle{bottom:max(.75rem,env(safe-area-inset-bottom));right:.75rem}}*,:after,:before{box-sizing:border-box}#root,body,html{background:#000;min-height:100%;width:100%}body{overflow-x:hidden}.app-root{background:#000;overflow:hidden}.app-root,.landing{align-items:center;display:flex;justify-content:center;min-height:100dvh;width:100%}.landing{background:radial-gradient(ellipse at 50% 60%,#1a0033 0,#000 70%);overflow-y:auto}.landing-inner{gap:1.6rem;max-width:540px;padding:2rem 1.5rem 3rem;text-align:center;width:100%}.landing-inner,.title-group{align-items:center;display:flex;flex-direction:column}.title-group{line-height:1}.title-label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff007a,#00e5ff,#fc0,#b400ff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 24px #ff007a88);font-size:clamp(3.5rem,13vw,8rem);font-weight:900;letter-spacing:.18em}.title-label,.title-sub{font-family:Arial Black,Arial,sans-serif}.title-sub{color:#aaa;font-size:clamp(.7rem,2.5vw,1.1rem);font-weight:700;letter-spacing:.5em;margin-top:.25em;text-transform:uppercase}.landing-desc{color:#888;font-family:Arial,sans-serif;font-size:clamp(.85rem,2.2vw,1rem);line-height:1.7}.mode-picker{display:flex;gap:.75rem;justify-content:center;width:100%}.mode-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.35rem;max-width:140px;padding:.9rem .5rem;transition:background .18s,border-color .18s,transform .12s}.mode-card:hover{background:#ffffff17;transform:translateY(-2px)}.mode-card--active{background:#b400ff26;border-color:#b400ff99;box-shadow:0 0 20px #b400ff4d}.mode-card-label{color:#fff;font-family:Arial Black,Arial,sans-serif;font-size:clamp(.75rem,2vw,.9rem);font-weight:900;letter-spacing:.12em}.mode-card-desc{color:#777;font-size:clamp(.6rem,1.5vw,.7rem);line-height:1.4}.error-msg,.mode-card-desc{font-family:Arial,sans-serif}.error-msg{background:#ff28501f;border:1px solid #ff28504d;border-radius:8px;color:#f46;font-size:.9rem;padding:.6rem 1.2rem}.start-btn{background:linear-gradient(135deg,#ff007a,#b400ff);border:none;border-radius:50px;box-shadow:0 0 32px #ff007a66;color:#000;cursor:pointer;font-family:Arial Black,Arial,sans-serif;font-size:clamp(.85rem,2.2vw,1rem);font-weight:900;letter-spacing:.12em;padding:1rem 2.6rem;text-transform:uppercase;transition:transform .15s,box-shadow .15s}.start-btn:hover{box-shadow:0 0 48px #ff007aaa;transform:scale(1.06)}.start-btn:active{transform:scale(.97)}.hint{color:#555;font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.04em}.visualizer-root{background:#000;inset:0;position:fixed}.viz-canvas{display:block;height:100%;width:100%}.stop-btn{background:#ffffff14;border:1px solid #ffffff2e;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;letter-spacing:.06em;padding:.4rem .9rem;position:fixed;right:1.4rem;top:1.2rem;transition:background .2s;z-index:100}.stop-btn:hover{background:#ffffff2e}.mode-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff1a;border-radius:50px;bottom:1.4rem;display:flex;gap:.5rem;left:50%;padding:.35rem .5rem;position:fixed;transform:translateX(-50%);z-index:100}.mode-bar-btn{background:#0000;border:none;border-radius:50px;color:#ffffff73;cursor:pointer;font-family:Arial Black,Arial,sans-serif;font-size:.65rem;font-weight:900;letter-spacing:.14em;padding:.4rem 1rem;text-transform:uppercase;transition:color .18s,background .18s}.mode-bar-btn:hover{background:#ffffff12;color:#ffffffd9}.mode-bar-btn--active{background:#b400ff66;box-shadow:0 0 12px #b400ff80;color:#fff}.source-tabs{background:#ffffff0a;border:1px solid #ffffff17;border-radius:50px;display:flex;gap:.5rem;padding:.3rem}.source-tab{align-items:center;background:#0000;border:none;border-radius:50px;color:#ffffff73;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:.82rem;font-weight:600;gap:.3rem;letter-spacing:.04em;padding:.45rem 1.2rem;transition:color .18s,background .18s}.source-tab:hover{color:#fffc}.source-tab--active{background:#ffffff1a;box-shadow:0 0 0 1px #ffffff26;color:#fff}.spotify-panel{max-width:460px;width:100%}.spotify-loading{color:#888;font-family:Arial,sans-serif;font-size:.88rem;padding:1rem 0;text-align:center}.spotify-connected-box{align-items:center;background:#1db95414;border:1px solid #1db9544d;border-radius:14px;display:flex;flex-direction:column;gap:.7rem;padding:1.1rem 1.4rem}.spotify-connected-badge{align-items:center;color:#1db954;display:flex;font-family:Arial,sans-serif;font-size:.9rem;font-weight:700}.spotify-hint{color:#777;font-family:Arial,sans-serif;font-size:.78rem;line-height:1.5;text-align:center}.spotify-disconnect-btn{background:#0000;border:1px solid #ffffff1a;border-radius:50px;color:#666;cursor:pointer;font-family:Arial,sans-serif;font-size:.72rem;padding:.3rem .9rem;transition:color .15s,border-color .15s}.spotify-disconnect-btn:hover{border-color:#ff285066;color:#f46}.spotify-setup{background:#ffffff08;border:1px solid #ffffff17;border-radius:14px;display:flex;flex-direction:column;gap:.85rem;padding:1.2rem 1.4rem;text-align:left}.spotify-setup-title{color:#ccc;font-family:Arial Black,Arial,sans-serif;font-size:.82rem;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}.spotify-steps{color:#888;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:.78rem;gap:.2rem;line-height:1.7;padding-left:1.2rem}.spotify-steps a{color:#1db954;text-decoration:none}.spotify-steps a:hover{text-decoration:underline}.spotify-redirect-uri{background:#0006;border:1px solid #ffffff1a;border-radius:6px;color:#aaa;display:block;font-size:.72rem;margin-top:.3rem;padding:.4rem .6rem;-webkit-user-select:all;user-select:all;word-break:break-all}.spotify-input{background:#00000080;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-family:Arial,sans-serif;font-size:.85rem;outline:none;padding:.65rem .9rem;transition:border-color .18s;width:100%}.spotify-input:focus{border-color:#1db95499}.spotify-input::placeholder{color:#555}.spotify-connect-btn{align-items:center;align-self:center;background:#1db954;border:none;border-radius:50px;box-shadow:0 0 24px #1db95466;color:#000;cursor:pointer;display:flex;font-family:Arial Black,Arial,sans-serif;font-size:.82rem;font-weight:900;justify-content:center;letter-spacing:.08em;padding:.75rem 1.6rem;text-transform:uppercase;transition:transform .15s,box-shadow .15s,background .15s}.spotify-connect-btn:hover{background:#1ed760;box-shadow:0 0 36px #1db95499;transform:scale(1.05)}.now-playing{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #1db9544d;border-radius:50px;display:flex;gap:.55rem;left:1.4rem;max-width:320px;padding:.45rem .95rem;position:fixed;top:1.2rem;z-index:100}.now-playing--idle{border-color:#ffffff1a;color:#555;font-family:Arial,sans-serif;font-size:.72rem}.now-playing-text{display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.now-playing-title{color:#fff;font-size:.78rem;font-weight:700}.now-playing-artist,.now-playing-title{font-family:Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-artist{color:#888;font-size:.67rem}@media (max-width:640px){.app-root{align-items:stretch}.app-root,.landing{justify-content:flex-start}.landing{-webkit-overflow-scrolling:touch;align-items:flex-start;padding:max(16px,env(safe-area-inset-top)) 0 max(24px,env(safe-area-inset-bottom))}.landing-inner{gap:1rem;max-width:100%;padding:1.2rem .9rem 2rem}.title-label{font-size:clamp(2.4rem,17vw,4.2rem);letter-spacing:.08em}.title-sub{font-size:.66rem;letter-spacing:.28em}.landing-desc{font-size:.82rem;line-height:1.55}.mode-picker,.source-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:none;width:100%}.mode-picker::-webkit-scrollbar,.source-tabs::-webkit-scrollbar{display:none}.mode-card{flex:0 0 108px;max-width:none;min-height:96px}.source-tab{flex:1 0 auto;justify-content:center;min-height:40px;padding:.48rem .7rem}.spotify-connected-box,.spotify-panel,.spotify-setup{width:100%}.spotify-connected-box,.spotify-setup{border-radius:10px;padding:1rem}.spotify-steps{padding-left:1rem}.spotify-redirect-uri{overflow-wrap:anywhere}.spotify-connect-btn,.spotify-disconnect-btn,.start-btn{justify-content:center;min-height:44px;width:100%}.stop-btn{right:.75rem;z-index:110}.now-playing,.stop-btn{top:max(.7rem,env(safe-area-inset-top))}.now-playing{left:.75rem;max-width:none;min-width:0;padding:.4rem .7rem;right:4.4rem}.mode-bar{border-radius:16px;bottom:max(.85rem,env(safe-area-inset-bottom));justify-content:flex-start;left:.75rem;overflow-x:auto;right:.75rem;scrollbar-width:none;transform:none}.mode-bar::-webkit-scrollbar{display:none}.mode-bar-btn{flex:0 0 auto;font-size:.58rem;min-height:36px;min-width:-webkit-max-content;min-width:max-content;padding:.42rem .75rem}}
/*# sourceMappingURL=main.0c927d96.css.map*/