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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{overflow-y:hidden}.floating-button,body{position:relative}.floating-button{bottom:50px;position:fixed;right:300px;right:20px;z-index:1000}.graph-page{background:#050505;min-height:100vh;position:relative;width:100%}.graph-container{height:100vh;overflow:hidden;position:relative;width:100%}.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:56px;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;gap:4px;top:52px}}.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;position:fixed}.party-canvas-wrap{inset:0;position:absolute}.party-canvas-wrap canvas{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-mini-meter,.party-track-progress{background:#ffffff14;border-radius:999px;height:3px;margin-top:.35rem;overflow:hidden;width:100%}.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-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-style-bar{background:#0000008c;border:1px solid #ffffff1a;border-radius:999px;bottom:5.8rem;flex-wrap:wrap;gap:.35rem;justify-content:center;left:50%;max-width:95vw;padding:.35rem .5rem;transform:translateX(-50%)}.party-scene-strip,.party-style-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;position:fixed}.party-scene-strip{background:#0000007a;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:.45rem;max-width:min(340px,44vw);padding:.45rem;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-style-btn{background:#0000;border:none;border-radius:999px;color:#ffffff73;cursor:pointer;font-size:.62rem;letter-spacing:.08em;padding:.35rem .7rem;text-transform:uppercase}.party-style-btn--active{background:#b400ff59;color:#fff}.party-controls-bar{bottom:1.2rem;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;left:50%;max-width:95vw;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-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-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-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;font-size:.78rem;padding:.8rem 1.6rem}.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-style-bar{border-radius:14px;bottom:6.5rem}.party-controls-bar{bottom:1.8rem}.party-shortcuts-hint{display:none}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#000;height:100%;overflow:hidden;width:100%}.app-root{background:#000}.app-root,.landing{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.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}
/*# sourceMappingURL=main.7a4e976f.css.map*/