*,:before,:after{box-sizing:border-box}html,body,#root{color:#f0f0f0;-webkit-font-smoothing:antialiased;background:#0d0d0d;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,sans-serif}#root{min-height:100vh}button{cursor:pointer}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#030308;height:100%;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}#screen-upload{padding:0;overflow:hidden auto}.menu-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.menu-bg-gradient{background:radial-gradient(80% 60% at 20% 100%,#7800ff1f 0%,#0000 70%),radial-gradient(60% 50% at 80% 0,#ff00961a 0%,#0000 70%),radial-gradient(50% 50%,#00c8ff0a 0%,#0000 70%),linear-gradient(#030308 0%,#08061a 40%,#0a0818 100%);animation:12s ease-in-out infinite alternate menuGradientShift;position:absolute;inset:0}@keyframes menuGradientShift{0%{filter:hue-rotate()}to{filter:hue-rotate(15deg)}}.menu-bg-grid{transform-origin:bottom;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;animation:8s ease-in-out infinite alternate gridPulse;position:absolute;inset:0;transform:perspective(400px)rotateX(25deg);-webkit-mask-image:linear-gradient(#0000 0%,#0000004d 50%,#0009 100%);mask-image:linear-gradient(#0000 0%,#0000004d 50%,#0009 100%)}@keyframes gridPulse{0%{opacity:.4}to{opacity:.7}}.menu-bg-particles{position:absolute;inset:0}.particle{background:#ff64ff80;border-radius:50%;width:3px;height:3px;animation:linear infinite particleFloat;position:absolute;box-shadow:0 0 6px #ff64ff66}.particle:first-child{background:#00dcff80;animation-duration:18s;animation-delay:0s;top:100%;left:5%;box-shadow:0 0 6px #00dcff66}.particle:nth-child(2){animation-duration:22s;animation-delay:-3s;top:100%;left:12%}.particle:nth-child(3){background:#00c8ff66;width:2px;height:2px;animation-duration:16s;animation-delay:-6s;top:100%;left:20%}.particle:nth-child(4){animation-duration:25s;animation-delay:-2s;top:100%;left:28%}.particle:nth-child(5){background:#6464ff80;animation-duration:20s;animation-delay:-8s;top:100%;left:35%}.particle:nth-child(6){width:4px;height:4px;animation-duration:17s;animation-delay:-4s;top:100%;left:42%}.particle:nth-child(7){background:#00dcff80;animation-duration:23s;animation-delay:-10s;top:100%;left:50%}.particle:nth-child(8){width:2px;height:2px;animation-duration:19s;animation-delay:-1s;top:100%;left:58%}.particle:nth-child(9){background:#c864ff80;animation-duration:21s;animation-delay:-7s;top:100%;left:65%}.particle:nth-child(10){animation-duration:15s;animation-delay:-5s;top:100%;left:72%}.particle:nth-child(11){background:#00c8ff66;width:2px;height:2px;animation-duration:24s;animation-delay:-9s;top:100%;left:78%}.particle:nth-child(12){animation-duration:18s;animation-delay:-3s;top:100%;left:85%}.particle:nth-child(13){background:#ff96c866;animation-duration:20s;animation-delay:-12s;top:100%;left:90%}.particle:nth-child(14){background:#00dcff66;width:4px;height:4px;animation-duration:22s;animation-delay:-6s;top:100%;left:95%}.particle:nth-child(15){animation-duration:26s;animation-delay:-14s;top:100%;left:15%}.particle:nth-child(16){background:#9664ff80;animation-duration:19s;animation-delay:-11s;top:100%;left:33%}.particle:nth-child(17){width:2px;height:2px;animation-duration:21s;animation-delay:-2s;top:100%;left:47%}.particle:nth-child(18){background:#00ffc866;animation-duration:17s;animation-delay:-8s;top:100%;left:62%}.particle:nth-child(19){animation-duration:23s;animation-delay:-15s;top:100%;left:77%}.particle:nth-child(20){background:#ff649666;width:3px;height:3px;animation-duration:16s;animation-delay:-4s;top:100%;left:88%}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)translate(0)}5%{opacity:1}95%{opacity:1}to{opacity:0;transform:translateY(-110vh)translate(30px)}}.menu-bg-flare{background:radial-gradient(#ff00c80f 0%,#0000 60%);width:120%;height:50%;animation:6s ease-in-out infinite alternate flareBreath;position:absolute;top:-30%;left:50%;transform:translate(-50%)}@keyframes flareBreath{0%{opacity:.5;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.1)}}.menu-content{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;max-width:700px;height:100dvh;margin:0 auto;padding:20px 20px 16px;display:flex;position:relative;overflow:hidden}.menu-hero{flex-shrink:0;margin-bottom:16px;position:relative}.menu-logo-glow{filter:blur(30px);pointer-events:none;background:radial-gradient(#ff00c833 0%,#0096ff14 50%,#0000 70%);width:400px;height:120px;animation:4s ease-in-out infinite alternate logoGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes logoGlow{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.menu-logo{letter-spacing:12px;background:linear-gradient(135deg,#f0c 0%,#a4f 25%,#0df 50%,#0fa 75%,#f0c 100%) 0 0/300% 300%;color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:4rem;font-weight:900;line-height:1;animation:8s ease-in-out infinite logoGradient;position:relative}@keyframes logoGradient{0%,to{background-position:0%}50%{background-position:100%}}.menu-tagline{letter-spacing:6px;color:#fff6;text-transform:uppercase;margin-bottom:8px;font-size:.85rem;font-weight:500}.menu-tagline-bar{background:linear-gradient(90deg,#0000,#ff00c880,#00c8ff80,#0000);border-radius:1px;width:60px;height:2px;margin:0 auto}.menu-modes{flex-shrink:0;gap:16px;margin-bottom:4px;display:flex}.mode-btn{cursor:pointer;color:#ffffff80;-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:6px;min-width:170px;padding:14px 32px 12px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.mode-btn:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#0000,#0000);border-radius:16px;padding:1px;transition:background .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mode-btn:hover{color:#fffc;background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.mode-btn.active{color:#fff;background:#00c8ff0f;border-color:#00c8ff4d;box-shadow:0 0 30px #00c8ff1a,0 8px 32px #0000004d,inset 0 1px #ffffff14}.mode-btn.active:before{background:linear-gradient(135deg,#00c8ff66,#c800ff4d,#00c8ff1a)}.mode-btn-icon{justify-content:center;align-items:center;width:28px;height:28px;transition:color .35s;display:flex}.mode-btn-icon svg{width:100%;height:100%}.mode-btn.active .mode-btn-icon{color:#0df;filter:drop-shadow(0 0 8px #00dcff80)}.mode-btn-label{letter-spacing:1px;font-size:1.05rem;font-weight:700}.mode-btn-sub{color:#ffffff4d;letter-spacing:.5px;font-size:.7rem}.mode-btn.active .mode-btn-sub{color:#00dcff80}.menu-mode-desc{color:#ffffff40;letter-spacing:.5px;min-height:1.2em;margin-bottom:10px;font-size:.75rem}.menu-options-card{-webkit-backdrop-filter:blur(16px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;flex-shrink:1;width:100%;min-height:0;max-height:55vh;margin-bottom:12px;padding:18px 24px;overflow-y:auto;box-shadow:0 4px 40px #0006,inset 0 1px #ffffff0a}.menu-options-card::-webkit-scrollbar{width:4px}.menu-options-card::-webkit-scrollbar-track{background:0 0}.menu-options-card::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.menu-section-label{letter-spacing:4px;color:#ffffff40;text-transform:uppercase;margin-top:12px;margin-bottom:8px;font-size:.65rem;font-weight:700}.menu-section-label:first-child{margin-top:0}.menu-hint{color:#fff3;min-height:1.2em;margin-bottom:4px;font-size:.75rem}.difficulty-select,.dance-difficulty-select,.dance-ref-display-select{gap:8px;margin-bottom:8px;display:flex}.diff-btn,.dance-diff-btn,.dance-ref-btn{color:#fff6;cursor:pointer;letter-spacing:1px;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;flex:1;padding:8px 0;font-size:.85rem;font-weight:600;transition:all .25s}.diff-btn:hover,.dance-diff-btn:hover,.dance-ref-btn:hover{color:#ffffffb3;background:#ffffff0f;border-color:#ffffff26}.diff-btn.active,.dance-diff-btn.active,.dance-ref-btn.active{color:#fff;background:linear-gradient(135deg,#00c8ff1a,#c800ff14);border-color:#00c8ff59;box-shadow:0 0 20px #00c8ff1a,inset 0 1px #ffffff0f}.menu-toggle{cursor:pointer;align-items:center;gap:10px;margin:8px 0;display:flex}.menu-toggle-track{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;width:38px;height:20px;transition:all .3s;position:relative}.menu-toggle-thumb{background:#fff6;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;top:2px;left:2px}.menu-toggle input:checked~.menu-toggle-track{background:#c800ff33;border-color:#c800ff66}.menu-toggle input:checked~.menu-toggle-track .menu-toggle-thumb{background:#c4f;left:20px;box-shadow:0 0 8px #c800ff80}.menu-toggle input{display:none}.menu-toggle-label{color:#ffffff80;letter-spacing:.5px;font-size:.8rem;font-weight:500}.menu-upload-zone{margin:8px 0}.menu-upload-zone .upload-label{cursor:pointer;background:#ffffff03;border:1px dashed #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;transition:all .3s;display:flex}.menu-upload-zone .upload-label:hover{background:#c800ff0a;border-color:#c800ff59;transform:translateY(-1px);box-shadow:0 4px 20px #0003}.menu-upload-zone.compact .upload-label{padding:12px 14px}.upload-icon{color:#ffffff40;width:36px;height:36px;transition:color .3s}.upload-icon.small{width:28px;height:28px}.upload-icon svg{width:100%;height:100%}.menu-upload-zone .upload-label:hover .upload-icon{color:#c864ff99}.upload-text-big{color:#fff9;letter-spacing:.5px;font-size:.95rem;font-weight:600}.upload-text-small{color:#fff3;font-size:.72rem}.menu-upload-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dance-file-status{color:#ffffff4d;min-height:1.2em;margin:6px 0;font-size:.78rem}.menu-primary-btn{letter-spacing:2px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#80c,#c0a 40%,#08f) 0 0/200% 200%;border:none;border-radius:12px;align-items:center;gap:10px;margin-top:6px;padding:12px 32px;font-size:.95rem;font-weight:700;transition:all .3s;animation:4s ease-in-out infinite ctaGradient;display:inline-flex;box-shadow:0 4px 20px #9600c84d,0 0 40px #9600c81a}.menu-primary-btn svg{width:18px;height:18px}@keyframes ctaGradient{0%,to{background-position:0%}50%{background-position:100%}}.menu-primary-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #9600c866,0 0 60px #9600c826}.menu-primary-btn:disabled{opacity:.25;cursor:not-allowed;filter:grayscale(.5)}.menu-divider{color:#ffffff26;letter-spacing:3px;align-items:center;gap:16px;margin:10px 0;font-size:.7rem;font-weight:600;display:flex}.menu-divider:before,.menu-divider:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);flex:1;height:1px}.menu-moves-preview{flex-shrink:0;width:100%;margin-bottom:10px}.moves-preview{text-align:center}.moves-preview p{color:#ffffff4d;font-size:.75rem}.moves-preview p.note-line{color:#ffffff26;margin-top:10px;font-size:.7rem}.move-icons{justify-content:center;gap:16px;margin-top:8px;display:flex}.move-icon{flex-direction:column;align-items:center;gap:6px;display:flex}.move-icon-circle{color:#ffffff80;border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.7rem;font-weight:800;transition:all .3s;display:flex;position:relative}.move-icon:hover .move-icon-circle{border-color:#ffffff4d;transform:scale(1.1)}.move-icon-circle.c1{color:#f469;border-color:#ff44664d}.move-icon-circle.c2{color:#4df9;border-color:#44ddff4d}.move-icon-circle.c3{border-color:#ffdd004d}.move-icon-circle.c4{color:#4fa9;border-color:#44ffaa4d}.move-icon-circle.c5{color:#f829;border-color:#ff88224d}.move-icon-circle.c6{border-color:#c864ff4d}.move-icon-sq{border:1.5px solid #ffdd0080;border-radius:2px;width:10px;height:10px;display:block;transform:rotate(45deg)}.move-icon-star{background:radial-gradient(circle,#c864ff99,#0000 70%);border-radius:50%;width:12px;height:12px;display:block;box-shadow:0 0 6px #c864ff66}.move-name{color:#ffffff40;letter-spacing:1px;text-transform:uppercase;font-size:.6rem;font-weight:600}.menu-bottom-actions{flex-shrink:0;gap:12px;margin-top:4px;display:flex}.menu-action-btn{color:#ffffff59;cursor:pointer;letter-spacing:.5px;background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.8rem;font-weight:500;transition:all .3s;display:flex}.menu-action-btn svg{width:16px;height:16px}.menu-action-btn:hover{color:#ffffffb3;background:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.menu-action-btn.creator:hover{color:#c864ffcc;border-color:#c800ff4d}.menu-action-btn.sandbox:hover{color:#00c8ffcc;border-color:#00c8ff4d}.mode-select{gap:12px;display:flex}.mode-desc{color:#666;font-size:.8rem}.diff-desc{color:#fff3;font-size:.8rem}.upload-box{margin:0}.upload-label .big{font-size:1rem;font-weight:700;display:block}.upload-label .small{color:#ffffff4d;font-size:.78rem;display:block}#screen-loading{background:#030308}.spinner{border:3px solid #c4f;border-color:#c4f #00c8ff66 #ffffff0f #ffffff0f;border-radius:50%;width:52px;height:52px;margin:30px 0;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loading-title{letter-spacing:3px;background:linear-gradient(90deg,#c4f,#0df);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700}#loading-sub{color:#ffffff4d;font-size:.85rem}#screen-countdown{background:#030308}#countdown-number{background:linear-gradient(#c4f,#0df);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:14rem;font-weight:900;animation:1s ease-out countdownPulse}@keyframes countdownPulse{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}#screen-play{padding:0}#play-stage{width:100vw;height:100vh;position:relative;overflow:hidden}#video{object-fit:cover;filter:brightness(.45);width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}#pose-canvas,#ghost-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#ghost-canvas{z-index:3}#play-stage.silhouette-mode #video,#dance-stage.silhouette-mode #dance-video{opacity:0}#play-stage.silhouette-mode,#dance-stage.silhouette-mode{background:#0a0a0f}#lanes{pointer-events:none;z-index:2;grid-template-columns:repeat(5,1fr);display:grid;position:absolute;inset:0 20%}.lane{position:relative;overflow:hidden}.lane:before{content:"";background:linear-gradient(to bottom, transparent 0%, var(--lane-col,#ffffff05) 70%, var(--lane-col-strong,#ffffff0f) 100%);pointer-events:none;position:absolute;inset:0}.lane:after{content:"";background:linear-gradient(#0000,#ffffff14 60%,#ffffff26);width:1px;position:absolute;top:0;bottom:0;right:0}.lane:last-child:after{display:none}.lane[data-lane=STOMP_LEFT]{--lane-color:#f46;--lane-col:#ff44660d;--lane-col-strong:#ff44661f}.lane[data-lane=ARMS_OUT]{--lane-color:#4fa;--lane-col:#44ffaa0d;--lane-col-strong:#44ffaa1f}.lane[data-lane=DROP]{--lane-color:#fd0;--lane-col:#ffdd000d;--lane-col-strong:#ffdd001f}.lane[data-lane=HANDS_UP]{--lane-color:#4df;--lane-col:#44ddff0d;--lane-col-strong:#44ddff1f}.lane[data-lane=STOMP_RIGHT]{--lane-color:#f82;--lane-col:#ff88220d;--lane-col-strong:#ff88221f}.lane-label{z-index:2;pointer-events:none;position:absolute;bottom:calc(8% + 150px);left:50%;transform:translate(-50%)}.lane-text{letter-spacing:3px;color:#ffffff73;text-transform:uppercase;font-size:.7rem;font-weight:700}.hit-zone{border:3px solid var(--lane-color,#ffffff4d);width:120px;height:120px;box-shadow:0 0 24px color-mix(in srgb, var(--lane-color,#fff) 30%, transparent), inset 0 0 20px color-mix(in srgb, var(--lane-color,#fff) 15%, transparent);z-index:1;background:radial-gradient(circle,#0006 0%,#00000026 70%,#0000 100%);border-radius:50%;justify-content:center;align-items:center;transition:transform 80ms,box-shadow .12s;display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.hit-zone:after{content:"";border:1px solid color-mix(in srgb, var(--lane-color,#fff) 40%, transparent);opacity:.5;border-radius:50%;position:absolute;inset:8px}.hit-icon{opacity:.35;filter:grayscale(.4);pointer-events:none;font-size:2.4rem}.hit-zone.flash-perfect{animation:.5s ease-out hitFlashPerfect}.hit-zone.flash-good{animation:.5s ease-out hitFlashGood}.hit-zone.flash-ok{animation:.5s ease-out hitFlashOk}@keyframes hitFlashPerfect{0%{border-color:#fe0;transform:translate(-50%)scale(1.25);box-shadow:0 0 80px #fe0,inset 0 0 40px #fe09}to{transform:translate(-50%)scale(1)}}@keyframes hitFlashGood{0%{border-color:#0f8;transform:translate(-50%)scale(1.2);box-shadow:0 0 80px #0f8,inset 0 0 40px #0f89}to{transform:translate(-50%)scale(1)}}@keyframes hitFlashOk{0%{border-color:#0af;transform:translate(-50%)scale(1.15);box-shadow:0 0 60px #0af,inset 0 0 40px #00aaff80}to{transform:translate(-50%)scale(1)}}.hit-pose-img{object-fit:contain;opacity:.3;filter:invert();pointer-events:none;width:78%;height:78%;transition:opacity .15s}:is(.hit-zone:has(.hit-pose-img:not([src])) .hit-pose-img,.hit-pose-img[src=""]){display:none}.note{will-change:transform;pointer-events:none;--note-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:absolute;left:50%}.note[data-move=STOMP_LEFT]{--note-color:#f46}.note[data-move=ARMS_OUT]{--note-color:#4fa}.note[data-move=DROP]{--note-color:#fd0}.note[data-move=HANDS_UP]{--note-color:#4df}.note[data-move=STOMP_RIGHT]{--note-color:#f82}.note{background:radial-gradient(circle at 30% 30%, #ffffff40, transparent 60%), radial-gradient(circle, var(--note-color), color-mix(in srgb, var(--note-color) 60%, #000) 100%);box-shadow:0 0 30px var(--note-color), 0 0 60px color-mix(in srgb, var(--note-color) 50%, transparent), inset 0 -6px 12px #00000040, inset 0 4px 8px #ffffff4d;border:2px solid color-mix(in srgb, var(--note-color) 80%, #fff);margin-left:-55px;animation:1.4s ease-in-out infinite noteFloat}@keyframes noteFloat{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}.note-pose-img{object-fit:contain;filter:invert();pointer-events:none;border-radius:50%;width:78%;height:78%}.note.hold{width:110px;box-shadow:none;background:0 0;border:none;margin-left:-55px}.note.hold .hold-tail{background:linear-gradient(to bottom, color-mix(in srgb, var(--note-color) 15%, transparent) 0%, color-mix(in srgb, var(--note-color) 35%, transparent) 100%);border:2px solid color-mix(in srgb, var(--note-color) 45%, transparent);z-index:1;border-radius:22px 22px 6px 6px;width:44px;position:absolute;top:55px;bottom:55px;left:50%;overflow:hidden;transform:translate(-50%)}.note.hold .hold-tail:before{content:"";border-radius:inherit;background:repeating-linear-gradient(180deg, transparent 0px, transparent 10px, color-mix(in srgb, var(--note-color) 30%, transparent) 10px, color-mix(in srgb, var(--note-color) 30%, transparent) 12px);opacity:.6;position:absolute;inset:2px}.note.hold .hold-fill{background:linear-gradient(to top, var(--note-color), color-mix(in srgb, var(--note-color) 70%, #fff));z-index:2;height:0%;transition:height 60ms linear;position:absolute;bottom:0;left:0;right:0}.note.hold .hold-head{background:radial-gradient(circle at 30% 30%, #ffffff4d, transparent 60%), radial-gradient(circle, var(--note-color), color-mix(in srgb, var(--note-color) 60%, #000) 100%);width:110px;height:110px;box-shadow:0 0 30px var(--note-color), 0 0 60px color-mix(in srgb, var(--note-color) 50%, transparent), inset 0 -6px 12px #00000040, inset 0 4px 8px #ffffff4d;border:2px solid color-mix(in srgb, var(--note-color) 80%, #fff);z-index:3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.note.hold.holding .hold-tail{background:linear-gradient(to bottom, color-mix(in srgb, var(--note-color) 70%, transparent) 0%, var(--note-color) 100%);border-color:var(--note-color);box-shadow:0 0 30px var(--note-color), inset 0 0 20px color-mix(in srgb, var(--note-color) 50%, transparent)}.note.hold.holding .hold-head{box-shadow:0 0 50px var(--note-color), 0 0 100px var(--note-color), inset 0 -6px 12px #00000040, inset 0 4px 8px #ffffff80;animation:.4s ease-in-out infinite alternate holdPulse}@keyframes holdPulse{0%{filter:brightness(1.1)}to{filter:brightness(1.4)}}#pose-drop-overlay{pointer-events:none;z-index:5;display:none;position:absolute;inset:0}#pose-drop-overlay.active{display:block}#pose-target-zone{opacity:0;border:4px dashed #f5f6;border-radius:50%;justify-content:center;align-items:center;width:308px;height:308px;transition:opacity .25s,transform .2s,box-shadow .2s,border-color .2s;animation:2s ease-in-out infinite targetBreathe;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #ff55ff40,inset 0 0 60px #ff55ff14}#pose-drop-overlay.active #pose-target-zone{opacity:1}@keyframes targetBreathe{0%,to{box-shadow:0 0 60px #ff55ff40,inset 0 0 60px #ff55ff14}50%{box-shadow:0 0 90px #ff55ff73,inset 0 0 80px #ff55ff26}}#pose-target-zone.matched{border-style:solid;border-color:#0f8;animation:.3s ease-out targetMatch;box-shadow:0 0 100px #00ff88b3,inset 0 0 60px #00ff8840}@keyframes targetMatch{0%{transform:translate(-50%,-50%)scale(.92)}50%{transform:translate(-50%,-50%)scale(1.08)}to{transform:translate(-50%,-50%)scale(1)}}#pose-target-content{flex-direction:column;align-items:center;gap:10px;display:flex}.pose-target-img{opacity:.55;filter:drop-shadow(0 0 20px #ff55ffb3);width:266px;height:auto}.pose-target-emoji{opacity:.55;filter:drop-shadow(0 0 20px #ff55ffb3);font-size:9rem}.pose-target-label{letter-spacing:6px;color:#ff55ffb3;text-shadow:0 0 20px #f5fc;font-size:1.8rem;font-weight:700}#pose-target-zone.matched .pose-target-img,#pose-target-zone.matched .pose-target-emoji{opacity:.9;filter:drop-shadow(0 0 25px #0f8)}#pose-target-zone.matched .pose-target-label{color:#0f8;text-shadow:0 0 20px #0f8}#pose-drop-icon{text-align:center;will-change:top, transform;position:absolute;left:50%;transform:translate(-50%)}.pose-drop-inner{flex-direction:column;align-items:center;gap:8px;display:flex}.pose-drop-img{filter:drop-shadow(0 0 40px #ff55fff2)brightness(1.15);width:308px;height:auto;animation:.8s ease-in-out infinite alternate poseDropGlow}.pose-drop-emoji{filter:drop-shadow(0 0 40px #ff55fff2);font-size:11rem;animation:.8s ease-in-out infinite alternate poseDropGlow}@keyframes poseDropGlow{0%{filter:drop-shadow(0 0 30px #ff55ffb3)brightness()}to{filter:drop-shadow(0 0 60px #f5f)brightness(1.25)}}.pose-drop-label{letter-spacing:8px;color:#f5f;text-shadow:0 0 30px #f5f,0 0 60px #f5f;font-size:2rem;font-weight:800}#pose-countdown{color:#fff;text-shadow:0 0 40px #f5f,0 0 80px #f5fc,0 0 4px #000000e6;pointer-events:none;z-index:20;font-size:9rem;font-weight:900;animation:.18s cubic-bezier(.22,1,.36,1) countdownPop;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#pose-countdown.visible{display:block}@keyframes countdownPop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}#hud{z-index:10;pointer-events:none;gap:20px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}#hud-score,#hud-combo{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:linear-gradient(#000000bf,#0000008c);border:1px solid #ffffff1f;border-radius:14px;min-width:140px;padding:12px 28px;box-shadow:0 4px 20px #0006}.hud-label{letter-spacing:4px;color:#ffffff73;text-transform:uppercase;margin-bottom:4px;font-size:.65rem;font-weight:700}#score{color:#0ff;font-variant-numeric:tabular-nums;text-shadow:0 0 20px #0ff9;font-size:2rem;font-weight:800}#combo{color:#f0f;font-variant-numeric:tabular-nums;text-shadow:0 0 20px #f0f9;font-size:2rem;font-weight:800}#judgement{letter-spacing:5px;text-shadow:0 0 30px;pointer-events:none;opacity:0;white-space:nowrap;z-index:10;font-size:2.8rem;font-weight:700;position:absolute;top:38vh;left:50%;transform:translate(-50%)}#judgement.show{animation:.7s ease-out forwards judgePop}@keyframes judgePop{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.25)}70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-20px)scale(.95)}}.judge-PERFECT{color:#fe0}.judge-GOOD{color:#0f8}.judge-OK{color:#0af}.judge-MISS{color:#f36}#screen-results,#screen-dance-results{background:#030308}.results-grid{grid-template-columns:repeat(3,1fr);gap:16px;min-width:500px;margin:30px 0;display:grid}.stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:6px;padding:20px;display:flex}.stat-label{color:#ffffff59;letter-spacing:2px;text-transform:uppercase;font-size:.75rem;font-weight:600}.stat-value{font-size:2rem;font-weight:800}.stat.perfect .stat-value{color:#fd0}.stat.good .stat-value{color:#0f8}.stat.ok .stat-value{color:#0af}.stat.miss .stat-value{color:#f36}#grade-display{background:linear-gradient(#c4f,#0df);color:#0000;-webkit-background-clip:text;background-clip:text;margin:20px 0;font-size:6rem;font-weight:900}#play-again{letter-spacing:2px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#80c,#c0a 40%,#08f);border:none;border-radius:12px;margin-top:20px;padding:14px 36px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #9600c84d}#play-again:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 30px #9600c866}.sandbox-btn{color:#888;cursor:pointer;letter-spacing:1px;background:#ffffff0d;border:1px solid #333;border-radius:6px;padding:10px 24px;font-size:.85rem}.sandbox-btn:hover{color:#fff;border-color:#0ff}#screen-sandbox{padding:0}#sandbox-stage{width:100vw;height:100vh;position:relative;overflow:hidden}#sandbox-video{object-fit:cover;filter:brightness(.6);width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}#sandbox-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#sandbox-panel{z-index:10;background:#000c;border:1px solid #333;border-radius:12px;width:280px;max-height:calc(100vh - 80px);padding:16px;position:absolute;top:20px;left:20px;overflow-y:auto}#sandbox-panel h3{letter-spacing:2px;color:#888;text-transform:uppercase;margin:12px 0 8px;font-size:.75rem}#sandbox-panel h3:first-child{margin-top:0}.sandbox-player-select{color:#aaa;align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem;display:flex}.sandbox-player-select select{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:.8rem}.sandbox-player-select select:hover{border-color:#0ff}#screen-devbox{padding:0}#devbox-stage{width:100vw;height:100vh;position:relative;overflow:hidden}#devbox-video{object-fit:cover;filter:brightness(.6);width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}#devbox-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#devbox-panel{z-index:10;background:#000c;border:1px solid #333;border-radius:12px;width:280px;max-height:calc(100vh - 80px);padding:16px;position:absolute;top:20px;left:20px;overflow-y:auto}#devbox-panel h3{letter-spacing:2px;color:#888;text-transform:uppercase;margin:12px 0 8px;font-size:.75rem}#devbox-panel h3:first-child{margin-top:0}.devbox-move-row{background:#ffffff08;border-radius:6px;justify-content:space-between;margin-bottom:4px;padding:6px 10px;font-size:.8rem;transition:background .15s;display:flex}.devbox-move-row.active{background:#00ffff26}.sm-label{color:#aaa}.sm-state{color:#555;font-weight:700}.devbox-move-row.active .sm-state{color:#0ff}.devbox-pose-row{background:#ffffff08;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:28px 1fr 48px;align-items:center;gap:0 8px;margin-bottom:4px;padding:6px 10px;transition:background .15s;display:grid}.devbox-pose-row.matched{background:#00ff881a}.devbox-pose-row.best{background:#00ff8840;border:1px solid #0f8}.sp-icon{font-size:1.2rem}.sp-name{color:#ccc;font-size:.8rem}.sp-score{color:#888;text-align:right;font-variant-numeric:tabular-nums;font-size:.75rem}.sp-bar{background:#ffffff1a;border-radius:2px;grid-column:1/-1;height:4px;margin-top:4px;overflow:hidden}.sp-bar-fill{background:linear-gradient(90deg,#0f8,#0ff);border-radius:2px;width:0%;height:100%;transition:width .1s linear}.sandbox-back-btn{color:#fff;cursor:pointer;letter-spacing:1px;z-index:10;background:#000000b3;border:2px solid #555;border-radius:8px;padding:12px 36px;font-size:1rem;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.sandbox-back-btn:hover{border-color:#f0f}.devbox-debug-row{color:#888;justify-content:space-between;padding:3px 10px;font-family:monospace;font-size:.7rem;display:flex}.sd-label{color:#666}.sd-val{color:#0ff}.sandbox-actions{flex-direction:column;gap:6px;margin-top:12px;display:flex}.sandbox-action-btn{color:#0ff;cursor:pointer;background:#00ffff14;border:1px solid #0ff;border-radius:6px;width:100%;padding:8px;font-size:.8rem;transition:background .15s}.sandbox-action-btn:hover{background:#0ff3}.sandbox-action-btn.active{color:#f5f;background:#f5f3;border-color:#f5f}#sandbox-video.blacked-out,#devbox-video.blacked-out{visibility:hidden}.sandbox-captured{color:#0f0;white-space:pre-wrap;word-break:break-all;background:#00000080;border-radius:4px;max-height:200px;margin-top:8px;padding:8px;font-size:.6rem;display:none;overflow-y:auto}.sandbox-captured:not(:empty){display:block}.dance-upload-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px;display:grid}.dance-start-btn{letter-spacing:2px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#80c,#c0a 40%,#08f);border:none;border-radius:12px;padding:14px 36px;font-size:1rem;font-weight:700;transition:all .2s}.dance-start-btn:disabled{opacity:.25;cursor:not-allowed}.dance-start-btn:not(:disabled):hover{transform:scale(1.03)}.dance-or{color:#ffffff26;letter-spacing:3px;margin:12px 0;font-size:.7rem}#screen-dance{padding:0}#dance-stage{width:100vw;height:100vh;position:relative;overflow:hidden}#dance-video{object-fit:cover;filter:brightness(.35);width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}#dance-ref-video{object-fit:contain;z-index:1;opacity:.65;width:100%;height:100%;display:none;position:absolute;inset:0}#dance-ref-video.active{display:block}#dance-ref-canvas,#dance-player-canvas,#dance-particle-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#dance-ref-canvas{z-index:2}#dance-player-canvas{z-index:3}#dance-particle-canvas{z-index:4}#dance-meter{z-index:10;background:#0009;border:2px solid #ffffff26;border-radius:9px;width:18px;height:300px;position:absolute;top:50%;right:30px;overflow:hidden;transform:translateY(-50%)}#dance-meter-fill{background:linear-gradient(#0ff,#0f8,#fd0,#f82,#f36);border-radius:0 0 7px 7px;height:0%;transition:height .15s ease-out;position:absolute;bottom:0;left:0;right:0}#dance-meter-label{color:#aaa;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:700;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}#dance-band{display:none}#dance-checkmove-preview{z-index:12;pointer-events:none;width:100%;height:0;position:absolute;top:50%;left:0}.checkmove-preview-card{-webkit-backdrop-filter:blur(8px);opacity:0;background:#00000080;border:2px solid #ffffff26;border-radius:18px;width:240px;height:300px;transition:opacity .3s ease-out;position:absolute;top:-150px;overflow:hidden;box-shadow:0 4px 20px #00000080}.checkmove-preview-card.visible{opacity:1}.checkmove-preview-card.imminent{border-color:#fe09;animation:.5s ease-in-out infinite alternate cpCardPulse;box-shadow:0 0 30px #ffee004d,0 4px 20px #00000080}@keyframes cpCardPulse{0%{box-shadow:0 0 30px #ffee004d,0 4px 20px #00000080}to{box-shadow:0 0 50px #ffee0080,0 4px 20px #00000080}}.checkmove-preview-card.hit{border-color:#0f8;animation:.4s ease-out forwards cpCardHit}@keyframes cpCardHit{0%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.3)}}.checkmove-preview-canvas{width:100%;height:240px}.checkmove-preview-timer{letter-spacing:2px;color:#ffffff80;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:700;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.checkmove-preview-timer.soon{color:#fe0}#dance-hit-judgement{letter-spacing:8px;text-shadow:0 0 40px,0 4px 8px #0009;pointer-events:none;opacity:0;white-space:nowrap;z-index:15;font-size:3.5rem;font-weight:900;position:absolute;top:35vh;left:50%;transform:translate(-50%)}#dance-hit-judgement.show{animation:1s ease-out forwards danceJudgePop}@keyframes danceJudgePop{0%{opacity:0;transform:translate(-50%,15px)scale(.5)}12%{opacity:1;transform:translate(-50%)scale(1.3)}30%{opacity:1;transform:translate(-50%)scale(1)}75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-30px)scale(.9)}}#dance-hit-judgement.judge-PERFECT{color:#fe0}#dance-hit-judgement.judge-GREAT{color:#0f8}#dance-hit-judgement.judge-GOOD{color:#0af}#dance-hit-judgement.judge-OK{color:#f8f}#dance-hit-judgement.judge-MISS{color:#f36}#dance-coaching{letter-spacing:2px;color:#f80;text-shadow:0 0 15px #f809,0 2px 4px #00000080;opacity:0;z-index:15;pointer-events:none;text-transform:uppercase;font-size:1.2rem;font-weight:700;transition:opacity .3s;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}#dance-coaching.visible{opacity:1}#dance-checkmove-flash{pointer-events:none;z-index:8;opacity:0;position:absolute;inset:0}#dance-checkmove-flash.flash{animation:.6s ease-out forwards checkmoveFlash}@keyframes checkmoveFlash{0%{opacity:.5;background:radial-gradient(#fe06,#0000 70%)}to{opacity:0}}#dance-hud{z-index:10;pointer-events:none;gap:20px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}#dance-hud-score,#dance-hud-combo{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:linear-gradient(#000000bf,#0000008c);border:1px solid #ffffff1f;border-radius:14px;min-width:140px;padding:12px 28px;box-shadow:0 4px 20px #0006}#dance-score{color:#0ff;font-variant-numeric:tabular-nums;text-shadow:0 0 20px #0ff9;font-size:2rem;font-weight:800}#dance-combo{color:#f0f;font-variant-numeric:tabular-nums;text-shadow:0 0 20px #f0f9;font-size:2rem;font-weight:800}#dance-snapshot-strip{z-index:12;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#fff3 transparent;gap:8px;height:130px;padding:4px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;overflow:auto hidden}#dance-snapshot-strip:empty{display:none}.dance-snapshot-thumb{border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;overflow:hidden;box-shadow:0 2px 8px #0009}.dance-snapshot-thumb canvas{display:block}.dance-results-difficulty{letter-spacing:4px;color:#00c8ff99;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:600}#dr-grade{background:linear-gradient(#0df,#c4f);color:#0000;-webkit-background-clip:text;background-clip:text;margin:20px 0;font-size:6rem;font-weight:900}.dance-results-actions{gap:16px;margin-top:20px;display:flex}.dance-save-btn{letter-spacing:1px;color:#00c8ffb3;cursor:pointer;background:#00c8ff0f;border:1px solid #00c8ff40;border-radius:12px;padding:14px 36px;font-size:.95rem;font-weight:600;transition:all .3s}.dance-save-btn:hover{background:#00c8ff1f;border-color:#00c8ff66}.play-again-btn{letter-spacing:2px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#80c,#c0a 40%,#08f);border:none;border-radius:12px;padding:14px 36px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #9600c84d}.play-again-btn:hover{transform:translateY(-2px)scale(1.03)}#dance-extract-progress{width:100%;max-width:400px;margin:10px auto}#dance-extract-progress .progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}#dance-extract-progress .progress-fill{background:linear-gradient(90deg,#0ff,#f0f);border-radius:3px;width:0%;height:100%;transition:width .2s}.upload-actions-row{gap:12px;margin-top:20px;display:flex}.creator-btn{color:#c864ff99;cursor:pointer;letter-spacing:1px;background:#c800ff0f;border:1px solid #c800ff33;border-radius:10px;padding:10px 24px;font-size:.85rem;transition:all .2s}.creator-btn:hover{color:#c864ffe6;background:#c800ff1f}#screen-editor{background:#030308;padding:0}.editor-setup{flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.editor-setup h2{letter-spacing:4px;background:linear-gradient(90deg,#c4f,#0df);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.editor-mode-select{gap:12px;display:flex}.editor-mode-btn{color:#aaa;cursor:pointer;letter-spacing:1px;background:#ffffff0d;border:2px solid #333;border-radius:8px;padding:12px 28px;font-size:1rem;transition:all .2s}.editor-mode-btn:hover{color:#fff;border-color:#888}.editor-mode-btn.active{color:#fff;background:#ff55ff26;border-color:#f5f;box-shadow:0 0 20px #f5f3}.editor-import-row{justify-content:center;gap:20px;display:flex}.editor-import-status{color:#888;min-height:1.2em;font-size:.8rem}.editor-dancer-count{color:#ccc;align-items:center;gap:10px;margin:10px 0;font-size:.85rem;display:flex}.editor-dancer-count label{color:#aaa}.editor-dancer-count select{color:#fff;background:#ffffff14;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:.85rem}.editor-dancer-hint{color:#666;font-size:.7rem;font-style:italic}.editor-workspace{flex-direction:column;width:100vw;height:100vh;display:flex}.editor-toolbar{background:#0e0e18;border-bottom:1px solid #222;flex-shrink:0;align-items:center;gap:6px;height:42px;padding:6px 12px;display:flex}.editor-tool-btn{color:#ccc;cursor:pointer;background:#ffffff0f;border:1px solid #333;border-radius:4px;padding:4px 10px;font-size:.8rem;line-height:1;transition:all .15s}.editor-tool-btn:hover{color:#fff;border-color:#888}.editor-tool-btn.active{color:#0ff;background:#00ffff26;border-color:#0ff}.editor-toolbar-sep{background:#333;width:1px;height:24px;margin:0 4px}.editor-toolbar-spacer{flex:1}.editor-toolbar-label{color:#666;letter-spacing:2px;text-transform:uppercase;font-size:.7rem}.editor-time-display{color:#aaa;font-variant-numeric:tabular-nums;min-width:130px;font-family:monospace;font-size:.85rem}.editor-bpm-display{color:#f5f;font-variant-numeric:tabular-nums;min-width:40px;font-size:.95rem;font-weight:700}.editor-snap-toggle{color:#888;cursor:pointer;align-items:center;gap:4px;font-size:.75rem;display:flex}.editor-snap-toggle input{accent-color:#f5f}.editor-export-btn{color:#000;cursor:pointer;letter-spacing:1px;background:linear-gradient(90deg,#f5f,#0ff);border:none;border-radius:4px;padding:6px 16px;font-size:.8rem;font-weight:700}.editor-export-btn:hover{filter:brightness(1.15)}.editor-save-btn{color:#0f8!important;background:#00ff881f!important;border-color:#0f8!important;font-weight:700!important}.editor-save-btn:hover{background:#00ff8840!important}.editor-main{flex:1;min-height:0;display:flex}.editor-preview-panel{background:#08080e;border-right:1px solid #222;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:280px;padding:12px;display:flex}#editor-preview-canvas,#editor-preview-3d-canvas{aspect-ratio:4/3;background:#000;border:1px solid #222;border-radius:6px;width:100%}.editor-preview-controls{gap:4px;margin-top:4px;display:flex}.editor-preview-controls .editor-tool-btn{min-width:36px;padding:2px 10px;font-size:.65rem}.editor-preview-controls .editor-tool-btn.active{color:#000;background:#f5f}.editor-preview-label{color:#555;letter-spacing:2px;text-transform:uppercase;font-size:.7rem}.editor-timeline-panel{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}#editor-timeline-canvas{flex:1;width:100%;min-height:0}.editor-tool-toolbar{box-sizing:border-box;background:#0d0d1a;border-bottom:1px solid #1a1a2a;flex-shrink:0;align-items:center;gap:2px;height:32px;padding:4px 8px 4px 168px;display:flex}.editor-tool-mode-btn{color:#8b91a1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.editor-tool-mode-btn:hover{color:#e2e8f0;background:#ffffff0d}.editor-tool-mode-btn.active{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf680}.editor-tool-mode-btn svg{flex-shrink:0}.editor-record-section{text-align:center;margin-top:1rem}.editor-record-section h3{color:#f5f;margin-bottom:.3rem}.editor-record-desc{color:#ffffff80;margin-bottom:.8rem;font-size:.85rem}.editor-record-start-btn:not(:disabled){background:linear-gradient(135deg,#f36 0%,#f5f 100%)}.record-dance-container{background:#000;width:100%;height:100vh;position:relative;overflow:hidden}#record-dance-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}#record-dance-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.record-dance-hud{z-index:5;text-align:center;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.record-dance-timer{color:#fff;text-shadow:0 2px 20px #000c;letter-spacing:3px;font-size:3rem;font-weight:900}.record-dance-status{color:#ffffffb3;margin-top:.3rem;font-size:1.2rem}.record-dance-progress-bar{background:#ffffff26;border-radius:3px;width:300px;height:6px;margin:.8rem auto 0;overflow:hidden}.record-dance-progress-fill{background:linear-gradient(90deg,#f5f,#fe0);border-radius:3px;width:0%;height:100%;transition:width .3s linear}.record-dance-rec-indicator{z-index:5;color:#f33;opacity:0;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;transition:opacity .3s;display:flex;position:absolute;top:1.5rem;left:1.5rem}.record-dance-rec-indicator.active{opacity:1}.rec-dot{background:#f33;border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite recBlink}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.2}}.record-dance-stop-btn{z-index:5;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff3232cc;border:2px solid #ff646480;border-radius:8px;padding:.8rem 2rem;font-size:1rem;font-weight:700;transition:background .2s;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.record-dance-stop-btn:hover{background:#ff3232}.editor-setup-cards{flex-wrap:wrap;justify-content:center;gap:24px;max-width:1000px;display:flex}.editor-setup-card{background:#ffffff08;border:1px solid #2a2a3a;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:12px;min-width:260px;max-width:320px;padding:24px;transition:border-color .2s;display:flex}.editor-setup-card:hover{border-color:#555}.editor-setup-card h3{color:#c8f;letter-spacing:1px;margin:0;font-size:1.1rem}.editor-menu-bar{gap:0;display:flex}.editor-menu-item{position:relative}.editor-menu-btn{color:#999;cursor:pointer;letter-spacing:.5px;background:0 0;border:none;border-radius:3px;padding:4px 12px;font-size:.8rem;transition:all .15s}.editor-menu-btn:hover,.editor-menu-item.open .editor-menu-btn{color:#fff;background:#ffffff14}.editor-dropdown{z-index:1000;background:#1a1a28;border:1px solid #333;border-radius:6px;min-width:200px;padding:4px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000080}.editor-menu-item.open .editor-dropdown{display:block}.editor-dropdown button{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:6px 16px;font-size:.8rem;transition:background .1s;display:flex}.editor-dropdown button:hover{color:#fff;background:#ff55ff26}.editor-dropdown label{color:#ccc;cursor:pointer;align-items:center;gap:8px;padding:6px 16px;font-size:.8rem;display:flex}.editor-dropdown label:hover{color:#fff;background:#ff55ff26}.editor-dropdown label input[type=checkbox]{accent-color:#f5f}.editor-dropdown .shortcut{color:#666;margin-left:16px;font-size:.7rem}.editor-dropdown-sep{background:#333;height:1px;margin:4px 8px}.editor-transport{align-items:center;gap:6px;display:flex}.editor-transport-btn{color:#ccc;cursor:pointer;background:#ffffff0f;border:1px solid #333;border-radius:4px;padding:4px 10px;font-size:.85rem;line-height:1;transition:all .15s}.editor-transport-btn:hover{color:#fff;border-color:#888}.editor-rec-btn{color:#f33}.editor-rec-btn.active{background:#ff32324d;border-color:#f33;animation:1s ease-in-out infinite recBlink}.editor-track-headers{z-index:5;background:#0c0c16;border-right:1px solid #222;flex-direction:column;width:160px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.editor-header-toolbar-gap{background:#0d0d1a;border-bottom:1px solid #1a1a2a;flex-shrink:0;height:32px}.editor-header-ruler{background:#0c0c16;border-bottom:1px solid #1a1a2a;flex-shrink:0;height:32px}.editor-track-headers-list{flex:1;overflow:hidden auto}.editor-sidebar-add-bar{background:#0c0c16;border-top:1px solid #1a1a2a;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 10px;display:flex}.editor-sidebar-add-bar .editor-track-add-btn{text-align:left;width:100%}.editor-track-header{color:#9ca3af;cursor:pointer;box-sizing:border-box;border-bottom:1px solid #1a1a2a;align-items:center;gap:8px;min-height:40px;padding:8px 10px;font-size:.75rem;transition:background .12s,color .12s;display:flex}.editor-track-header:hover{background:#ffffff09}.editor-track-header.selected{color:#f3f4f6;background:#ffffff0f}.editor-track-header.is-group{background:linear-gradient(#ffffff05,#00000005)}.editor-track-header.is-subtrack{padding-left:20px}.editor-track-color{opacity:.9;border-radius:2px;flex-shrink:0;width:4px;height:26px}.editor-track-toggle{color:#8b91a1;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:inline-flex}.editor-track-toggle:hover{color:#e5e7eb}.editor-track-toggle-spacer{cursor:default}.editor-track-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.editor-track-name{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:600;overflow:hidden}.editor-track-subtitle{color:#6b7280;font-size:.67rem;line-height:1}.editor-track-add-inline{color:#c4c8d4;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:.75rem;transition:background .12s,border-color .12s,color .12s}.editor-track-add-inline:hover{color:#fff;background:#ffffff12;border-color:#ffffff2e}.editor-track-delete-btn{color:#ff505000;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 5px;font-size:.75rem;transition:color .12s,background .12s}.editor-track-header:hover .editor-track-delete-btn{color:#ff505099}.editor-track-delete-btn:hover{background:#ff32321f;color:#f55!important}.editor-track-mute-btn,.editor-track-solo-btn{color:#666;cursor:pointer;background:#ffffff0f;border:1px solid #333;border-radius:3px;padding:1px 5px;font-size:.6rem}.editor-track-mute-btn.active{color:#f55;border-color:#f55}.editor-track-solo-btn.active{color:#fc0;border-color:#fc0}.editor-track-add-bar{display:none}.editor-track-add-btn{color:#8b91a1;cursor:pointer;background:#ffffff08;border:1px dashed #333;border-radius:4px;padding:4px 12px;font-size:.7rem;transition:all .15s}.editor-track-add-btn:hover{color:#f3f4f6;background:#ffffff0f;border-color:#5b6473}.editor-assets-panel{background:#0a0a14;border-left:1px solid #222;flex-direction:column;flex-shrink:0;width:240px;display:flex}.editor-assets-tabs{border-bottom:1px solid #222;display:flex}.editor-assets-tab{color:#666;cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:.7rem;transition:all .15s}.editor-assets-tab:hover{color:#aaa}.editor-assets-tab.active{color:#f5f;border-bottom-color:#f5f}.editor-assets-search{padding:8px}.editor-assets-search input{color:#ccc;background:#ffffff0d;border:1px solid #333;border-radius:4px;outline:none;width:100%;padding:5px 10px;font-size:.75rem}.editor-assets-search input:focus{border-color:#f5f}.editor-assets-list{flex:1;padding:4px 8px;overflow-y:auto}.editor-asset-item{color:#aaa;cursor:grab;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:.75rem;transition:background .1s;display:flex}.editor-asset-item:hover{color:#fff;background:#ffffff0f}.editor-asset-icon{font-size:.9rem}.editor-assets-actions{border-top:1px solid #222;padding:8px}.editor-modal{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.editor-modal-content{background:#16162a;border:1px solid #333;border-radius:12px;width:90%;max-width:700px;padding:28px;box-shadow:0 16px 48px #0009}.editor-modal-content h3{color:#c8f;margin:0 0 16px;font-size:1.2rem}.editor-modal-content label{color:#aaa;align-items:center;gap:8px;margin-bottom:10px;font-size:.85rem;display:flex}.editor-modal-content input[type=text]{color:#fff;background:#ffffff0f;border:1px solid #444;border-radius:4px;outline:none;flex:1;padding:6px 10px;font-size:.85rem}.editor-modal-content input[type=text]:focus{border-color:#f5f}.editor-modal-content select{color:#fff;background:#ffffff14;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:.85rem}.editor-extract-file-drop{cursor:pointer;background:#ffffff05;border:2px dashed #333;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;padding:48px 32px;transition:border-color .15s,background .15s;display:flex}.editor-extract-file-drop:hover{background:#6b46c112;border-color:#6b46c1}.editor-extract-file-drop-icon{opacity:.7;font-size:2.5rem}.editor-extract-file-drop-label{color:#9ca3af;text-align:center;font-size:.9rem;line-height:1.5}.editor-extract-file-drop-label span{color:#6b46c1}.editor-extract-step-actions{justify-content:flex-end;display:flex}.editor-extract-scrub-bar{cursor:pointer;background:#ffffff0a;border-radius:4px;height:36px;margin:8px 0 2px;position:relative;overflow:hidden}.editor-extract-scrub-range{pointer-events:none;background:#6b46c140;position:absolute;top:0;bottom:0}.editor-extract-scrub-head{pointer-events:none;background:#a78bfa;width:2px;position:absolute;top:0;bottom:0}.editor-extract-scrub-labels{color:#6b7280;justify-content:space-between;margin-bottom:10px;font-size:.7rem;display:flex}.editor-video-extract-layout{flex-direction:column;gap:0;display:flex}.editor-video-extract-preview{background:#000;border-radius:8px;flex:1;position:relative;overflow:hidden}.editor-extract-video{width:100%;display:block}.editor-crop-overlay{background:#ff55ff0d;border:2px dashed #f5f9;display:none;position:absolute;inset:10%}.editor-crop-overlay.active{display:block}.editor-crop-handle{cursor:pointer;background:#f5f;border-radius:50%;width:12px;height:12px;position:absolute}.editor-crop-handle.nw{cursor:nw-resize;top:-6px;left:-6px}.editor-crop-handle.ne{cursor:ne-resize;top:-6px;right:-6px}.editor-crop-handle.sw{cursor:sw-resize;bottom:-6px;left:-6px}.editor-crop-handle.se{cursor:se-resize;bottom:-6px;right:-6px}.editor-video-extract-controls{flex-direction:column;gap:10px;width:200px;display:flex}.editor-time-input{color:#fff;text-align:center;background:#ffffff0f;border:1px solid #444;border-radius:4px;width:60px;padding:4px 6px;font-family:monospace;font-size:.85rem}.editor-extract-progress-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;overflow:hidden}.editor-extract-progress-fill{background:linear-gradient(90deg,#f5f,#0ff);border-radius:3px;width:0%;height:100%;transition:width .3s}.editor-extract-actions,.editor-clip-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.editor-clip-info{color:#666;margin:8px 0;font-size:.8rem}.main-nav{flex-direction:column;gap:12px;width:100%;max-width:420px;margin:0 auto;display:flex}.nav-item{color:#e0e0e0;cursor:pointer;letter-spacing:.5px;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:16px;width:100%;padding:18px 24px;font-size:1.15rem;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14;border-color:#ffffff26;transform:translate(4px)}.nav-item:active{transform:translate(2px)scale(.99)}.nav-icon{opacity:.7;flex-shrink:0;width:28px;height:28px}.nav-icon svg{width:100%;height:100%}.nav-item:hover .nav-icon{opacity:1}.nav-label{flex:1}.nav-arrow{opacity:.3;width:20px;height:20px;transition:opacity .2s,transform .2s}.nav-arrow svg{width:100%;height:100%}.nav-item:hover .nav-arrow{opacity:.7;transform:translate(3px)}.submenu{width:100%;max-width:520px;margin:0 auto;animation:.25s ease-out submenuSlideIn}@keyframes submenuSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.submenu-back{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:8px;padding:8px 4px;font-size:.9rem;transition:color .2s;display:flex}.submenu-back svg{width:18px;height:18px}.submenu-back:hover{color:#fff}.submenu-title{letter-spacing:-.5px;margin-bottom:6px;font-size:1.6rem;font-weight:700}.submenu-desc{color:#888;margin-bottom:20px;font-size:.85rem;line-height:1.4}.create-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.create-card{color:#e0e0e0;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:flex-start;padding:20px;transition:all .2s;display:flex}.create-card:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-2px)}.create-card-icon{opacity:.7;width:32px;height:32px;margin-bottom:10px}.create-card-icon svg{width:100%;height:100%}.create-card:hover .create-card-icon{opacity:1}.create-card-label{margin-bottom:4px;font-size:1rem;font-weight:600}.create-card-desc{color:#777;font-size:.75rem;line-height:1.4}.create-card.accent-green:hover{border-color:#0f86}.create-card.accent-green .create-card-icon{color:#0f8}.create-card.accent-blue:hover{border-color:#00b4ff66}.create-card.accent-blue .create-card-icon{color:#00b4ff}.create-card.accent-purple:hover{border-color:#a064ff66}.create-card.accent-purple .create-card-icon{color:#a064ff}.create-card.accent-orange:hover{border-color:#ffa00066}.create-card.accent-orange .create-card-icon{color:#ffa000}.sandbox-menu-stats{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;gap:24px;margin-bottom:8px;padding:14px 20px;display:flex}.sandbox-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.sandbox-stat-value{color:#0ff;font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.sandbox-stat-label{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.menu-footer{z-index:2;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.menu-version{color:#444;letter-spacing:1px;font-size:.7rem}#studio-stage{width:100%;height:100%;position:relative}#studio-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}#studio-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#studio-hud{z-index:5;pointer-events:none;background:linear-gradient(#0009 0%,#0000 100%);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:absolute;top:0;left:0;right:0}.studio-hud-left,.studio-hud-center,.studio-hud-right{align-items:center;gap:12px;display:flex}.studio-toggle-btn{color:#aaa;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:4px 12px;font-size:.75rem;transition:all .2s}.studio-toggle-btn:hover{color:#fff;border-color:#0ff}.studio-toggle-btn.active{color:#0ff;background:#00c8ff26;border-color:#00c8ff80}.studio-rec-badge{letter-spacing:1px;color:#fff;background:#ff2828d9;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:700;display:none}.studio-rec-badge.active{display:flex}.studio-timer{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px 8px #00000080;font-size:1.4rem;font-weight:700}.studio-status{color:#ccc;text-shadow:0 1px 4px #00000080;font-size:.9rem}.studio-clip-count{color:#0ff;font-size:.85rem;font-weight:600}#studio-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:4;background:#080614eb;border-left:1px solid #ffffff14;width:280px;padding:20px 16px;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}#studio-sidebar h3{text-transform:uppercase;letter-spacing:1.5px;color:#666;margin:16px 0 8px;font-size:.75rem}#studio-sidebar h3:first-child{margin-top:0}.studio-controls{flex-direction:column;gap:10px;display:flex}.studio-duration-row,.studio-bpm-row{justify-content:space-between;align-items:center;display:flex}.studio-duration-row label,.studio-bpm-row label{color:#aaa;font-size:.8rem}.studio-duration-row select,.studio-bpm-row input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;width:100px;padding:6px 8px;font-size:.85rem}.studio-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.studio-btn-record{color:#fff;background:#ff3232cc}.studio-btn-record:hover{background:#ff3232}.studio-btn-stop{color:#111;background:#ffc800cc}.studio-btn-stop:hover{background:#ffc800}.studio-btn-save{color:#fff;background:#00c864b3;width:100%;margin-top:8px}.studio-btn-save:hover:not(:disabled){background:#00c864e6}.studio-btn-save:disabled{opacity:.4;cursor:not-allowed}.studio-clip-info{flex-direction:column;gap:10px;display:flex}.studio-field{flex-direction:column;gap:4px;display:flex}.studio-field label{color:#888;font-size:.75rem}.studio-field input[type=text]{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:6px 10px;font-size:.85rem}.studio-field input[type=text]::placeholder{color:#555}.studio-energy-select{gap:4px;display:flex}.energy-btn{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:6px;font-size:.8rem;font-weight:600;transition:all .15s}.energy-btn:hover{color:#ccc;border-color:#ffffff40}.energy-btn.active{color:#0fc;background:#00ffc826;border-color:#00ffc866}.studio-section-tags{flex-wrap:wrap;gap:4px;display:flex}.tag-btn{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:4px 10px;font-size:.7rem;transition:all .15s}.tag-btn:hover{color:#ccc;border-color:#ffffff40}.tag-btn.active{color:#c8a0ff;background:#a064ff26;border-color:#a064ff66}.studio-recent-clips{flex-direction:column;gap:6px;display:flex}.studio-empty-msg{color:#555;font-size:.8rem;font-style:italic}.library-container{text-align:left;width:100%;max-width:900px;margin:0 auto;padding:40px 24px}.library-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.library-header-stats{color:#888;gap:16px;margin-left:auto;font-size:.8rem;display:flex}.library-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.library-search{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;min-width:180px;padding:8px 14px;font-size:.85rem}.library-search::placeholder{color:#555}.library-search:focus{border-color:#0ff6;outline:none}.library-filter{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:.8rem}.library-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.library-empty-msg{text-align:center;color:#555;grid-column:1/-1;padding:60px 0;font-size:.9rem;font-style:italic}.library-clip-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:16px;transition:all .2s}.library-clip-card:hover{background:#ffffff0f;border-color:#ffffff2e}.clip-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.clip-card-name{font-size:.9rem;font-weight:600}.clip-card-energy{color:#0fc;background:#00ffc81a;border-radius:10px;padding:2px 8px;font-size:.7rem}.clip-card-meta{color:#888;gap:10px;margin-bottom:8px;font-size:.75rem;display:flex}.clip-card-tags{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.clip-tag{color:#c8a0ff;background:#a064ff1a;border:1px solid #a064ff33;border-radius:10px;padding:2px 8px;font-size:.65rem}.clip-card-aist{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.clip-aist-genre{text-transform:uppercase;letter-spacing:.06em;color:#a855f7;background:#a855f71f;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:700}.clip-aist-move{color:#ccc;font-size:.75rem;font-style:italic}.clip-aist-track{color:#666;margin-left:auto;font-size:.68rem}.clip-card-actions{gap:6px;display:flex}.clip-delete-btn{color:#f66;cursor:pointer;background:#ff323226;border:1px solid #ff32324d;border-radius:6px;padding:4px 12px;font-size:.7rem;transition:all .15s}.clip-delete-btn:hover{background:#ff32324d}.recent-clip-row{background:#ffffff08;border-radius:6px;justify-content:space-between;padding:6px 10px;font-size:.8rem;display:flex}.recent-clip-name{color:#ccc}.recent-clip-dur{color:#888;font-variant-numeric:tabular-nums}.library-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:opacity .15s,transform .1s}.library-add-btn:hover{opacity:.88;transform:translateY(-1px)}.library-add-btn:active{transform:translateY(0)}.add-clip-modal{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-clip-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;position:absolute;inset:0}.add-clip-dialog{background:#16162a;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;width:min(90vw,440px);display:flex;position:relative;box-shadow:0 24px 60px #0009}.add-clip-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.add-clip-title{color:#e2e2f0;margin:0;font-size:1rem;font-weight:700}.add-clip-close-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:1.4rem;line-height:1;transition:color .15s,background .15s}.add-clip-close-btn:hover{color:#fff;background:#ffffff14}.add-clip-body{flex-direction:column;gap:16px;padding:20px;display:flex}.add-clip-field{flex-direction:column;gap:6px;display:flex}.add-clip-field label{color:#aaa;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.add-clip-name-input{color:#e2e2f0;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:9px 12px;font-size:.9rem;transition:border-color .15s}.add-clip-name-input:focus{border-color:#a855f7}.add-clip-file-row{align-items:center;gap:10px;display:flex}.add-clip-choose-btn{color:#ccc;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:7px 14px;font-size:.82rem;transition:background .15s}.add-clip-choose-btn:hover{background:#ffffff24}.add-clip-file-name{color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.add-clip-error{color:#f87171;margin:0;font-size:.8rem}.add-clip-footer{border-top:1px solid #ffffff12;justify-content:flex-end;gap:10px;padding:14px 20px 18px;display:flex}.add-clip-cancel-btn{color:#ccc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:8px 18px;font-size:.85rem;transition:background .15s}.add-clip-cancel-btn:hover{background:#ffffff1f}.add-clip-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:opacity .15s}.add-clip-save-btn:disabled{opacity:.35;cursor:not-allowed}.add-clip-save-btn:not(:disabled):hover{opacity:.88}.mode-toggle-btn{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#aaa;cursor:pointer;background:#141028d9;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px #0006}.mode-toggle-btn:hover{color:#0ff;border-color:#00ffff80;transform:scale(1.1);box-shadow:0 4px 30px #0ff3}.mode-toggle-btn svg{width:22px;height:22px}#screen-player-menu{-webkit-user-select:none;user-select:none;padding:0;overflow:hidden}.pm-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.pm-bg-gradient{background:radial-gradient(100% 80% at 50% 120%,#00c8ff14 0%,#0000 60%),radial-gradient(80% 60% at 10% 20%,#a000ff0f 0%,#0000 50%),linear-gradient(#050510 0%,#0a0820 50%,#080618 100%);animation:15s ease-in-out infinite alternate grid-pan;position:absolute;inset:0}.pm-bg-glow{filter:blur(40px);background:radial-gradient(circle,#00c8ff26 0%,#0000 70%);width:500px;height:500px;animation:8s ease-in-out infinite alternate pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%{opacity:.7;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.3)}}@keyframes grid-pan{0%{background-position:0 0}to{background-position:0 100%}}.pm-bg-gradient{background:radial-gradient(100% 80% at 50% 120%,#00c8ff14 0%,#0000 60%),radial-gradient(80% 60% at 10% 20%,#a000ff0f 0%,#0000 50%),radial-gradient(60% 40% at 90% 10%,#ff00b40d 0%,#0000 50%),linear-gradient(#050510 0%,#0a0820 50%,#080618 100%);position:absolute;inset:0}.pm-bg-glow{background:radial-gradient(circle,#00c8ff0a 0%,#0000 70%);width:500px;height:500px;animation:6s ease-in-out infinite pmGlowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pmGlowPulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.3)}}.pm-topbar{z-index:5;justify-content:space-between;align-items:center;padding:36px 60px;display:flex;position:absolute;top:0;left:0;right:0}.pm-logo{letter-spacing:12px;background:linear-gradient(135deg,#fff 20%,#00dcffcc 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #00dcff66;-webkit-background-clip:text;background-clip:text;margin-right:-12px;font-size:2.2rem;font-weight:800}.pm-version{color:#444;letter-spacing:3px;font-size:.95rem}.pm-carousel-wrap{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pm-carousel-track{will-change:transform;align-items:center;gap:60px;transition:transform .5s cubic-bezier(.25,.46,.45,.94);display:flex}.pm-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:36px;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:stretch;width:560px;height:280px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.pm-card:before{content:"";background:radial-gradient(ellipse 80% 60% at 50% 100%, var(--card-glow,#00c8ff0f) 0%, transparent 60%);opacity:0;pointer-events:none;border-radius:36px;transition:opacity .4s;position:absolute;inset:0}.pm-card:hover:before,.pm-card.active:before{opacity:1}.pm-card:hover,.pm-card.active{box-shadow:0 20px 60px #0006, 0 0 80px var(--card-glow,#00c8ff0d);border-color:#fff3;transform:scale(1.05)}.pm-card.inactive{opacity:.35;filter:blur(1px);transform:scale(.88)}.pm-card-panel{justify-content:center;align-items:center;width:35%;transition:filter .3s;display:flex;position:relative;overflow:hidden}.pm-card:hover .pm-card-panel,.pm-card.active .pm-card-panel{filter:brightness(1.2)}.pm-card-panel-icon{color:#fff;transition:transform .3s}.pm-card:hover .pm-card-panel-icon,.pm-card.active .pm-card-panel-icon{transform:scale(1.08)}.pm-card-body{flex-direction:column;flex:1;justify-content:center;gap:16px;padding:40px;display:flex}.pm-card-title{letter-spacing:6px;color:#fff;margin:0;font-size:2.2rem;font-weight:800}.pm-card-sub{color:#fff9;letter-spacing:.5px;margin:0;font-size:1.1rem;line-height:1.4}.pm-card-wide{justify-content:flex-start;align-items:flex-start;gap:12px;width:480px;height:auto;min-height:420px;padding:36px 40px}.pm-card-badge{letter-spacing:3px;color:#666;text-transform:uppercase;font-size:.6rem;font-weight:700}.pm-card-icon-sm{color:#00dcffcc;width:40px;height:40px}.pm-card-icon-sm svg{width:100%;height:100%}.pm-card-title-sm{letter-spacing:2px;margin-bottom:2px;font-size:1.3rem;font-weight:700}.pm-card-desc{color:#888;margin-bottom:8px;font-size:.8rem;line-height:1.5}.pm-arrow{color:#666;cursor:pointer;z-index:10;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pm-arrow:hover{color:#0ff;background:#ffffff14;border-color:#00dcff4d}.pm-arrow svg{width:36px;height:36px}.pm-arrow-left{left:40px}.pm-arrow-right{right:40px}.pm-arrow:disabled{opacity:.15;cursor:default}.pm-dots{z-index:10;gap:16px;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.pm-dot{cursor:pointer;background:#ffffff26;border-radius:50%;width:14px;height:14px;transition:all .3s}.pm-dot.active{background:#00dcffcc;border-radius:7px;width:36px;transform:scale(1.3);box-shadow:0 0 16px #00dcff80}.pm-dot:hover:not(.active){background:#ffffff4d}.pm-select-hint{z-index:10;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.pm-hint-text{color:#555;letter-spacing:3px;text-transform:uppercase;font-size:1rem;animation:2s ease-in-out infinite pmHintPulse}@keyframes pmHintPulse{0%,to{opacity:.5}50%{opacity:1}}.pm-back-btn{color:#666;cursor:pointer;z-index:10;background:0 0;border:none;align-items:center;gap:10px;font-size:1.2rem;transition:color .2s;display:flex;position:absolute;top:36px;left:52px}.pm-back-btn svg{width:28px;height:28px}.pm-back-btn:hover{color:#fff}.pm-sub-title{letter-spacing:6px;color:#fff;z-index:10;font-size:1.6rem;font-weight:700;position:absolute;top:36px;left:50%;transform:translate(-50%)}.pm-option-group{width:100%;margin-top:4px}.pm-option-label{letter-spacing:2px;color:#555;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.pm-option-row{gap:8px;display:flex}.pm-opt-btn{color:#888;cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:14px 10px;font-size:1rem;font-weight:600;transition:all .2s}.pm-opt-btn:hover{color:#ccc;border-color:#fff3}.pm-opt-btn.active{color:#0ff;background:#00dcff1f;border-color:#00dcff66}@keyframes slide-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-fade-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pw-animate-fade-up{opacity:0;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards slide-fade-up}.pw-animate-fade-down{opacity:0;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards slide-fade-down}.pm-upload-zone{cursor:pointer;background:#ffffff05;border:2px dashed #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:8px;padding:20px;transition:all .2s;display:flex}.pm-upload-zone:hover{background:#00dcff08;border-color:#00dcff4d}.pm-upload-sm{padding:14px}.pm-upload-row{gap:10px;width:100%;margin-top:8px;display:flex}.pm-upload-row .pm-upload-zone{flex:1}.pm-upload-icon{color:#666;width:28px;height:28px}.pm-upload-icon svg{width:100%;height:100%}.pm-upload-text{color:#999;font-size:.8rem;font-weight:500}.pm-upload-hint{color:#555;font-size:.65rem}.pm-action-btn{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#00c8ff33 0%,#0096ff4d 100%);border:1px solid #00c8ff4d;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-size:.9rem;font-weight:700;transition:all .2s}.pm-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#00c8ff4d 0%,#0096ff80 100%);box-shadow:0 4px 24px #00c8ff33}.pm-action-btn:disabled{opacity:.3;cursor:not-allowed}.pm-divider{align-items:center;gap:16px;width:100%;margin:8px 0;display:flex}.pm-divider:before,.pm-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.pm-divider span{color:#555;letter-spacing:2px;font-size:.7rem}.pm-settings-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:130px auto 0;padding:0 60px;display:grid}.pm-setting-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:18px;padding:36px;display:flex}.pm-setting-label{color:#ccc;font-size:1.2rem;font-weight:600}.pm-setting-hint{color:#555;font-size:.95rem;line-height:1.4}.pm-toggle-wrap{align-items:center;gap:16px;display:flex}.pm-toggle{cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;width:72px;height:40px;transition:all .3s;position:relative}.pm-toggle[data-on=true]{background:#00dcff40;border-color:#00dcff80}.pm-toggle-knob{background:#888;border-radius:50%;width:30px;height:30px;transition:all .3s;position:absolute;top:4px;left:4px}.pm-toggle[data-on=true] .pm-toggle-knob{background:#0ff;left:36px}.pm-toggle-label{color:#888;font-size:1rem}.pw-wizard{background:0 0;flex-direction:column;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}.pw-topbar{z-index:6;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:24px;padding:32px 52px 0;display:flex;position:relative}.pw-back{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;font-size:1.15rem;transition:color .2s,background .2s;display:flex;position:static}.pw-back:hover{color:#fff;background:#ffffff14}.pw-back svg{width:26px;height:26px}.pw-breadcrumb{align-items:center;gap:12px;min-height:48px;padding-top:2px;display:flex}.pw-crumb{letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;cursor:default;font-size:1rem;font-weight:600;transition:color .2s}.pw-crumb.pw-crumb-active{color:#fff}.pw-crumb.pw-crumb-done{color:#00dcffb3}.pw-crumb-sep{color:#fff3;font-size:1rem}.pw-step{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:24px 0 48px;display:flex;overflow:hidden}#screen-player-menu[data-player-view=play] .pm-topbar,#screen-player-menu[data-player-view=sandbox] .pm-topbar,#screen-player-menu[data-player-view=settings] .pm-topbar{opacity:0;pointer-events:none}.pw-step.pw-step-hidden{display:none}.pw-step-title{letter-spacing:.18em;text-transform:uppercase;color:#fff6;margin:0;font-size:1rem;font-weight:700}.pw-mode-viewport{flex:1;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.pw-mode-track{will-change:transform;gap:60px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.pw-big-card{text-align:center;opacity:.4;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:32px;flex-direction:column;flex-shrink:0;align-items:center;gap:18px;width:clamp(320px,38vw,480px);padding:52px 40px 48px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;transform:scale(.85)}.pw-big-card.pw-big-card-active{opacity:1;background:#ffffff12;border-color:#fff3;transform:scale(1);box-shadow:0 0 60px #00000080}.pw-big-icon{color:#ffffffb3;width:110px;height:110px}.pw-big-icon svg{width:100%;height:100%}.pw-big-title{letter-spacing:.05em;color:#fff;margin:0;font-size:2.4rem;font-weight:800}.pw-big-desc{color:#ffffff80;max-width:300px;margin:0;font-size:1.1rem;line-height:1.5}.pw-mode-arrow{z-index:2;color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pw-mode-arrow:hover:not(:disabled){color:#fff;background:#ffffff1f}.pw-mode-arrow:disabled{opacity:.2;cursor:default}.pw-mode-arrow-left{left:20px}.pw-mode-arrow-right{right:20px}.pw-mode-arrow svg{width:32px;height:32px}.pw-mode-dots{flex-shrink:0;justify-content:center;gap:12px;padding:14px 0 4px;display:flex}.pw-mode-dot{background:#fff3;border-radius:50%;width:12px;height:12px;transition:all .2s}.pw-mode-dot.pw-mode-dot-active{background:#fff;border-radius:6px;width:36px}.pw-track-viewport{flex:1;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.pw-track-strip{will-change:transform;gap:36px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.pw-track-card{aspect-ratio:1;background:#ffffff0d;background-image:var(--track-cover,none);opacity:.45;cursor:pointer;background-position:50%;background-size:cover;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;flex-shrink:0;width:clamp(280px,32vw,400px);padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:scale(.85)}.pw-track-card.pw-track-card-active{opacity:1;border-color:var(--track-accent,#ffffff40);box-shadow:0 0 60px #000000b3, 0 0 0 2px var(--track-accent,transparent);transform:scale(1)}.pw-track-overlay{border-radius:inherit;pointer-events:none;background:linear-gradient(#0000000d 0%,#000c 100%);position:absolute;inset:0}.pw-track-accent-bar{background:var(--track-accent,#7c3aed);z-index:2;border-radius:28px 28px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.pw-track-mode-badge{letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3;z-index:3;background:#00000080;border-radius:100px;padding:5px 12px;font-size:.75rem;font-weight:700;position:absolute;top:18px;left:18px}.pw-track-body{z-index:3;flex-direction:column;gap:6px;padding:22px 22px 26px;display:flex;position:absolute;bottom:0;left:0;right:0}.pw-track-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 8px #000000e6;margin:0;font-size:1.35rem;font-weight:700;overflow:hidden}.pw-track-artist{color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;overflow:hidden}.pw-track-meta{color:#ffffff73;gap:14px;margin-top:4px;font-size:.88rem;display:flex}.pw-track-add{border-style:dashed;border-color:#ffffff26;justify-content:center;align-items:center}.pw-track-add.pw-track-card-active{border-color:#ffffff59}.pw-track-add-icon{color:#ffffff59}.pw-track-add-icon svg{width:52px;height:52px}.pw-track-add-label{color:#fff6;margin-top:12px;font-size:1.1rem;font-weight:600}.pw-track-arrow{z-index:2;color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pw-track-arrow:hover:not(:disabled){color:#fff;background:#ffffff1f}.pw-track-arrow:disabled{opacity:.2;cursor:default}.pw-track-arrow-left{left:20px}.pw-track-arrow-right{right:20px}.pw-track-arrow svg{width:32px;height:32px}.pw-track-dots{flex-wrap:wrap;justify-content:center;gap:10px;max-width:80%;display:flex}.pw-track-dot{background:#fff3;border-radius:50%;width:10px;height:10px;transition:all .2s}.pw-track-dot.pw-track-dot-active{background:#fff;border-radius:5px;width:28px}.pw-next-btn{color:#fff;letter-spacing:.08em;cursor:pointer;background:linear-gradient(135deg,#ffffff26,#ffffff0f);border:none;border-radius:100px;flex-shrink:0;padding:20px 64px;font-size:1.2rem;font-weight:700;transition:all .2s}.pw-next-btn:hover:not(:disabled){background:#ffffff2e}.pw-diff-grid{grid-template-columns:1fr 1fr;gap:24px;width:clamp(400px,65vw,800px);display:grid}.pw-diff-btn{cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:40px 28px;transition:all .2s;display:flex}.pw-diff-btn:hover{background:#ffffff1a;border-color:#ffffff38;transform:scale(1.03)}.pw-diff-icon{font-size:2.4rem;line-height:1}.pw-diff-name{letter-spacing:.05em;font-size:1.4rem;font-weight:700}.pw-diff-desc{color:#ffffff73;text-align:center;font-size:.95rem;line-height:1.4}.pw-overlay{-webkit-backdrop-filter:blur(12px);z-index:100;background:#000000b3;justify-content:center;align-items:flex-end;transition:opacity .3s;display:flex;position:absolute;inset:0}.pw-overlay.pw-overlay-hidden{opacity:0;pointer-events:none}.pw-overlay-panel{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:32px 32px 0 0;flex-direction:column;width:100%;max-width:680px;max-height:88vh;display:flex;overflow:hidden}.pw-overlay-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:28px 36px;display:flex}.pw-overlay-header h3{color:#fff;margin:0;font-size:1.4rem;font-weight:700}.pw-overlay-close{color:#fff9;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.pw-overlay-close:hover{color:#fff;background:#ffffff1f}.pw-overlay-close svg{width:24px;height:24px}.pw-overlay-body{flex-direction:column;flex:1;gap:20px;padding:28px 36px;display:flex;overflow-y:auto}.pw-field-row{flex-direction:column;gap:8px;display:flex}.pw-field-row-half{flex-direction:row;gap:20px}.pw-field-row-half>div{flex-direction:column;flex:1;gap:8px;display:flex}.pw-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;font-size:.88rem;font-weight:600}.pw-label-hint{text-transform:none;color:#ffffff4d;font-weight:400}.pw-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;outline:none;padding:14px 18px;font-size:1.05rem;transition:border-color .2s}.pw-input:focus{border-color:#00dcff66}.pw-color-input{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:14px;width:100%;height:52px;padding:3px}.pw-file-drop{cursor:pointer;text-align:center;color:#fff6;background:#ffffff0a;border:1px dashed #ffffff26;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px;font-size:.95rem;transition:all .2s;display:flex}.pw-file-drop:hover{color:#fff;background:#ffffff12;border-color:#ffffff40}.pw-file-drop.pw-file-drop-over{background:#00dcff0f;border-color:#00dcff66}.pw-overlay-footer{border-top:1px solid #ffffff14;flex-shrink:0;padding:22px 36px}.pw-publish-btn{color:#fff;letter-spacing:.05em;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:16px;width:100%;padding:18px;font-size:1.1rem;font-weight:700;transition:all .2s}.pw-publish-btn:hover:not(:disabled){filter:brightness(1.1)}.pw-publish-btn:disabled{opacity:.35;cursor:default}.pw-cover-drop{cursor:pointer;border:1px dashed #ffffff26;border-radius:12px;transition:border-color .2s;overflow:hidden}.pw-cover-drop:hover{border-color:#ffffff4d}.pw-cover-drop.pw-file-drop-over{border-color:#00dcff66}.pw-cover-preview{aspect-ratio:1;color:#ffffff59;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;max-height:160px;font-size:.78rem;transition:background .2s;display:flex}.pw-cover-preview[style*=background-image]{color:#0000}.clip-preview-modal{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.clip-preview-backdrop{background:#000000d9;position:absolute;inset:0}.clip-preview-dialog{background:#111;border:1px solid #333;border-radius:12px;flex-direction:column;width:min(90vw,800px);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 40px #000000b3}.clip-preview-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.clip-preview-title{color:#eee;margin:0;font-size:1rem;font-weight:600}.clip-preview-controls{align-items:center;gap:8px;display:flex}.clip-preview-toggle-btn{color:#aaa;cursor:pointer;background:#222;border:1px solid #444;border-radius:6px;padding:4px 12px;font-size:.85rem;transition:all .15s}.clip-preview-toggle-btn:hover{color:#fff;background:#333}.clip-preview-toggle-btn.active{color:#fff;background:#6c3baa;border-color:#85c}.clip-preview-close-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.6rem;line-height:1;transition:color .15s}.clip-preview-close-btn:hover{color:#fff}.clip-preview-body{aspect-ratio:4/3;background:#000;width:100%;position:relative}.clip-preview-canvas{width:100%;height:100%;position:absolute;inset:0}.clip-preview-footer{text-align:center;border-top:1px solid #222;padding:8px 16px}.clip-preview-info{color:#777;font-size:.8rem}.clip-preview-btn{color:#b8e;cursor:pointer;background:#2a2a3a;border:1px solid #444;border-radius:4px;padding:3px 10px;font-size:.78rem;transition:all .15s}.clip-preview-btn:hover{color:#d9f;background:#3a2a5a;border-color:#666}.screen.editor-subdialog{display:none}.screen.editor-subdialog.active{display:flex}.pm-carousel-root{flex-direction:column;display:flex}.pm-carousel-footer{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding:16px 0 24px;display:flex}.pm-carousel-footer .pm-dots,.pm-carousel-footer .pm-select-hint{position:relative;bottom:auto;left:auto;transform:none}.pm-settings-scroll{z-index:2;overscroll-behavior:contain;flex:1;width:100%;padding:100px 0 60px;position:relative;overflow-y:auto}.pm-settings-list{flex-direction:column;gap:2px;max-width:680px;margin:0 auto;padding:0 28px;display:flex}.pm-settings-section-label{letter-spacing:.14em;text-transform:uppercase;color:#00dcff8c;padding:20px 0 6px 4px;font-size:.68rem;font-weight:700}.pm-settings-section-label:first-child{padding-top:8px}.pm-setting-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;transition:background .2s;display:flex}.pm-setting-row:hover{background:#ffffff0d}.pm-setting-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pm-setting-name{color:#ffffffe6;font-size:.95rem;font-weight:600}.pm-setting-desc{color:#fff6;font-size:.78rem}.pm-chip-row{flex-shrink:0;gap:6px;display:flex}.pm-chip{color:#ffffff8c;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.pm-chip:hover{color:#ffffffd9;background:#ffffff1a}.pm-chip.active{color:#00dcfff2;background:#00dcff26;border-color:#00dcff80}.pm-volume-wrap{flex-shrink:0;width:180px}.pm-volume-slider{accent-color:#00dcff;cursor:pointer;width:100%;height:4px}.cl-screen{background:#07070f;flex-direction:column;overflow:hidden;text-align:left!important;justify-content:flex-start!important;align-items:stretch!important;padding:0!important;display:flex!important}.cl-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:16px;padding:20px 28px 16px;display:flex}.cl-back-btn{color:#ffffff80;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px 8px 4px;font-size:.875rem;font-weight:600;transition:color .2s;display:flex}.cl-back-btn:hover{color:#ffffffe6}.cl-header-center{flex:1;align-items:baseline;gap:12px;min-width:0;display:flex}.cl-title{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#fff 30%,#00dcffb3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.3rem;font-weight:800}.cl-stats{color:#ffffff59;white-space:nowrap;font-size:.78rem}.cl-header-actions{flex-shrink:0;gap:8px;display:flex}.cl-action-btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;padding:9px 18px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.cl-action-btn:hover{color:#fff;background:#ffffff1a}.cl-record-btn{color:#ff7070!important;background:#dc282826!important;border-color:#f0505059!important}.cl-record-btn:hover{background:#dc282847!important}.cl-toolbar{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:10px;padding:12px 28px;display:flex}.cl-search-wrap{flex:1;align-items:center;display:flex;position:relative}.cl-search-icon{color:#ffffff4d;pointer-events:none;position:absolute;left:12px}.cl-search{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:10px 36px;font-size:.875rem;transition:border-color .2s}.cl-search::placeholder{color:#ffffff40}.cl-search:focus{border-color:#00dcff66}.cl-search-clear{color:#fff6;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;position:absolute;right:10px}.cl-select{color:#ffffffbf;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:9px 14px;font-size:.82rem}.cl-select:focus{border-color:#00dcff66}.cl-body{flex:1;padding:20px 28px 32px;overflow-y:auto}.cl-empty{color:#ffffff59;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;font-size:.95rem;display:flex}.cl-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.cl-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.cl-card:hover{background:#ff55ff0a;border-color:#ff55ff4d;transform:translateY(-2px);box-shadow:0 8px 28px #ff55ff1f}.cl-card-energy{color:#000;letter-spacing:.04em;border-radius:10px;padding:3px 8px;font-size:.68rem;font-weight:800;position:absolute;top:10px;right:10px}.cl-card-thumb{background:#ff55ff0a;border-bottom:1px solid #ff55ff14;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px 16px 12px;display:flex}.cl-card-duration{color:#ffffff73;letter-spacing:.04em;font-size:.78rem;font-weight:700}.cl-card-body{flex-direction:column;flex:1;gap:6px;padding:12px 14px 8px;display:flex}.cl-card-name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.cl-card-meta{color:#ffffff59;gap:8px;font-size:.72rem;display:flex}.cl-card-genre{color:#00dcffcc;background:#00dcff1f;border-radius:6px;padding:1px 6px;font-size:.68rem;font-weight:700}.cl-card-tags{flex-wrap:wrap;gap:5px;display:flex}.cl-tag{color:#fff6;text-transform:capitalize;background:#ffffff0f;border-radius:8px;padding:2px 8px;font-size:.68rem}.cl-card-actions{gap:6px;padding:8px 12px 12px;display:flex}.cl-card-btn{color:#fff9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex:1;padding:7px;font-size:.75rem;font-weight:600;transition:all .15s}.cl-card-btn:hover{color:#fff;background:#ffffff1a}.cl-card-delete-btn:hover{color:#f87171;background:#f871711f;border-color:#f871714d}.cl-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cl-preview-modal{background:#0d0d1a;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:520px;display:flex;overflow:hidden;box-shadow:0 24px 80px #0009}.cl-import-modal{background:#0d0d1a;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:460px;display:flex;overflow:hidden;box-shadow:0 24px 80px #0009}.cl-preview-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.cl-preview-name{color:#fffffff2;font-size:1.05rem;font-weight:700}.cl-preview-meta{color:#fff6;margin-top:4px;font-size:.78rem}.cl-preview-close{color:#fff6;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;line-height:1;transition:color .2s}.cl-preview-close:hover{color:#fff}.cl-preview-canvas-wrap{aspect-ratio:1;background:#0a0a12}.cl-preview-canvas{width:100%;height:100%;display:block}.cl-preview-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.cl-field{flex-direction:column;gap:6px;display:flex}.cl-field-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:600}.cl-field-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:10px 14px;font-size:.9rem}.cl-field-input:focus{border-color:#00dcff66}.cl-file-drop{cursor:pointer;color:#ffffff80;text-align:center;border:2px dashed #ffffff1f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:28px 20px;font-size:.875rem;transition:all .2s;display:flex}.cl-file-drop:hover{background:#00dcff0a;border-color:#00dcff59}button{transition:all .18s cubic-bezier(.4,0,.2,1)}.pm-card.active{box-shadow:0 0 0 1px #00dcff26,0 24px 64px #0009,0 0 60px #008cff14!important}.pm-card.active:hover{transform:translateY(-4px)scale(1.005);box-shadow:0 0 0 1px #00dcff40,0 32px 80px #000000b3,0 0 80px #00b4ff1f!important}.pm-card.inactive:hover{filter:brightness(.9)}.pm-topbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #ffffff0a}.pm-version{color:#ffffff59;letter-spacing:.05em;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:3px 10px;font-size:.72rem;font-weight:600}.pw-next-btn{letter-spacing:.04em;box-shadow:0 4px 24px #0088ff40}.pw-next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #0088ff59}.pw-next-btn:disabled{opacity:.35;cursor:not-allowed}.pw-diff-btn{--diff-color:#fff6;--diff-rgb:255, 255, 255;transition:all .2s cubic-bezier(.4,0,.2,1);transform:skew(-4deg)}.pw-diff-btn>*{transform:skew(4deg)}.pw-diff-btn:hover{border-color:var(--diff-color);background:rgba(var(--diff-rgb), .08);box-shadow:0 10px 30px rgba(var(--diff-rgb), .15);transform:skew(-4deg)translateY(-2px)}.pw-diff-btn.active{border-color:var(--diff-color)!important;background:rgba(var(--diff-rgb), .15)!important;box-shadow:0 0 30px rgba(var(--diff-rgb), .4), inset 0 0 20px rgba(var(--diff-rgb), .2)!important}.pw-big-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.pw-big-card-active{box-shadow:0 0 0 1px #ffffff14,0 20px 60px #00000080,0 0 40px #008cff12!important}.pm-upload-zone{transition:all .2s}.pm-upload-zone:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0088ff26}.pm-upload-zone.dragging{background:#00dcff1a;border-color:#00dcffcc;transform:scale(1.02);box-shadow:inset 0 0 40px #00dcff4d}.spinner{border-color:#00dcffcc #ffffff1a #ffffff1a;box-shadow:0 0 20px #00dcff33}#judgement,#dance-hit-judgement{text-shadow:0 0 20px,0 2px 8px #000c}#hud,#dance-hud{background:linear-gradient(#000000b3,#0000)}#score,#combo,#dance-score,#dance-combo{text-shadow:0 0 16px #00dcff66}#screen-results .pm-back-btn,#screen-results button{transition:all .2s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.pm-player-chip{cursor:default;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 10px;transition:background .2s;display:flex}.pm-player-chip:hover{background:#ffffff1a}.pm-player-avatar{font-size:1.1rem;line-height:1}.pm-player-name{letter-spacing:.5px;color:#fffc;font-size:.8rem;font-weight:600}.pm-topbar-right{align-items:center;gap:12px;display:flex}.ac-scroll{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;width:100%;padding:120px 40px 60px;display:flex;overflow-y:auto}.ac-cards-row{flex-wrap:wrap;justify-content:center;gap:32px;width:100%;max-width:900px;display:flex}.ac-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;flex:340px;align-items:center;gap:20px;max-width:400px;padding:36px 32px;transition:all .3s;display:flex;position:relative}.ac-card-p1{border-color:#ff2d784d;box-shadow:0 0 40px #ff2d7814}.ac-card-p2{border-color:#00d4ff4d;box-shadow:0 0 40px #00d4ff14}.ac-card-empty{cursor:pointer;opacity:.6;border-style:dashed;justify-content:center;gap:12px;min-height:300px}.ac-card-empty:hover{opacity:1;background:#00d4ff0d;border-color:#00d4ff66}.ac-slot-badge{letter-spacing:3px;color:#fff6;font-size:.65rem;font-weight:800;position:absolute;top:18px;left:24px}.ac-avatar-wrap{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex;position:relative}.ac-avatar-wrap:hover{background:#ffffff1f}.ac-avatar{font-size:2.5rem;line-height:1}.ac-avatar-edit{color:#aaa;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:2px;right:2px}.ac-avatar-picker{background:#00000080;border:1px solid #ffffff1a;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;padding:12px;display:flex}.ac-avatar-opt{cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:10px;width:42px;height:42px;font-size:1.6rem;transition:all .15s}.ac-avatar-opt:hover,.ac-avatar-opt.active{background:#00dcff1a;border-color:#00dcff99}.ac-name-row{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:4px 12px;transition:background .2s;display:flex}.ac-name-row:hover{background:#ffffff0f}.ac-name{letter-spacing:2px;color:#fff;font-size:1.3rem;font-weight:700}.ac-name-edit-row{gap:8px;width:100%;display:flex}.ac-name-input{color:#fff;background:#ffffff0f;border:1px solid #00dcff66;border-radius:10px;outline:none;flex:1;padding:8px 14px;font-size:1rem;font-weight:600}.ac-name-save{color:#0ff;cursor:pointer;background:#00dcff26;border:1px solid #00dcff66;border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.ac-name-save:hover{background:#00dcff4d}.ac-stats{border-top:1px solid #ffffff0f;justify-content:center;gap:20px;width:100%;padding-top:20px;display:flex}.ac-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.ac-stat-val{color:#fff;font-size:1.3rem;font-weight:800}.ac-stat-lbl{letter-spacing:1.5px;color:#fff6;text-transform:uppercase;font-size:.65rem}.ac-add-icon{color:#00d4ff99}.ac-add-label{letter-spacing:2px;color:#fff;font-size:1.1rem;font-weight:700}.ac-add-hint{color:#fff6;text-align:center;font-size:.85rem}.ac-logout-btn{color:#ff6464e6;cursor:pointer;background:#ff3c3c1a;border:1px solid #ff3c3c40;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.ac-logout-btn:hover{background:#ff3c3c33;border-color:#ff3c3c80}.ac-hint{color:#ffffff59;text-align:center;max-width:500px;font-size:.85rem;line-height:1.6}.tp-mode-badge{letter-spacing:2px;text-transform:uppercase;white-space:nowrap;border-radius:99px;padding:5px 14px;font-size:.7rem;font-weight:700}.tp-mode-rhythm{color:#ff4da0;background:#ff2d7826;border:1px solid #ff2d7866}.tp-mode-dance{color:#00dcff;background:#00c8ff1f;border:1px solid #00c8ff59}.tp2-root{z-index:0;overflow:hidden;padding:0!important}.tp2-root-routine-active{--rp-card-width:clamp(200px, 28vw, 380px);--rp-gap:clamp(56px, 7vw, 110px);--rp-right-width:clamp(320px, 38vw, 560px)}.tp2-topbar{z-index:30;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:32px 48px 0;transition:opacity .45s cubic-bezier(.2,.9,.2,1),transform .45s cubic-bezier(.2,.9,.2,1);display:flex;position:absolute;top:0;left:0;right:0}.tp2-topbar-left{flex:1;justify-content:flex-start;display:flex}.tp2-topbar-center{flex:none;justify-content:center;display:flex}.tp2-topbar-right{flex:1;justify-content:flex-end;align-items:center;gap:16px;display:flex}.tp2-topbar .pm-back-btn{margin:0!important;position:static!important;transform:none!important}.tp2-tabs{background:#ffffff0d;border:1px solid #ffffff14;border-radius:99px;gap:6px;padding:5px;display:flex}.tp2-tab{color:#ffffff73;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.tp2-tab:hover{color:#fffc}.tp2-tab.active{color:#00dcff;background:#00c8ff26;box-shadow:0 0 16px #00c8ff26}.tp2-badge{color:#00dcff;background:#00c8ff40;border-radius:99px;padding:1px 6px;font-size:.62rem;font-weight:800;line-height:1.6}.tp2-search-toggle{color:#fff9;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.tp2-search-toggle:hover{color:#00dcff;background:#00c8ff1f;border-color:#00c8ff4d}.tp2-search-bar{z-index:30;background:#ffffff0d;border:1px solid #00c8ff40;border-radius:16px;align-items:center;gap:12px;width:clamp(300px,40vw,500px);padding:12px 16px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%);box-shadow:0 0 32px #00c8ff0f}.tp2-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.tp2-search-input::placeholder{color:#ffffff47}.tp2-search-btn{color:#00dcff;cursor:pointer;background:#00b4ff33;border:1px solid #00b4ff66;border-radius:10px;padding:7px 18px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .2s}.tp2-search-btn:hover:not(:disabled){background:#00b4ff4d;box-shadow:0 0 20px #00c8ff33}.tp2-search-btn:disabled{opacity:.35;cursor:default}.tp2-stage{z-index:10;flex-direction:column;justify-content:center;align-items:center;transition:opacity .45s cubic-bezier(.2,.9,.2,1);display:flex;position:absolute;inset:0;overflow:hidden}.tp2-root-routine-active .tp2-topbar{opacity:0;pointer-events:none;transition:none;transform:translateY(-12px)}.tp2-root-routine-active .tp2-meta{opacity:0;pointer-events:none;transform:translateY(-12px)}.tp2-root-routine-active .tp2-dots,.tp2-root-routine-active .tp2-info-text,.tp2-root-routine-active .tp2-info-actions,.tp2-root-routine-active .tp2-tabs,.tp2-root-routine-active .tp-mode-badge,.tp2-root-routine-active .tp2-crate-arrow{opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.2,.9,.2,1)}.tp2-root-routine-active .tp2-record{transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .45s cubic-bezier(.2,.9,.2,1),filter .45s cubic-bezier(.2,.9,.2,1),box-shadow 1s cubic-bezier(.16,1,.3,1)}.tp2-crate-wrap{perspective:1400px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:clamp(300px,52vh,560px);display:flex;position:relative}.tp2-crate-arrow{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffb3;cursor:pointer;background:#00000073;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.tp2-crate-arrow:hover:not(:disabled){color:#fff;background:#00b4ff33;border-color:#00c8ff66;transform:translateY(-50%)scale(1.08);box-shadow:0 0 32px #00c8ff40}.tp2-crate-arrow:disabled{opacity:.15;cursor:default}.tp2-arrow-left{left:32px}.tp2-arrow-right{right:32px}.tp2-crate{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.tp2-record{aspect-ratio:1;width:clamp(200px,28vw,380px);height:auto;transform-style:preserve-3d;transform-origin:50%;-webkit-box-reflect:below 3px linear-gradient(transparent 60%, #00000047 100%);background:#141428f2;border:1px solid #ffffff1a;border-radius:3px;flex-shrink:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .55s cubic-bezier(.2,.8,.2,1),filter .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s;position:absolute;overflow:hidden;box-shadow:0 20px 60px #000000b3}.tp2-record-active{border-radius:3px;box-shadow:0 0 0 1px #ffffff47,0 2px #00dcff2e,0 48px 96px #000000eb,0 0 80px #00b4ff2e!important}.tp2-record-img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;transform:scale(1.35)}.tp2-record-gradient{pointer-events:none;background:linear-gradient(#0000 50%,#000000bf 100%);position:absolute;inset:0}.tp2-record-select{opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:1px;cursor:pointer;white-space:nowrap;background:#000000bf;border:1px solid #00c8ff66;border-radius:99px;align-items:center;gap:7px;padding:9px 22px;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .22s;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)translateY(8px)}.tp2-record-active:hover .tp2-record-select{opacity:1;transform:translate(-50%)translateY(0)}.tp2-record-select:hover{background:#00b4ff4d;box-shadow:0 0 24px #00c8ff59}.tp2-fav-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffff80;cursor:pointer;opacity:0;background:#0009;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex;position:absolute;top:10px;right:10px}.tp2-record:hover .tp2-fav-btn,.tp2-record-active .tp2-fav-btn{opacity:1}.tp2-fav-btn:hover{color:#ff4d8a;background:#ff326459}.tp2-fav-btn.active{opacity:1;color:#ff4d8a;border-color:#ff326459}.tp2-record-local{color:#ffffff8c;background:#ffffff08;border:2px dashed #ffffff26;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.tp2-record-local-label{letter-spacing:2px;text-transform:uppercase;font-size:.85rem;font-weight:700}.tp2-meta{box-sizing:border-box;pointer-events:none;z-index:40;flex-direction:column;align-items:center;gap:16px;width:100%;padding:0 24px;transition:opacity .45s cubic-bezier(.2,.9,.2,1),transform .45s cubic-bezier(.2,.9,.2,1);display:flex;position:absolute;bottom:clamp(24px,5vh,60px);left:0;right:0}.tp2-meta>*{pointer-events:auto}.tp2-meta .tp2-info-text,.tp2-meta .tp2-local-picker{width:100%;max-width:760px}.tp2-info-text{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.tp2-info-title{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 24px #00b4ff26;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;max-width:800px;font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:800;overflow:hidden}.tp2-info-channel{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:1.1rem;overflow:hidden}.tp2-info-actions{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.tp2-fav-pill{color:#ffffff8c;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.tp2-fav-pill:hover{color:#ff4d8a;border-color:#ff326466}.tp2-fav-pill.active{color:#ff4d8a;background:#ff326414;border-color:#ff326466}.tp2-select-btn{color:#fff;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#06f 0%,#0cf 100%);border:none;border-radius:99px;align-items:center;gap:12px;padding:16px 42px;font-family:inherit;font-size:1.15rem;font-weight:800;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 24px #0078ff59,inset 0 1px #ffffff40}.tp2-select-btn:hover{transform:translateY(-2px);box-shadow:0 12px 44px #00a0ff80,inset 0 1px #ffffff4d}.tp2-select-btn:active{transform:translateY(0)}.tp2-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:60vw;display:flex}.tp2-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;width:6px;height:6px;padding:0;transition:all .2s}.tp2-dot.active{background:#00dcff;border-radius:3px;width:24px;box-shadow:0 0 8px #00dcff99}.tp2-dot:hover:not(.active){background:#ffffff73}.tp2-empty{color:#ffffff80;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 40px;display:flex}.tp2-empty p{margin:0;font-size:.95rem}.tp2-local-picker{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:640px;display:flex}.tp2-local-slots{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.tp2-local-slot{color:#ffffff80;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex:200px;align-items:center;gap:10px;max-width:280px;padding:10px 18px;font-family:inherit;font-size:.82rem;transition:all .18s;display:flex}.tp2-local-slot:hover{color:#ffffffd9;background:#00c8ff0f;border-color:#00c8ff4d}.tp2-local-slot.loaded{color:#00dcff;background:#00dcff0f;border-color:#00dcff73}.tp2-local-slot span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tp2-local-confirm{color:#fff;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#06f,#0cf);border:none;border-radius:99px;align-items:center;gap:8px;padding:11px 28px;font-family:inherit;font-size:.85rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 20px #0078ff4d}.tp2-local-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #00a0ff66}.tp2-local-confirm:disabled{opacity:.3;cursor:not-allowed}.tp2-search-hero{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:560px;padding:0 24px;display:flex}.tp2-search-hero-icon{color:#f03;opacity:.85;filter:drop-shadow(0 0 24px #f036)}.tp2-search-hero-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800}.tp2-search-hero-sub{color:#fff6;letter-spacing:.01em;margin:0;font-size:1rem}.tp2-search-hero-bar{box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:14px;width:100%;margin-top:8px;padding:14px 14px 14px 20px;transition:border-color .2s,box-shadow .2s;display:flex}.tp2-search-hero-bar:focus-within{border-color:#00c8ff73;box-shadow:0 0 0 3px #00c8ff14,0 8px 40px #00b4ff1f}.tp2-search-hero-bar .tp2-search-input{font-size:1.05rem}.tp2-search-hero-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06f,#0cf);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 4px 16px #0078ff59}.tp2-search-hero-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 24px #00a0ff80}.tp2-search-hero-btn:disabled{opacity:.3;cursor:default}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp-spin{animation:.8s linear infinite tp-spin;display:inline-block}.rp-root{--rp-card-width:clamp(200px, 28vw, 380px);--rp-gap:clamp(56px, 7vw, 110px);--rp-right-width:clamp(320px, 38vw, 560px);z-index:20;pointer-events:none;background:0 0;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:hidden;padding:0!important}.rp-root>*{pointer-events:auto}.rp-root-transition{opacity:1}.rp-root-transition .rp-topbar,.rp-root-transition .rp-list-col{opacity:0;pointer-events:none}.rp-root-settled .rp-topbar,.rp-root-settled .rp-list-col{opacity:1;pointer-events:auto}.rp-topbar{z-index:10;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:28px 48px 0;transition:opacity .35s cubic-bezier(.2,.9,.2,1) 80ms,transform .35s cubic-bezier(.2,.9,.2,1) 80ms;display:grid;position:relative;transform:translateY(-18px)}.rp-topbar-back{justify-content:flex-start;display:flex}.rp-root-settled .rp-topbar{transform:translateY(0)}.rp-topbar-title{letter-spacing:3px;text-transform:uppercase;color:#ffffff52;text-align:center;white-space:nowrap;grid-column:2;margin:0;font-size:.68rem;font-weight:800}.rp-stage{box-sizing:border-box;flex:1;min-height:0;padding:32px 60px 48px;position:relative}.rp-list-col{transform-origin:0;width:var(--rp-right-width,clamp(320px, 38vw, 520px));box-sizing:border-box;text-align:left;flex-direction:column;gap:16px;max-height:clamp(400px,70vh,680px);padding:10px 0;transition:opacity .38s cubic-bezier(.2,.9,.2,1) 20ms,transform .55s cubic-bezier(.16,1,.3,1) 20ms;display:flex;position:absolute;top:50%;left:calc(50% + 32px);transform:translateY(-50%)perspective(1200px)rotateY(-12deg)}.rp-root-transition .rp-list-col{opacity:0;transform:translateY(-50%)translate(24px)perspective(1200px)rotateY(-12deg)}.rp-root-settled .rp-list-col{opacity:1;transform:translateY(-50%)translate(0)perspective(1200px)rotateY(-12deg)}.rp-list-header{text-align:left;flex-direction:column;gap:6px;padding-bottom:4px;display:flex}.rp-list-eyebrow{letter-spacing:2.5px;text-transform:uppercase;color:#00dcffa6;margin-bottom:2px;font-size:.62rem;font-weight:800}.rp-list-track-title{color:#fff;letter-spacing:-.01em;-webkit-line-clamp:2;text-shadow:0 2px 20px #0078c826;-webkit-box-orient:vertical;margin:0;font-size:clamp(1.3rem,2.1vw,1.75rem);font-weight:900;line-height:1.15;display:-webkit-box;overflow:hidden}.rp-list-track-channel{color:#ffffff6b;letter-spacing:.2px;margin:0;font-size:.82rem;font-weight:600}.rp-controls{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:8px;margin-top:4px;display:flex}.rp-filter-toggle{color:#ffffff8c;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.68rem;font-weight:800;transition:all .18s;display:inline-flex}.rp-filter-toggle:hover,.rp-filter-toggle.active{color:#fff;background:#00c8ff14;border-color:#00c8ff4d}.rp-filter-row,.rp-sort-row{flex-wrap:wrap;gap:6px;animation:.2s ease-out both rp-fade-down;display:flex}@keyframes rp-fade-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rp-filter-btn{color:#fff6;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;padding:6px 16px;font-family:inherit;font-size:.7rem;font-weight:700;transition:all .18s}.rp-filter-btn.active{color:#fff;background:#ffffff1a;border-color:#ffffff40}.rp-sort-btn{color:#ffffff4d;letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:99px;align-items:center;gap:5px;padding:5px 13px;font-family:inherit;font-size:.68rem;font-weight:700;transition:all .18s;display:flex}.rp-sort-btn.active{color:#00dcff;background:#00c8ff1a;border-color:#00c8ff59}.rp-routine-list{flex-direction:column;flex:1;gap:7px;min-height:0;padding-right:6px;display:flex;overflow-y:auto}.rp-routine-list::-webkit-scrollbar{width:3px}.rp-routine-list::-webkit-scrollbar-track{background:0 0}.rp-routine-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.rp-routine-row{cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:12px;width:100%;padding:13px 15px;font-family:inherit;transition:background .18s,border-color .18s,transform .18s;display:flex}.rp-routine-row:hover{background:#ffffff14;border-color:#00c8ff38;transform:translate(3px)}.rp-routine-mode-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.rp-routine-mode-icon[data-mode=dance]{color:#ec4899;background:#ec489924}.rp-routine-mode-icon[data-mode=rhythm]{color:#00dcff;background:#00dcff1c}.rp-routine-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.rp-routine-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.rp-routine-meta{color:#ffffff52;align-items:center;gap:6px;font-size:.72rem;display:flex}.rp-routine-sep{background:#ffffff2e;border-radius:50%;width:3px;height:3px;display:inline-block}.rp-routine-stats{flex-shrink:0;align-items:center;gap:10px;display:flex}.rp-routine-diff{letter-spacing:.5px;text-transform:uppercase;font-size:.7rem;font-weight:800}.rp-routine-plays,.rp-routine-rating{color:#ffffff61;align-items:center;gap:3px;font-size:.75rem;display:flex}.rp-routine-play{color:#00dcff;background:#00c8ff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .18s,transform .18s;display:flex}.rp-routine-row:hover .rp-routine-play{background:#00c8ff40;transform:scale(1.1)}.rp-empty{text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:14px;max-width:420px;padding:24px 0;display:flex}.rp-empty-icon-wrap{color:#00dcff;background:linear-gradient(135deg,#0078ff2e,#00dcff14);border:1px solid #00c8ff40;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:2px;display:flex;box-shadow:0 8px 28px #008cff2e,inset 0 1px #ffffff14}.rp-empty-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:clamp(1.35rem,2vw,1.7rem);font-weight:900;line-height:1.15}.rp-empty-sub{color:#ffffff7a;max-width:380px;margin:0;font-size:.88rem;font-weight:500;line-height:1.6}.rp-empty-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.rp-gen-btn{color:#fff;letter-spacing:.2px;cursor:pointer;backface-visibility:hidden;-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#06f,#0cf);border:none;border-radius:99px;align-items:center;gap:10px;padding:13px 28px;font-family:inherit;font-size:.9rem;font-weight:800;transition:box-shadow .2s cubic-bezier(.16,1,.3,1),filter .2s;display:flex;transform:translateZ(0);box-shadow:0 6px 24px #0078ff66,inset 0 1px #fff3}.rp-gen-btn:hover{filter:brightness(1.08);box-shadow:0 10px 36px #00a0ff99,inset 0 1px #ffffff4d}.rp-upload-btn{display:none}.rp-empty-hint{letter-spacing:.5px;color:#10b981bf;background:#10b98114;border:1px solid #10b98138;border-radius:99px;align-items:center;gap:6px;margin:6px 0 0;padding:5px 11px;font-size:.7rem;font-weight:700;display:inline-flex}.rp-spinner{border:3px solid #ffffff1a;border-top-color:#ff2d78;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.auth-screen{flex-direction:column;justify-content:flex-start;align-items:center;display:flex;overflow-y:auto}.auth-topbar{z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:18px 28px;display:flex;position:relative}.auth-topbar .pm-logo{margin:0;position:absolute;left:50%;transform:translate(-50%)}.auth-card{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:440px;margin:24px auto 40px;padding:40px 36px 32px;position:relative;box-shadow:0 24px 64px #00000080,inset 0 0 0 1px #ffffff0f}.auth-card-header{text-align:center;margin-bottom:32px}.auth-title{letter-spacing:-.5px;color:#fff;margin:0 0 6px;font-size:1.75rem;font-weight:800}.auth-subtitle{color:#ffffff73;margin:0;font-size:.875rem}.auth-verify-icon{color:#00dcff;justify-content:center;margin-bottom:12px;display:flex}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{letter-spacing:.5px;text-transform:uppercase;color:#ffffff80;font-size:.75rem;font-weight:700}.auth-input-wrap{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;transition:border-color .2s,background .2s;display:flex;position:relative}.auth-input-wrap:focus-within{background:#00dcff0d;border-color:#00dcff80}.auth-input-wrap.auth-input-error{border-color:#ef444480}.auth-input-icon{color:#ffffff4d;pointer-events:none;flex-shrink:0;position:absolute;left:14px}.auth-input{color:#fff;background:0 0;border:none;border-radius:12px;outline:none;width:100%;padding:13px 14px 13px 42px;font-family:inherit;font-size:.9375rem}.auth-input::placeholder{color:#ffffff40}.auth-code-input{letter-spacing:6px;text-align:center;padding-left:14px;font-size:1.5rem;font-weight:700}.auth-pw-strength{align-items:center;gap:10px;margin-top:4px;display:flex}.auth-pw-bar{background:#ffffff1a;border-radius:99px;flex:1;height:3px;overflow:hidden}.auth-pw-fill{border-radius:99px;height:100%;transition:width .3s,background .3s}.auth-pw-label{letter-spacing:.5px;text-transform:uppercase;text-align:right;min-width:48px;font-size:.7rem;font-weight:700}.auth-field-error{color:#ef4444;font-size:.75rem}.auth-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;padding:10px 14px;font-size:.85rem;line-height:1.5}.auth-success{color:#6ee7b7;background:#10b9811f;border:1px solid #10b9814d;border-radius:10px;padding:10px 14px;font-size:.85rem}.auth-submit-btn{cursor:pointer;letter-spacing:.3px;color:#fff;background:linear-gradient(135deg,#ff2d78 0%,#7b00ff 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:14px 20px;font-family:inherit;font-size:.9375rem;font-weight:700;transition:opacity .2s,transform .1s;display:flex}.auth-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.4;cursor:not-allowed}.auth-spinner{animation:.7s linear infinite spin}.auth-footer{border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:24px;display:flex}.auth-footer-text{color:#fff6;font-size:.875rem}.auth-link-btn{cursor:pointer;color:#00dcff;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-family:inherit;font-size:.875rem;font-weight:700;transition:opacity .2s;display:inline-flex}.auth-link-btn:hover{opacity:.75}.auth-link-btn:disabled{opacity:.3;cursor:not-allowed}.ac-section-label{letter-spacing:1px;text-transform:uppercase;color:#ffffff4d;width:100%;max-width:860px;margin:0 auto;padding:0 4px;font-size:.7rem;font-weight:700}.ac-slumbr-section{width:100%;max-width:860px;margin:28px auto 20px;padding:0 4px}.ac-slumbr-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;flex-wrap:wrap;align-items:center;gap:20px;padding:22px 24px;display:flex}.ac-slumbr-loggedin{background:#00dcff0d;border-color:#00dcff40}.ac-slumbr-avatar{color:#00dcff;flex-shrink:0;position:relative}.ac-slumbr-avatar-guest{color:#ffffff40}.ac-slumbr-verified-badge{color:#fff;background:#10b981;border:2px solid #0a0a0f;border-radius:99px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:900;display:flex;position:absolute;bottom:-2px;right:-4px}.ac-slumbr-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ac-slumbr-label{letter-spacing:.5px;text-transform:uppercase;color:#fff6;font-size:.7rem;font-weight:700}.ac-slumbr-email{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:700;overflow:hidden}.ac-slumbr-sub{color:#ffffff4d;font-family:monospace;font-size:.72rem}.ac-slumbr-desc{color:#ffffff73;font-size:.85rem;line-height:1.5}.ac-slumbr-signout-btn{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:9px 18px;font-family:inherit;font-size:.8125rem;font-weight:700;transition:background .2s,color .2s;display:flex}.ac-slumbr-signout-btn:hover{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.ac-slumbr-auth-btns{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.ac-slumbr-signin-btn,.ac-slumbr-create-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:700;transition:opacity .2s,transform .1s;display:flex}.ac-slumbr-signin-btn:hover,.ac-slumbr-create-btn:hover{opacity:.85;transform:translateY(-1px)}.ac-slumbr-signin-btn{color:#fff;background:linear-gradient(135deg,#ff2d78 0%,#7b00ff 100%)}.ac-slumbr-create-btn{color:#fffc;background:#ffffff14;border:1px solid #ffffff26}.pm-player-chip-auth{background:#00dcff1f!important;border-color:#00dcff4d!important}.pm-player-verified{color:#10b981;margin-left:2px;font-size:.65rem;font-weight:900}.ac-cognito-list{flex-direction:column;gap:10px;margin-bottom:4px;padding:0 24px;display:flex}.ac-cognito-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;display:flex}.ac-local-list{flex-direction:column;gap:8px;margin-bottom:4px;padding:0 24px;display:flex}.ac-local-row{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.ac-local-name{color:#ffffffe6;cursor:pointer;flex:1;align-items:center;font-size:.95rem;font-weight:600;display:flex}.ac-local-name:hover{color:#fff}.ac-local-name-input{color:#fff;background:#ffffff1a;border:1px solid #00dcff66;border-radius:6px;outline:none;flex:1;padding:4px 8px;font-size:.9rem}.ac-local-stats{color:#ffffff59;white-space:nowrap;font-size:.72rem}.ac-assigned-badge{text-transform:uppercase;letter-spacing:.08em;color:#00dcff;border:1px solid #00dcff;border-radius:20px;padding:2px 7px;font-size:.65rem;font-weight:700}.ac-local-delete{color:#ff505080;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1.2rem;transition:color .2s}.ac-local-delete:hover:not(:disabled){color:#ff5050e6}.ac-local-delete:disabled{opacity:.25;cursor:not-allowed}.ac-avatar-btn{cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:4px 8px;font-size:1.4rem;transition:background .2s}.ac-avatar-btn:hover{background:#ffffff24}.ac-avatar-popup{z-index:200;background:#1a1a2e;border:1px solid #ffffff26;border-radius:10px;flex-wrap:wrap;gap:4px;width:180px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000080}.ac-create-profile-row{background:#00dcff0f;border:1px dashed #00dcff4d;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.ac-create-confirm-btn{color:#00dcff;cursor:pointer;background:#00dcff33;border:1px solid #00dcff66;border-radius:8px;padding:5px 14px;font-size:.85rem;font-weight:700;transition:background .2s}.ac-create-confirm-btn:hover:not(:disabled){background:#00dcff4d}.ac-create-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.ac-add-profile-btn{color:#ffffff80;cursor:pointer;background:#ffffff0a;border:1px dashed #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;transition:all .2s;display:flex}.ac-add-profile-btn:hover{color:#fffc;background:#ffffff12;border-color:#ffffff40}.ac-assign-list{flex-direction:column;gap:10px;margin-bottom:4px;padding:0 24px;display:flex}.ac-assign-row{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.ac-assign-badge{letter-spacing:.05em;color:#000;text-align:center;border-radius:20px;min-width:32px;padding:3px 10px;font-size:.75rem;font-weight:800}.ac-assign-select{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;outline:none;flex:1;padding:6px 10px;font-size:.9rem}.ac-assign-select:focus{border-color:#00dcff80}.ac-assign-avatar{font-size:1.4rem}.tp2-preview-wrap{z-index:80;border-radius:10px;flex-direction:column;width:240px;display:flex;position:absolute;bottom:20px;right:20px;overflow:hidden;box-shadow:0 8px 28px #0009,0 0 0 1px #ffffff1a}.tp2-preview-iframe{border:none;width:240px;height:135px;display:block}.tp2-preview-label{color:#ffffff80;letter-spacing:.06em;background:#000000b3;align-items:center;gap:4px;padding:3px 8px;font-size:.65rem;display:flex}.pw-split-root{flex:1;width:100%;height:100%;display:flex;overflow:hidden}.pw-split-panel{cursor:pointer;text-align:center;background:#ffffff05;border:none;border-right:1px solid #ffffff0f;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;padding:48px 40px;transition:flex .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.pw-split-panel:last-child{border-right:none}.pw-split-panel-lit{background:#ffffff08;flex:1.35}.pw-split-panel:before{content:"";background:var(--split-gradient);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.pw-split-panel-lit:before{opacity:.12}.pw-split-orb{filter:blur(80px);opacity:0;pointer-events:none;border-radius:50%;width:280px;height:280px;transition:opacity .4s;position:absolute;top:50%;left:50%;translate:-50% -50%}.pw-split-panel-lit .pw-split-orb{opacity:.35}.pw-split-tag{letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;z-index:1;border:1px solid #ffffff2e;border-radius:20px;margin-bottom:28px;padding:4px 14px;font-size:.65rem;font-weight:800;transition:color .3s,border-color .3s;position:relative}.pw-split-panel-lit .pw-split-tag{color:var(--split-border);border-color:var(--split-border)}.pw-split-icon{color:#ffffff40;z-index:1;margin-bottom:28px;transition:color .3s,transform .35s cubic-bezier(.34,1.56,.64,1);position:relative}.pw-split-panel-lit .pw-split-icon{color:#ffffffd9;transform:scale(1.08)translateY(-4px)}.pw-split-text{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.pw-split-title{letter-spacing:.05em;color:#fff3;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1;transition:color .3s}.pw-split-panel-lit .pw-split-title{color:#fff}.pw-split-tagline{color:#fff0;letter-spacing:.04em;margin:0;font-size:.9rem;font-weight:700;transition:color .3s}.pw-split-panel-lit .pw-split-tagline{color:#fff9}.pw-split-desc{color:#fff0;max-width:260px;margin:4px 0 0;font-size:.82rem;line-height:1.5;transition:color .3s 50ms}.pw-split-panel-lit .pw-split-desc{color:#ffffff6b}.pw-split-cta{z-index:1;letter-spacing:.06em;text-transform:uppercase;color:var(--split-border);opacity:0;border:1px solid var(--split-border);box-shadow:0 0 20px var(--split-glow);background:#ffffff12;border-radius:40px;align-items:center;gap:8px;margin-top:36px;padding:10px 28px;font-size:.9rem;font-weight:800;transition:opacity .3s 50ms,transform .3s 50ms;display:flex;position:relative;transform:translateY(8px)}.pw-split-panel-lit .pw-split-cta{opacity:1;transform:translateY(0)}.pw-split-border-overlay{pointer-events:none;border:2px solid #0000;border-radius:0;transition:border-color .3s;position:absolute;inset:0}.pw-split-panel-lit .pw-split-border-overlay{border-color:var(--split-border);opacity:.25}.pw-split-root:after{content:"";pointer-events:none;background:#ffffff14;width:1px;position:absolute;top:0;bottom:0;left:50%}.settings-wrap{background:#0d0d0d;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;font-family:system-ui,sans-serif;display:flex}.settings-card{flex-direction:column;gap:2rem;width:100%;max-width:520px;display:flex}.settings-header{align-items:center;gap:1rem;display:flex}.settings-back{color:#888;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;transition:color .15s}.settings-back:hover{color:#eee}.settings-title{color:#eee;margin:0;font-size:1.4rem;font-weight:700}.settings-section{flex-direction:column;gap:.75rem;display:flex}.settings-section h2{text-transform:uppercase;letter-spacing:.1em;color:#666;margin:0;font-size:.85rem;font-weight:700}.settings-hint{color:#555;margin:0;font-size:.85rem}.diff-btns,.ref-btns{flex-wrap:wrap;gap:.5rem;display:flex}.diff-btn,.ref-btn{color:#bbb;cursor:pointer;text-transform:capitalize;background:#1a1a1a;border:2px solid #333;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:border-color .15s,color .15s}.diff-btn:hover,.ref-btn:hover{color:#eee;border-color:#555}.diff-btn.active{color:#e040fb;border-color:#e040fb}.ref-btn.active{color:#00e5ff;border-color:#00e5ff}