*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:WavsFile;src:url(/fonts/LowerResolution.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#0a0a0a;--card:#111;--card-hover:#161616;--accent:#6366f1;--accent-dim:#6366f138;--text:#fff;--text-muted:#9ca3af;--border:#1f1f1f;--grad:linear-gradient(135deg, #3b82f6 0%, #a855f7 100%);--btn-gradient:radial-gradient(circle at 50% 50%, #c16bfd, #004aad);--btn-gradient-cancel:radial-gradient(circle at 50% 50%, red, #870000);--nav-bg:#0a0a0af5;--radius:0px;--chrome:#1a1a1a;--chrome-face:#202020;--bevel-hl:#4a4a4a;--bevel-hl-in:#2e2e2e;--bevel-sh:#000;--bevel-sh-in:#0d0d0d;--title-grad:linear-gradient(90deg, #004aad 0%, #c16bfd 100%);--solid-danger:#c40000;--font-brand:"Press Start 2P", monospace;--font-pixel:"Press Start 2P", monospace;--font-ui:"Geist Pixel", "Segoe UI", Tahoma, sans-serif;--raised:inset 1px 1px var(--bevel-hl), inset -1px -1px var(--bevel-sh), inset 2px 2px var(--bevel-hl-in), inset -2px -2px var(--bevel-sh-in);--sunken:inset 1px 1px var(--bevel-sh), inset -1px -1px var(--bevel-hl), inset 2px 2px var(--bevel-sh-in), inset -2px -2px var(--bevel-hl-in)}[data-theme=light]{--bg:#c8c8cf;--card:#fff;--card-hover:#efefef;--accent:#6366f1;--accent-dim:#6366f126;--text:#0a0a0a;--text-muted:#4b4b55;--border:#808088;--nav-bg:#d8d8defa;--chrome:#d8d8de;--chrome-face:#ececf0;--bevel-hl:#fff;--bevel-hl-in:#ececed;--bevel-sh:#404048;--bevel-sh-in:#9a9aa5}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);min-height:100vh;line-height:1.6}button{isolation:isolate;position:relative}.btn-primary{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:100%;padding:.75rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:background .2s,color .2s,border-color .2s}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-register:not(:disabled):before,.btn-register:not(:disabled):hover:before,.btn-register:not(:disabled):active:before{opacity:1}.btn-register:not(:disabled),.btn-register:not(:disabled):hover,.btn-register:not(:disabled):active{color:#fff!important;filter:none!important;border-color:#0000!important}.btn-ghost{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.45rem 1.1rem;font-family:inherit;font-size:.86rem;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:var(--accent);color:var(--text)}[data-theme=light] .btn-ghost{border-color:#999}[data-theme=light] .btn-ghost:hover{border-color:var(--accent)}[data-theme=light] .btn-nav,[data-theme=light] .btn-cta{border-color:#999}.btn-ghost svg{color:var(--accent)}.btn-ghost:hover svg,.btn-ghost:active svg{color:#fff!important}.btn-profile-icon{cursor:pointer;opacity:.85;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.35rem;transition:opacity .25s,background .25s;display:flex}.btn-profile-icon:hover{opacity:1}.btn-profile-icon svg path{transition:fill .25s}.editor-btn-cancel:not(:disabled):before,.icon-btn.danger:not(:disabled):before,.btn-modal-cancel:not(:disabled):before,.btn-modal-delete:not(:disabled):before,.pf-close:not(:disabled):before,.btn-close-player:not(:disabled):before,.btn-logout:not(:disabled):before,.btn-ghost.danger:not(:disabled):before{background:var(--btn-gradient-cancel)}button:not(:disabled){transition:none}.pf-play:before{content:none}.form-group{margin-bottom:.85rem}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:block}.form-group input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:8px;outline:none;padding:.65rem .9rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-group input:focus{border-color:var(--accent)}.form-error{color:#fca5a5;background:#6366f11a;border:1px solid #6366f14d;border-radius:7px;margin-bottom:1rem;padding:.6rem .85rem;font-size:.82rem}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f117 0%,#0000 70%);width:600px;height:600px;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.auth-bg{z-index:0;pointer-events:none;background:#000;position:fixed;inset:0;overflow:hidden}.auth-bg:after{content:"";z-index:1;--f:blur(3em) brightness(9);background-image:radial-gradient(circle,#0000 0 2px,#0a0a0f 2px);background-size:8px 8px;animation:5s ease-in-out infinite auth-bg-hue;position:absolute;inset:0}@keyframes auth-bg-hue{0%{-webkit-backdrop-filter:var(--f) hue-rotate(0deg);backdrop-filter:var(--f) hue-rotate(0deg)}25%{-webkit-backdrop-filter:var(--f) hue-rotate(-25deg);backdrop-filter:var(--f) hue-rotate(-25deg)}28%{-webkit-backdrop-filter:var(--f) hue-rotate(0deg);backdrop-filter:var(--f) hue-rotate(0deg)}32%{-webkit-backdrop-filter:var(--f) hue-rotate(-20deg);backdrop-filter:var(--f) hue-rotate(-20deg)}39%{-webkit-backdrop-filter:var(--f) hue-rotate(0deg);backdrop-filter:var(--f) hue-rotate(0deg)}40%{-webkit-backdrop-filter:var(--f) hue-rotate(-20deg);backdrop-filter:var(--f) hue-rotate(-20deg)}41%{-webkit-backdrop-filter:var(--f) hue-rotate(0deg);backdrop-filter:var(--f) hue-rotate(0deg)}42%{-webkit-backdrop-filter:var(--f) hue-rotate(-25deg);backdrop-filter:var(--f) hue-rotate(-25deg)}44%{-webkit-backdrop-filter:var(--f) hue-rotate(0deg);backdrop-filter:var(--f) hue-rotate(0deg)}58%{-webkit-backdrop-filter:var(--f) hue-rotate(-20deg);backdrop-filter:var(--f) hue-rotate(-20deg)}64%{-webkit-backdrop-filter:var(--f) hue-rotate(0deg);backdrop-filter:var(--f) hue-rotate(0deg)}80%{-webkit-backdrop-filter:var(--f) hue-rotate(-25deg);backdrop-filter:var(--f) hue-rotate(-25deg)}to{-webkit-backdrop-filter:var(--f) hue-rotate(0deg);backdrop-filter:var(--f) hue-rotate(0deg)}}.auth-bg:before{content:"";--c:#6366f1;--c1:#a855f7;background-image:radial-gradient(4px 100px at 0px 235px, var(--c), #0000), radial-gradient(4px 100px at 300px 235px, var(--c), #0000), radial-gradient(3px 4px at 150px 117.5px, var(--c1) 100%, #0000 150%), radial-gradient(4px 100px at 0px 252px, var(--c), #0000), radial-gradient(4px 100px at 300px 252px, var(--c), #0000), radial-gradient(3px 4px at 150px 126px, var(--c1) 100%, #0000 150%), radial-gradient(4px 100px at 0px 150px, var(--c), #0000), radial-gradient(4px 100px at 300px 150px, var(--c), #0000), radial-gradient(3px 4px at 150px 75px, var(--c1) 100%, #0000 150%), radial-gradient(4px 100px at 0px 253px, var(--c), #0000), radial-gradient(4px 100px at 300px 253px, var(--c), #0000), radial-gradient(3px 4px at 150px 126.5px, var(--c1) 100%, #0000 150%), radial-gradient(4px 100px at 0px 204px, var(--c), #0000), radial-gradient(4px 100px at 300px 204px, var(--c), #0000), radial-gradient(3px 4px at 150px 102px, var(--c1) 100%, #0000 150%), radial-gradient(4px 100px at 0px 134px, var(--c), #0000), radial-gradient(4px 100px at 300px 134px, var(--c), #0000), radial-gradient(3px 4px at 150px 67px, var(--c1) 100%, #0000 150%), radial-gradient(4px 100px at 0px 179px, var(--c), #0000), radial-gradient(4px 100px at 300px 179px, var(--c), #0000), radial-gradient(3px 4px at 150px 89.5px, var(--c1) 100%, #0000 150%), radial-gradient(4px 100px at 0px 299px, var(--c), #0000), radial-gradient(4px 100px at 300px 299px, var(--c), #0000), radial-gradient(3px 4px at 150px 149.5px, var(--c1) 100%, #0000 150%), radial-gradient(4px 100px at 0px 215px, var(--c), #0000), radial-gradient(4px 100px at 300px 215px, var(--c), #0000), radial-gradient(3px 4px at 150px 107.5px, var(--c1) 100%, #0000 150%), radial-gradient(4px 100px at 0px 281px, var(--c), #0000), radial-gradient(4px 100px at 300px 281px, var(--c), #0000), radial-gradient(3px 4px at 150px 140.5px, var(--c1) 100%, #0000 150%), radial-gradient(4px 100px at 0px 158px, var(--c), #0000), radial-gradient(4px 100px at 300px 158px, var(--c), #0000), radial-gradient(3px 4px at 150px 79px, var(--c1) 100%, #0000 150%), radial-gradient(4px 100px at 0px 210px, var(--c), #0000), radial-gradient(4px 100px at 300px 210px, var(--c), #0000), radial-gradient(3px 4px at 150px 105px, var(--c1) 100%, #0000 150%);background-size:300px 235px,300px 235px,300px 235px,300px 252px,300px 252px,300px 252px,300px 150px,300px 150px,300px 150px,300px 253px,300px 253px,300px 253px,300px 204px,300px 204px,300px 204px,300px 134px,300px 134px,300px 134px,300px 179px,300px 179px,300px 179px,300px 299px,300px 299px,300px 299px,300px 215px,300px 215px,300px 215px,300px 281px,300px 281px,300px 281px,300px 158px,300px 158px,300px 158px,300px 210px,300px 210px,300px 210px;animation:150s linear infinite auth-bg-rain;position:absolute;inset:-145%;rotate:-45deg}@keyframes auth-bg-rain{0%{background-position:0 220px,3px 220px,151.5px 337.5px,25px 24px,28px 24px,176.5px 150px,50px 16px,53px 16px,201.5px 91px,75px 224px,78px 224px,226.5px 350.5px,100px 19px,103px 19px,251.5px 121px,125px 120px,128px 120px,276.5px 187px,150px 31px,153px 31px,301.5px 120.5px,175px 235px,178px 235px,326.5px 384.5px,200px 121px,203px 121px,351.5px 228.5px,225px 224px,228px 224px,376.5px 364.5px,250px 26px,253px 26px,401.5px 105px,275px 75px,278px 75px,426.5px 180px}to{background-position:0 6800px,3px 6800px,151.5px 6917.5px,25px 13632px,28px 13632px,176.5px 13758px,50px 5416px,53px 5416px,201.5px 5491px,75px 17175px,78px 17175px,226.5px 17301.5px,100px 5119px,103px 5119px,251.5px 5221px,125px 8428px,128px 8428px,276.5px 8495px,150px 9876px,153px 9876px,301.5px 9965.5px,175px 13391px,178px 13391px,326.5px 13540.5px,200px 14741px,203px 14741px,351.5px 14848.5px,225px 18770px,228px 18770px,376.5px 18910.5px,250px 5082px,253px 5082px,401.5px 5161px,275px 6375px,278px 6375px,426.5px 6480px}}.auth-box{background:var(--card);border:1px solid var(--border);z-index:1;border-radius:16px;width:100%;max-width:370px;padding:1.65rem 2.25rem;position:relative}.auth-logo{letter-spacing:-.03em;text-align:center;margin-bottom:0;font-size:1.25rem;font-weight:800}.auth-logo span{color:var(--accent)}.auth-box h2{margin-bottom:1rem;font-size:1.15rem;font-weight:700}.auth-link{text-align:center;color:var(--text-muted);margin-top:1.25rem;font-size:.82rem}.auth-link a{color:var(--accent);cursor:pointer;text-decoration:none}.auth-link a:hover{text-decoration:underline}.btn-google{background:var(--card);border:1.5px solid var(--accent);width:100%;max-width:320px;color:var(--text);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:.6rem;margin:0 auto;padding:.65rem 1.25rem;font-size:.9rem;font-weight:500;transition:background .2s,border-color .2s;display:flex}.btn-google:hover{background:var(--card-hover);border-color:#818cf8}.profile-content{text-align:center;max-width:480px;margin:0 auto;padding:2rem 1rem}.profile-avatar-wrap{flex-direction:column;align-items:center;display:flex}.profile-avatar{background:var(--card);border:2px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;transition:border-color .2s;display:flex;overflow:hidden}.profile-avatar:hover{border-color:var(--accent)}.profile-avatar img{object-fit:cover;width:100%;height:100%}.avatar-initials{color:var(--text-muted);font-size:3.6rem;font-weight:700;line-height:1}.avatar-lightbox{z-index:1000;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.avatar-lightbox img{object-fit:contain;cursor:default;border-radius:8px;max-width:90vw;max-height:90vh}.avatar-lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1.25rem}.profile-name{margin-top:.75rem;font-size:1.1rem;font-weight:600}.plan-card{background:var(--card);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;max-width:320px;margin:2rem auto 0;padding:.85rem 1.1rem;display:flex}.plan-label{font-size:.95rem;font-weight:600}.usage-card{background:var(--card);border:1px solid var(--border);border-radius:10px;max-width:360px;margin:1rem auto 0;padding:1rem 1.2rem}.usage-head{color:var(--text-muted);justify-content:space-between;margin-bottom:.6rem;font-size:.85rem;display:flex}.usage-track{background:#ffffff14;border-radius:6px;width:100%;height:10px;overflow:hidden}.usage-fill{border-radius:6px;height:100%;transition:width .4s,background .4s}.theme-toggle-card{background:var(--card);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;max-width:360px;margin:1rem auto 0;padding:1rem 1.2rem;display:flex}.theme-toggle-label{color:var(--text-muted);font-size:.88rem}.profile-pix{text-align:left;flex-direction:column;align-items:flex-start;gap:.65rem;max-width:360px;margin:1rem auto 0;padding:1rem 1.2rem}.profile-pix .contact-pix__info{gap:.6rem}.profile-pix .contact-card__label{font-size:.8rem}.profile-pix .contact-card__handle{font-size:.72rem}.profile-pix .contact-pix__btn{font-size:.5rem}.theme-switch{background:var(--border);cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;width:44px;height:24px;transition:background .25s;position:relative}.theme-switch--light{background:var(--accent)}.theme-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;display:block;position:absolute;top:3px;left:3px}.theme-switch--light .theme-switch-thumb{transform:translate(20px)}.profile-menu{background:var(--card);border:1px solid var(--border);z-index:100;border-radius:8px;min-width:150px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 20px #0006}.profile-menu button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.88rem;display:flex}.profile-menu button:hover{background:var(--card-hover)}.profile-menu button.danger{color:#ef4444}.friends-content{max-width:560px;margin:0 auto;padding:2rem 1rem}.friends-title{margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.friends-add-form{align-items:flex-end;gap:.6rem;display:flex}.friends-section{margin-top:2rem}.friends-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.85rem;font-weight:600}.friends-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.friend-row{background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}.friend-avatar{background:var(--card-hover);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%}.friend-avatar-initial{color:var(--text-muted);font-size:1.1rem;font-weight:700}.friend-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.friend-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.friend-username{color:var(--text-muted);font-size:.78rem}.friend-actions{flex-shrink:0;gap:.4rem;display:flex}.friends-empty{color:var(--text-muted);margin-top:.5rem;font-size:.88rem}.char-counter{color:#555;float:right;font-size:.72rem;font-weight:400}.recover-instructions{border:1px solid var(--border);color:var(--text-muted);text-align:center;background:#6366f10f;border-radius:8px;margin-bottom:1.25rem;padding:.8rem .95rem;font-size:.82rem;line-height:1.5}.captcha-row{align-items:center;gap:.6rem;display:flex}.captcha-img{border:1px solid var(--border);object-fit:cover;background:#f3f3f7;border-radius:7px;flex-shrink:0;width:150px;height:50px}.captcha-loading{color:#777;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.btn-reload{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;transition:border-color .2s,color .2s;display:flex}.btn-reload:hover{border-color:var(--accent);color:var(--text)}.captcha-input{flex:1;min-width:0}.field-error{color:#fca5a5;margin-top:.3rem;font-size:.72rem;display:block}.input-hint{color:#555;margin-top:.25rem;font-size:.68rem;display:block}.input-wrapper{position:relative}.input-wrapper input{padding-right:2.75rem}.btn-show-pass{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;line-height:0;transition:color .2s;display:flex;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.btn-show-pass:before{content:none!important}.btn-show-pass:hover,.btn-show-pass:active{color:var(--accent)!important;transform:translateY(-50%)!important}.pass-strength{margin-top:.45rem}.strength-bar{background:var(--border);border-radius:99px;height:3px;margin-bottom:.25rem;overflow:hidden}.strength-fill{border-radius:99px;height:100%;transition:width .3s,background-color .3s}.strength-label{font-size:.68rem;font-weight:600}.pass-requirements{flex-direction:column;gap:.2rem;margin-top:.5rem;padding:0;list-style:none;display:flex}.pass-requirements li{color:#555;align-items:center;gap:.4rem;font-size:.68rem;transition:color .2s;display:flex}.pass-requirements li.met{color:#22c55e}.icon-btn{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;padding:0;transition:border-color .15s,color .15s;display:flex}.icon-btn:hover{border-color:var(--accent);color:var(--text)}.icon-btn.danger:hover{color:var(--text);border-color:#0000}.icon-btn:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.notes-section{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.75rem}.notes-header{align-items:baseline;gap:.6rem;margin-bottom:1rem;display:flex}.notes-header h3{letter-spacing:-.01em;font-size:1rem;font-weight:700}.notes-count{color:var(--text-muted);font-size:.76rem}.voice-recorder{flex-wrap:wrap;align-items:center;display:flex}.btn-record{color:var(--text);cursor:pointer;background:0 0;border:1px dashed #2a2a2a;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-family:inherit;font-size:.85rem;transition:border-color .2s,color .2s;display:flex}.btn-record svg{color:var(--accent)}.btn-record:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.btn-record:disabled{opacity:.5;cursor:not-allowed}.btn-record.recording:before{opacity:1}.btn-record.recording{color:#fff;border-style:solid;border-color:#0000}.rec-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1s infinite recPulse}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.3}}.note-list{flex-direction:column;gap:.4rem;margin-top:1rem;display:flex}.note-item{background:var(--card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .85rem;transition:border-color .2s;display:flex}.note-item.playing{border-color:var(--accent)}.note-item .icon-btn{color:var(--accent)}.note-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.84rem;overflow:hidden}.btn-back{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-family:inherit;font-size:.83rem;transition:border-color .2s,color .2s;display:flex}.btn-back:hover{border-color:var(--accent);color:var(--text)}.app-nav{border-bottom:1px solid var(--border);background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;justify-content:space-between;align-items:center;padding:1.1rem 2rem;display:flex;position:sticky;top:0}.nav-logo{letter-spacing:-.03em;font-size:1.1rem;font-weight:800}.nav-logo span{color:var(--accent)}.nav-logo .nav-logo-admin{color:#ffffffe0;-webkit-text-fill-color:#ffffffe0}[data-theme=light] .nav-logo .nav-logo-admin{color:#a855f7;-webkit-text-fill-color:#a855f7}.brand-gradient{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-footer{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);text-align:center;color:var(--text-muted);z-index:50;padding:.75rem 2rem;font-size:.76rem;font-style:italic;position:fixed;bottom:0;left:0;right:0}.page-content{padding-bottom:3.5rem}body.player-active .page-content{padding-bottom:5.5rem}.btn-nav-icon{position:relative}.notif-badge{color:#fff;border:1px solid var(--bevel-sh);min-width:1.15rem;height:1.15rem;font-size:.62rem;font-weight:700;font-family:var(--font-pixel);pointer-events:none;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;padding:0 .25rem;line-height:1;display:flex;position:absolute;top:-.35rem;right:-.35rem}.home-content{max-width:900px;margin:0 auto;padding:2.5rem 2rem 1.5rem}.home-header{margin-bottom:1.25rem}.home-header h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.home-sub{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.25rem;display:grid}.folder-card{cursor:pointer}.folder-cover{aspect-ratio:1;background:var(--card);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:100%;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.folder-card:hover .folder-cover{border-color:var(--accent);transform:translateY(-2px)}.folder-cover img{object-fit:cover;width:100%;height:100%}.folder-lock{font-size:.75rem;position:absolute;top:.4rem;right:.4rem}.folder-info{justify-content:space-between;align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.folder-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;font-weight:600;overflow:hidden}.btn-edit-folder{color:#555;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.3rem;transition:color .2s}.btn-edit-folder:hover{color:var(--accent)}.folder-card-add .folder-cover{isolation:isolate;border-style:solid;border-color:#2a2a2a;transition:border-color .2s}.folder-card-add .folder-cover:before{content:"";background:var(--btn-gradient);opacity:0;z-index:-1;transition:opacity .28s;position:absolute;inset:0}.folder-card-add .folder-cover:hover{border-color:#0000}.folder-card-add .folder-cover:hover:before{opacity:1}.folder-card-add svg{color:#333;transition:color .2s}.folder-card-add .folder-cover:hover svg{color:#fff}.btn-play-all{background:var(--btn-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin-top:4rem;transition:color .25s;display:flex}.btn-play-all:before{display:none!important}.folder-content{max-width:720px;margin:0 auto;padding:2rem 2rem 4rem}.folder-top{align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.folder-cover-large{border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-shrink:0;width:240px;height:240px;transition:border-color .2s;position:relative;overflow:hidden}.folder-cover-large:hover{border-color:var(--accent)}.folder-cover-large img{object-fit:cover;width:100%;height:100%;display:block}.cover-overlay{opacity:0;letter-spacing:.1em;text-transform:uppercase;background:#0000008c;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.folder-cover-large:hover .cover-overlay{opacity:1}.folder-meta h2{letter-spacing:-.02em;margin-bottom:.3rem;font-size:1.35rem;font-weight:700}.song-counter{color:var(--text-muted);margin-bottom:.75rem;font-size:.78rem}.folder-name-row{align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.folder-name-display{letter-spacing:-.02em;cursor:pointer;font-size:1.35rem;font-weight:700}.folder-name-display:hover{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.folder-name-input{letter-spacing:-.02em;resize:none;color:var(--text);width:100%;caret-color:var(--accent);cursor:text;background:0 0;border:none;outline:none;height:34px;margin:0;padding:0;font-family:inherit;font-size:1.35rem;font-weight:700;line-height:34px;overflow:hidden}.cover-lock-btn{color:#fff;cursor:pointer;z-index:2;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:.5rem;left:.5rem}.cover-lock-btn:hover{background:#000c}.cover-pass-input{align-items:flex-end;gap:.75rem;margin-top:.6rem;display:flex}.form__group{flex:1;width:100%;padding:20px 0 0;position:relative}.form__field{border:none;border-bottom:2px solid var(--text-muted);width:100%;color:var(--text);background:0 0;outline:0;padding:7px 0;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form__field::placeholder{color:#0000}.form__field:placeholder-shown~.form__label{cursor:text;font-size:.95rem;top:20px}.form__label{color:var(--text-muted);pointer-events:none;font-size:.75rem;transition:all .2s;display:block;position:absolute;top:0}.form__field:focus{border-width:3px;border-image:linear-gradient(90deg,#3b82f6,#a855f7) 1;padding-bottom:6px;font-weight:600}.form__field:focus~.form__label{color:var(--accent);font-size:.75rem;font-weight:600;top:0}.form__label--static{font-weight:600;color:var(--accent)!important;font-size:.75rem!important;top:0!important}.form__field:required,.form__field:invalid{box-shadow:none}.sort-mode-active{background:var(--btn-gradient)!important;color:#fff!important;border-color:#0000!important}.song-item.dragging{opacity:.35}.song-item[draggable=true]{cursor:grab}.song-item[draggable=true]:active{cursor:grabbing}.song-detail-row{justify-content:space-between;align-items:center;margin:.75rem 0;font-size:.88rem;display:flex}.song-detail-section{flex-direction:column;gap:.35rem;margin:.9rem 0;font-size:.88rem;display:flex}.song-detail-value{flex-direction:column;gap:.2rem;padding-left:.25rem;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.detail-date{color:var(--text-muted);padding-left:36px;font-size:.75rem}.detail-muted{color:var(--text-muted);font-size:.85rem;font-style:italic}.song-detail-user{align-items:center;gap:.5rem;display:flex}.song-list{flex-direction:column;gap:.4rem;display:flex}.song-item{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.7rem 1rem;transition:border-color .2s,background .2s;display:flex}.song-item:hover{background:var(--card-hover);border-color:#2a2a2a}.song-item.playing{border-color:var(--accent)!important}.song-num{color:var(--accent);text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.72rem;font-weight:600;display:inline-flex}.song-item.playing .song-num{color:var(--accent)}.song-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;overflow:hidden}.song-plays{color:var(--text);flex-shrink:0;margin-right:.25rem;font-size:.68rem}.song-actions{flex-shrink:0;gap:.5rem;display:flex}.song-actions button{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-family:inherit;font-size:.85rem;transition:border-color .15s,color .15s;display:flex}.song-actions button:hover{border-color:var(--accent);color:var(--text)}.song-actions .btn-delete:hover{color:var(--text);border-color:#0000}.song-actions button:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.btn-add-song{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;font-family:inherit;font-size:.85rem;transition:border-color .2s,color .2s;display:flex}.btn-add-song:hover{border-color:var(--accent);color:var(--text)}.btn-add-song:disabled{opacity:.5;cursor:not-allowed}.songs-full-msg{text-align:center;color:#555;margin-top:1rem;font-size:.78rem}.folder-pix{margin-top:2rem}.modal-overlay{z-index:500;background:#000000c7;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:400px;padding:1.75rem}.modal h3{margin-bottom:1.25rem;font-size:1rem;font-weight:700}.modal-sub{color:var(--text-muted);margin-bottom:1.25rem;font-size:.82rem}.modal-cover-preview{aspect-ratio:1;background:var(--card);cursor:pointer;border:1px solid #2a2a2a;border-radius:10px;justify-content:center;align-items:center;width:100%;max-height:180px;margin-bottom:.6rem;transition:border-color .2s;display:flex;overflow:hidden}.modal-cover-preview:hover{border-color:var(--accent)}.modal-cover-preview img{object-fit:cover;width:100%;height:100%}.cover-hint{text-align:center;color:#555;padding:1rem;font-size:.78rem;line-height:1.6}.cover-warning{color:#f59e0b;margin-bottom:.75rem;font-size:.72rem}.pass-status{color:#555;float:right;font-size:.7rem;font-weight:400}.modal-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.btn-modal-save{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:7px;flex:1;min-width:80px;padding:.65rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:background .2s,color .2s,border-color .2s}.btn-modal-save:disabled{opacity:.6;cursor:not-allowed}.btn-modal-cancel{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:7px;padding:.65rem 1rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,color .2s}.btn-modal-cancel:hover{color:var(--text);border-color:#555}.btn-modal-delete{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:7px;padding:.65rem 1rem;font-family:inherit;font-size:.875rem;transition:background .2s}.btn-modal-delete:hover{background:#ef44441a}.btn-remove-pass{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:6px;margin-bottom:.75rem;padding:.35rem .75rem;font-family:inherit;font-size:.75rem;display:block}@media (width<=640px){.auth-box{padding:1.5rem}.app-nav{padding:1rem 1.25rem}.folder-top{flex-direction:column;align-items:center}.folder-cover-large{width:150px;height:150px}.player-info,.player-vol,.pf-vol{display:none}}@keyframes player-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}#player-bar.closing{pointer-events:none;animation:.3s forwards player-slide-down}#player-bar{background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:200;padding:.8rem 1.5rem;position:fixed;bottom:0;left:0;right:0}.player-inner{align-items:center;gap:1.25rem;max-width:1200px;margin:0 auto;display:flex}.player-controls{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.player-controls button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;font-family:inherit;font-size:.65rem;transition:color .25s,border-color .25s,background .25s,transform .12s;display:flex}.player-controls button:hover{border-color:var(--accent);color:var(--text)}.player-controls button:disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.btn-play-pause{border-color:var(--border)!important;width:2.6rem!important;height:2.6rem!important;color:var(--text-muted)!important;font-size:.85rem!important}.player-info{flex:0 0 200px;min-width:0}.player-song-name{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;display:block;overflow:hidden}.player-folder-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;display:block;overflow:hidden}.player-progress{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.player-time{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:.68rem}.player-vol{flex-shrink:0;position:relative}@keyframes vol-slide-up{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.vol-popup{border:1px solid var(--border);z-index:10;background:#121212f7;border-radius:10px;justify-content:center;align-items:center;padding:.75rem .6rem;animation:.18s vol-slide-up;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.vol-icon{cursor:pointer;color:var(--accent);-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:50%;align-items:center;padding:.2rem;transition:color .2s;display:flex}.vol-icon:hover{color:var(--text)}input[type=range]{appearance:none;background:var(--border);cursor:pointer;border-radius:99px;outline:none;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:13px;height:13px}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px}#player-seek{flex:1}#player-vol-range{writing-mode:vertical-rl;cursor:pointer;direction:rtl;width:3px!important;height:80px!important}.btn-close-player{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;align-items:center;padding:.3rem;transition:color .2s;display:flex}.btn-close-player:hover{color:var(--text)}#player-vol-range::-webkit-slider-thumb{transition:background .2s}#player-vol-range:hover::-webkit-slider-thumb{background:#fff}#player-vol-range:active::-webkit-slider-thumb{background:#fff}#player-vol-range::-moz-range-thumb{transition:background .2s}#player-vol-range:hover::-moz-range-thumb{background:#fff}#player-vol-range:active::-moz-range-thumb{background:#fff}#player-seek::-webkit-slider-thumb{transition:background .2s}#player-seek:hover::-webkit-slider-thumb{background:#fff}#player-seek:active::-webkit-slider-thumb{background:#fff}#player-seek::-moz-range-thumb{transition:background .2s}#player-seek:hover::-moz-range-thumb{background:#fff}#player-seek:active::-moz-range-thumb{background:#fff}.pf-progress input[type=range]::-webkit-slider-thumb{transition:background .2s}.pf-progress input[type=range]:hover::-webkit-slider-thumb{background:#fff}.pf-progress input[type=range]:active::-webkit-slider-thumb{background:#fff}.pf-progress input[type=range]::-moz-range-thumb{transition:background .2s}.pf-progress input[type=range]:hover::-moz-range-thumb{background:#fff}.pf-progress input[type=range]:active::-moz-range-thumb{background:#fff}.pf-vol input[type=range]::-webkit-slider-thumb{transition:background .2s}.pf-vol input[type=range]:hover::-webkit-slider-thumb{background:#fff}.pf-vol input[type=range]:active::-webkit-slider-thumb{background:#fff}.pf-vol input[type=range]::-moz-range-thumb{transition:background .2s}.pf-vol input[type=range]:hover::-moz-range-thumb{background:#fff}.pf-vol input[type=range]:active::-moz-range-thumb{background:#fff}.btn-fullscreen{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;transition:border-color .2s,color .2s;display:flex}.btn-fullscreen:hover{border-color:var(--accent);color:var(--text)}.player-fullscreen{z-index:300;background:#000;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow:hidden auto}.pf-card{z-index:1;background:var(--chrome-face);border:2px solid var(--bevel-sh);width:100%;max-width:380px;box-shadow:var(--raised), 0 20px 60px #0000008c;flex-direction:column;display:flex;position:relative}.pf-titlebar{background:var(--title-grad);color:#fff;justify-content:space-between;align-items:center;padding:.5rem .4rem .5rem .75rem;display:flex}.pf-titlebar-text{font-family:var(--font-pixel);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.pf-close{background:var(--chrome-face);border:1px solid var(--bevel-sh);box-shadow:var(--raised);color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;display:flex}.pf-close:hover{color:#fff;background:#e81123;border-color:#900}.pf-content{flex-direction:column;align-items:center;gap:1rem;padding:1.1rem 1.1rem .9rem;display:flex}.pf-cover{border:1px solid var(--bevel-sh);width:220px;max-width:60vw;height:220px;max-height:35vh;box-shadow:var(--sunken);overflow:hidden}.pf-cover img{object-fit:cover;width:100%;height:100%;display:block}.pf-cover-ph{background:var(--grad);color:#fffc;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pf-display{text-align:center;color:#0f0;border:1px solid var(--bevel-sh);width:100%;min-width:0;box-shadow:var(--sunken);background:#000;padding:.55rem .7rem}.pf-title{white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:.78rem;font-weight:700;display:block;overflow:hidden}.pf-sub{opacity:.75;margin-top:.2rem;font-family:monospace;font-size:.66rem;display:block}.pf-progress{align-items:center;gap:.6rem;width:100%;display:flex}.pf-progress input[type=range]{flex:1}.pf-transport{justify-content:center;align-items:center;gap:.6rem;display:flex}.pf-transport button{background:var(--chrome-face);box-shadow:var(--raised);color:var(--text);cursor:pointer;justify-content:center;align-items:center;width:2.4rem;height:2.2rem;display:flex;border:1px solid var(--bevel-sh)!important}.pf-transport button:hover:not(:disabled){filter:brightness(1.15)}.pf-transport button:active:not(:disabled){box-shadow:var(--sunken)}.pf-transport button:disabled{opacity:.35;cursor:not-allowed}.pf-btn.active{color:#fff;background:var(--accent)!important}.pf-play{width:3rem;height:2.6rem}.pf-vol{align-items:center;gap:.6rem;width:100%;display:flex}.pf-vol input[type=range]{flex:1}.pf-vol .vol-icon{color:var(--text-muted)}.pf-vol .vol-icon:hover{color:var(--text)}.pf-notes{background:var(--chrome-face);border:1px solid var(--bevel-sh);width:100%;box-shadow:var(--sunken);padding:.75rem}.pf-notes-head{font-family:var(--font-pixel);letter-spacing:0;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.58rem;display:flex}.pf-notes-status{color:var(--accent)}.pf-notes textarea{resize:vertical;background:var(--bg);border:1px solid var(--bevel-sh);width:100%;min-height:90px;box-shadow:var(--sunken);color:var(--text);font-size:.85rem;font-family:var(--font-ui);outline:none;padding:.6rem .7rem}.pf-notes textarea:focus{border-color:var(--accent)}.pf-statusbar{border-top:1px solid var(--bevel-hl);box-shadow:inset 0 1px 0 var(--bevel-sh-in);justify-content:space-between;align-items:center;padding:.35rem .6rem;display:flex}.pf-status-text,.pf-status-vol{font-family:var(--font-pixel);letter-spacing:0;color:var(--text-muted);background:var(--chrome-face);border:1px solid var(--bevel-sh);box-shadow:var(--sunken);padding:.2rem .45rem;font-size:.52rem}.pf-status-text{flex:1;margin-right:.5rem}.landing-nav{border-bottom:1px solid var(--border);background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex;position:sticky;top:0}.btn-nav{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;padding:.5rem 1.35rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,color .2s,background .2s}.btn-nav:hover{border-color:var(--accent);color:var(--text);background:#6366f112}.btn-cta{background:var(--btn-gradient);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:1.2rem 3.2rem;font-family:inherit;font-size:1.15rem;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .15s,box-shadow .2s;animation:2.4s ease-in-out infinite btn-cta-pulse;display:inline-block;box-shadow:0 4px 20px #004aad59}.btn-cta:hover{animation-play-state:paused;transform:translateY(-2px)scale(1.03);box-shadow:0 8px 34px #c16bfd80}@keyframes btn-cta-pulse{0%,to{box-shadow:0 4px 20px #004aad59}50%{box-shadow:0 4px 30px #c16bfd8c}}.btn-cta.vhs-filter{position:relative}.btn-cta.vhs-filter:before,.btn-cta.vhs-filter:after{content:attr(data-text);pointer-events:none;opacity:0;mix-blend-mode:screen;width:100%;height:100%;font:inherit;font-weight:inherit;color:inherit;justify-content:center;align-items:center;transition:transform .4s,opacity .2s;display:flex;position:absolute;top:0;left:0}.btn-cta.vhs-filter:before{filter:url(#vhs-r);transform:translate(3px,4px)}.btn-cta.vhs-filter:after{filter:url(#vhs-g);transform:translate(-4px,-2px)}.btn-cta.vhs-filter:hover:before,.btn-cta.vhs-filter:hover:after{opacity:1}.music-wave{justify-content:space-between;align-items:center;width:min(300px,60vw);height:70px;margin:10rem auto 0;display:flex}.music-wave-bar{background:linear-gradient(#a855f7 0%,#3b82f6 100%);border-radius:10px;width:8%;height:2px;animation:1.5s ease-in-out infinite music-wave-loader}.music-wave-bar:first-child{animation-delay:1s}.music-wave-bar:nth-child(2){animation-delay:.8s}.music-wave-bar:nth-child(3){animation-delay:.6s}.music-wave-bar:nth-child(4){animation-delay:.4s}.music-wave-bar:nth-child(5),.music-wave-bar:nth-child(6){animation-delay:.2s}.music-wave-bar:nth-child(7){animation-delay:.4s}.music-wave-bar:nth-child(8){animation-delay:.6s}.music-wave-bar:nth-child(9){animation-delay:.8s}.music-wave-bar:nth-child(10){animation-delay:1s}@keyframes music-wave-loader{0%,to{height:2px}50%{height:70px}}.landing-page{position:relative}.hero{text-align:center;padding:3rem 2rem 6.5rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f121 0%,#0000 68%);width:700px;height:700px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.hero>*{z-index:2;position:relative}.hero-brand{justify-content:center;align-items:baseline;gap:.35em;margin-bottom:2rem;display:flex}.hero-brand-vs{letter-spacing:-.04em;background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1}.hero-brand-ap{letter-spacing:-.02em;color:var(--text-muted);font-size:clamp(1.4rem,4vw,2.8rem);font-weight:700;line-height:1}.hero h1{letter-spacing:-.04em;margin-bottom:.9rem;font-size:clamp(2.6rem,6vw,4.75rem);font-weight:800;line-height:1.08}.hero h1 span{color:#b785ec}.hero-tagline{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.25rem;font-size:.75rem;font-weight:700}.hero p{color:var(--text-muted);max-width:500px;margin:0 auto 2.75rem;font-size:1.1rem;line-height:1.7}.features{max-width:1120px;margin:0 auto;padding:5rem 2.5rem 6rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{letter-spacing:-.03em;margin-bottom:.6rem;font-size:clamp(1.75rem,4vw,2.4rem);font-weight:700}.section-header p{color:var(--text-muted);font-size:.975rem}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.85rem;margin-bottom:1.5rem;font-size:.7rem;font-weight:700;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.section-label.soon{color:var(--accent);margin-top:3rem}.section-label.soon:after{background:var(--accent-dim)}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem;display:grid}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.75rem;transition:border-color .25s,background .25s,transform .2s,box-shadow .25s;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--accent);background:var(--card-hover);transform:translateY(-3px);box-shadow:0 12px 40px #6366f11f}.feature-card.soon{opacity:.65}.feature-card.soon:hover{opacity:1}.card-icon{width:2.25rem;height:2.25rem;color:var(--accent);transition:color .2s}.feature-card:hover .card-icon{color:#fff}.landing-pix{margin-top:3rem}.feature-card .vhs-filter{margin-bottom:1.1rem;display:inline-block;position:relative}.vhs-filter .card-icon{margin-bottom:0;display:block}.feature-card:hover .vhs-filter__base{opacity:0}.feature-card:hover .vhs-filter__r,.feature-card:hover .vhs-filter__g,.feature-card:hover .vhs-filter__b{opacity:1}.feature-card h3{margin-bottom:.45rem;font-size:.95rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.84rem;line-height:1.6}.badge-soon{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-dim);background:#6366f11a;border-radius:99px;padding:.22rem .6rem;font-size:.6rem;font-weight:800;position:absolute;top:1.1rem;right:1.1rem}.landing-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);background:var(--nav-bg);padding:2.5rem;font-size:.82rem}.landing-footer strong{color:var(--text);font-weight:700}.footer-tagline{color:var(--text-muted);margin-top:.4rem;font-size:.75rem;font-style:italic}.ios-install-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ios-install-card{background:var(--card,#14141a);border:1px solid var(--border,#ffffff1f);text-align:left;max-width:340px;color:var(--text);border-radius:14px;padding:1.5rem}.ios-install-card h3{color:var(--text);margin:0 0 .75rem}.ios-install-card ol{color:var(--text-muted);margin:0 0 1.25rem;padding-left:1.2rem;line-height:1.7}.ios-install-card p{color:var(--text-muted);margin:0 0 1.25rem;font-size:.9rem;line-height:1.6}.ios-install-card strong{color:var(--text)}.ios-install-card .btn-primary{width:100%}.ios-install-card .install-hint-foot{text-align:center;margin:.9rem 0 0;font-size:.8rem}.ios-install-card .install-hint-foot a{color:var(--accent);text-decoration:underline}.about-page{max-width:820px;min-height:100vh;margin:0 auto;padding:1.25rem 1.25rem 4rem}.about-nav{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.about-nav a{text-decoration:none}.about-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}.about-photo{object-fit:cover;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:180px;height:180px;display:flex;box-shadow:0 8px 30px #0006}.about-name{letter-spacing:.02em;margin-top:1.1rem;font-size:2.6rem}.about-bio{font-size:1.05rem;line-height:1.75}.about-bio p{margin:0 0 1.15rem}.about-bio strong{color:#be79f9}.about-brand{font-size:1.35em;font-family:var(--font-brand);vertical-align:middle;display:inline-block}.about-welcome{opacity:.9;margin-top:1.5rem;font-style:italic}.landing-nav-actions{align-items:center;gap:.6rem;display:flex}.about-contact{margin-top:3.5rem}.contact-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.contact-card{background:var(--card);border:1px solid var(--border);text-align:center;color:var(--text);border-radius:14px;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem 1rem;text-decoration:none;transition:border-color .25s,background .25s,transform .2s,box-shadow .25s;display:flex}.contact-card svg{color:var(--accent);transition:color .2s}.contact-card:hover{border-color:var(--accent);background:var(--btn-gradient);color:#fff;transform:translateY(-3px);box-shadow:0 12px 40px #6366f11f}.contact-card:hover svg,.contact-card:hover .contact-card__handle{color:#fff}.contact-card__label{font-size:.85rem;font-weight:700}.contact-card__handle{color:var(--text-muted);font-size:.78rem;transition:color .2s}.contact-pix{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.contact-pix__info{color:var(--accent);align-items:center;gap:.85rem;display:flex}.contact-pix__info>div{color:var(--text);flex-direction:column;gap:.15rem;display:flex}.contact-pix__btn{flex-shrink:0;align-items:center;gap:.45rem;display:flex}@media (width<=600px){.about-photo{width:140px;height:140px}.about-name{font-size:2.1rem}.about-bio{font-size:1rem}.contact-pix{flex-direction:column;align-items:flex-start}}.editor-screen{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.editor-header{border-bottom:1px solid var(--border);background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.editor-btn-cancel{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:.45rem 1rem;font-family:inherit;font-size:.85rem;transition:border-color .2s,color .2s}.editor-btn-cancel:hover:not(:disabled){color:var(--text);border-color:#555}.editor-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.editor-title-block{text-align:center;flex:1;min-width:0}.editor-song-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.editor-folder-name{color:var(--text-muted);margin-top:.1rem;font-size:.72rem}.editor-btn-save{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem 1.25rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:flex}.editor-btn-save:disabled{opacity:.5;cursor:not-allowed}.editor-body{flex-direction:column;flex:1;align-items:stretch;width:100%;max-width:800px;margin:0 auto;padding:2rem 2rem 4rem;display:flex;overflow-y:auto}.editor-loading{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:.875rem;display:flex}.editor-waveform-wrap{border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-shrink:0;width:100%;height:100px;overflow:hidden}.waveform-canvas{width:100%;height:100%;display:block}.editor-transport{justify-content:center;align-items:center;gap:1.25rem;margin-top:1.25rem;display:flex}.editor-time{color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:2.5rem;font-size:.78rem}.editor-play-btn{border:1px solid var(--accent);width:3rem;height:3rem;color:var(--accent);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.editor-play-btn:hover{background:#6366f126}.editor-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin-top:2rem;margin-bottom:1.25rem;padding-bottom:.5rem;font-size:.65rem;font-weight:800}.editor-controls{flex-direction:column;gap:1.75rem;display:flex}.editor-control-group{flex-direction:column;gap:.5rem;display:flex}.editor-control-row{justify-content:space-between;align-items:baseline;display:flex}.editor-control-name{font-size:.82rem;font-weight:600}.editor-control-val{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.editor-slider{width:100%}.editor-slider::-webkit-slider-thumb{transition:background .2s}.editor-slider:hover::-webkit-slider-thumb{background:#fff}.editor-slider:active::-webkit-slider-thumb{background:#fff}.editor-slider::-moz-range-thumb{transition:background .2s}.editor-slider:hover::-moz-range-thumb{background:#fff}.editor-slider:active::-moz-range-thumb{background:#fff}.editor-slider-marks{color:#555;justify-content:space-between;margin-top:.15rem;font-size:.65rem;display:flex}.editor-unsupported{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:8px;margin-top:2rem;padding:.75rem 1rem;font-size:.82rem;line-height:1.5}.editor-save-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444440;border-radius:8px;margin-top:1rem;padding:.6rem .85rem;font-size:.82rem}.editor-pix{margin-top:2rem}.share-pix{max-width:720px;margin:0 auto 4.5rem}.folder-shared-badge{background:var(--accent-dim);color:var(--accent);white-space:nowrap;border-radius:9999px;padding:.15rem .45rem;font-size:.7rem;font-weight:600}.share-section{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.share-section:first-of-type{border-top:none;margin-top:0;padding-top:0}.share-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.65rem;font-size:.75rem;font-weight:600}.share-add-member{align-items:flex-end;gap:.6rem;display:flex}.share-add-member .form__group{flex:1;min-width:0;padding-top:20px}.share-add-member select{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:6px;flex-shrink:0;max-width:6.5rem;padding:.4rem .45rem;font-family:inherit!important;font-size:.68rem!important}.share-add-member button{flex-shrink:0;padding:.45rem .75rem;font-size:.72rem}.share-members-list{flex-direction:column;gap:.4rem;margin-top:.75rem;list-style:none;display:flex}.share-member-row{background:var(--card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.share-member-info{flex-direction:column;flex:1;min-width:0;display:flex}.share-member-row select{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:6px;flex-shrink:0;padding:.35rem .4rem;font-family:inherit!important;font-size:.68rem!important}.share-link-row{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem .4rem .4rem .85rem;display:flex}.share-link{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;text-decoration:none;overflow:hidden}.share-link:hover{color:var(--accent);text-decoration:underline}.btn-copy{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background .2s,color .2s,border-color .2s;display:flex}.share-pass-block{margin-top:.5rem}.share-pass-status{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.share-pass-status span{align-items:center;gap:.4rem;display:flex}.share-pass-form{flex-direction:column;gap:.6rem;display:flex}.share-pass-actions{gap:.5rem;display:flex}.share-pass-actions .btn-modal-cancel,.share-pass-actions .btn-modal-save{flex:1}.btn-link-danger{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.78rem;text-decoration:underline}.share-screen{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.share-loading{color:var(--text-muted);flex:1;justify-content:center;align-items:center;min-height:100vh;font-size:.9rem;display:flex}.share-error{text-align:center;min-height:100vh;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.share-error p{color:var(--text);font-size:1.05rem;font-weight:700}.share-error span{font-size:.82rem}.share-cover-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:3rem 2rem;display:flex;position:relative}.share-cover-stage:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:700px;height:700px;position:fixed;top:35%;left:50%;transform:translate(-50%,-50%)}.share-folder-wrap{aspect-ratio:1;cursor:pointer;z-index:1;width:min(360px,82vw);position:relative}.share-folder-back,.share-folder-front{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.share-folder-back{z-index:1}.share-folder-front{z-index:3}.share-folder-cover{z-index:2;object-fit:cover;transform-origin:50% 100%;border-radius:2px;width:54%;height:48%;transition:transform .45s cubic-bezier(.4,0,.2,1);position:absolute;top:2%;left:26%}.share-folder-cover.entering{transform:scale(.3)translateY(140%)}.share-folder-ph{z-index:2;background:var(--card);transform-origin:50% 100%;justify-content:center;align-items:center;width:54%;height:48%;transition:transform .45s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:2%;left:26%}.share-folder-ph.entering{transform:scale(.3)translateY(140%)}.share-cover-title{letter-spacing:-.02em;text-align:center;z-index:1;font-size:clamp(1.4rem,4vw,2rem);font-weight:800}.share-cover-lock{color:var(--text-muted);z-index:1;align-items:center;gap:.4rem;font-size:.76rem;display:flex}.share-pass-gate{z-index:1;flex-direction:column;gap:.7rem;width:100%;max-width:280px;display:flex}.share-foot{text-align:center;letter-spacing:-.02em;color:var(--text-muted);padding:1.5rem;font-size:.85rem;font-weight:800}.share-foot span{color:var(--accent)}.share-cta{background:var(--accent-dim);border:1px solid var(--accent);color:var(--text);border-radius:8px;margin-bottom:1rem;padding:.65rem .9rem;font-size:.82rem}.share-cta a{color:var(--accent);font-weight:700;text-decoration:none}.share-cta a:hover{text-decoration:underline}.song-item.locked{opacity:.5;cursor:default}.song-item.locked:hover{border-color:var(--border);background:var(--card)}.song-lock{color:#555;flex-shrink:0;align-items:center;padding:0 .35rem;display:flex}.admin-content{max-width:1100px;margin:0 auto;padding:2rem 2rem 4rem}.admin-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.admin-empty{color:var(--text-muted);padding:1rem 0;font-size:.85rem}.muted{color:var(--text-muted)}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.15rem;padding:1.1rem 1.2rem;display:flex}.kpi-icon{color:var(--accent);margin-bottom:.4rem}.kpi-value{letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.kpi-label{color:var(--text-muted);font-size:.78rem}.kpi-sub{color:#16a34a;margin-top:.15rem;font-size:.7rem}.admin-section{margin-bottom:2.5rem}.admin-section h2{align-items:center;gap:.45rem;margin-bottom:.3rem;font-size:1rem;font-weight:700;display:flex}.admin-section h2 svg{color:var(--accent)}.admin-section-sub{color:var(--text-muted);margin-bottom:1rem;font-size:.75rem}.access-chart{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:flex-end;gap:3px;height:160px;padding:1rem .75rem 1.75rem;display:flex;overflow-x:auto}.chart-col{flex-direction:column;flex:1;align-items:center;min-width:14px;height:100%;display:flex;position:relative}.chart-bar-wrap{flex-direction:column-reverse;flex:1;align-items:stretch;gap:1px;width:100%;display:flex}.chart-bar{border-radius:2px 2px 0 0;width:100%;min-height:0}.chart-bar.ok{background:#22c55e}.chart-bar.fail{background:#ef4444}.chart-x{color:#555;font-size:.6rem;position:absolute;bottom:-1.4rem}.chart-total{display:none}.top-list{flex-direction:column;gap:.4rem;padding:0;list-style:none;display:flex}.top-list li{background:var(--card);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .85rem;font-size:.84rem;display:flex}.top-list li em{color:var(--text-muted);font-size:.76rem;font-style:normal}.top-list li strong{color:var(--accent)}.admin-table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.8rem}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:#ffffff05;padding:.65rem .75rem;font-size:.68rem;font-weight:700}.admin-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.6rem .75rem}.admin-table tr:last-child td{border-bottom:none}.admin-table tr.row-banned{background:#ef44440d}.admin-actions{gap:.3rem;display:flex}.flag{white-space:nowrap;border-radius:99px;margin:.1rem .15rem .1rem 0;padding:.12rem .45rem;font-size:.62rem;font-weight:700;display:inline-block}.flag-banned{color:#fca5a5;background:#ef444426}.flag-brute{color:#fbbf24;background:#f59e0b26}.flag-storage{color:#a5b4fc;background:#6366f126}.flag-ok{color:#22c55e;display:inline-flex}.susp-ips{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.susp-ip{color:#fca5a5;background:#ef444414;border:1px solid #ef444440;border-radius:7px;padding:.25rem .6rem;font-size:.74rem}.susp-ip strong{color:#ef4444}.ban-select-row{align-items:center;gap:.25rem;display:flex}.ban-select{background:var(--card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:5px;outline:none;max-width:90px;padding:.2rem .35rem;font-family:inherit;font-size:.72rem}.ban-select:focus{border-color:var(--accent)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%,-120%)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-120%)}}.toast{background:var(--card);border:1px solid var(--border);color:var(--text);z-index:9999;white-space:nowrap;border-radius:8px;align-items:center;gap:.75rem;padding:.45rem .6rem .45rem 1rem;font-size:.82rem;animation:.28s toast-slide-in;display:flex;position:fixed;top:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000080}.toast-close{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:5px;padding:.15rem .4rem;font-size:.7rem;line-height:1;transition:border-color .15s,color .15s}.toast-close:hover{border-color:var(--accent);color:var(--text)}.toast-close:before{content:none}.toast-exit{animation:.28s forwards toast-slide-out}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--card) 25%, #1c1c1c 50%, var(--card) 75%);background-size:200% 100%;border-radius:6px;animation:1.4s infinite shimmer}@keyframes spin{to{transform:rotate(360deg)}}.spinner{vertical-align:middle;border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes loading-bar{0%{left:-40%}to{left:100%}}.spinner-lg{border:2px solid var(--border);border-top-color:var(--border);border-radius:0;width:150px;height:14px;animation:none;display:inline-flex;position:relative;overflow:hidden}.spinner-lg:before{content:"";background-image:linear-gradient(90deg, var(--accent) 60%, transparent 60%);background-repeat:repeat-x;background-size:8px 100%;width:40%;animation:1.3s linear infinite loading-bar;position:absolute;top:0;bottom:0}@media (prefers-reduced-motion:reduce){.spinner-lg:before{animation-duration:2.4s}}.glitch-icon{animation:6s infinite glitch-title-skew;position:relative}.glitch-icon__base{display:block;position:relative}.glitch-icon__1,.glitch-icon__2{pointer-events:none;mix-blend-mode:screen;margin:auto;position:absolute;inset:0}.glitch-icon__1{color:#a855f7;opacity:.6;animation:2s linear infinite alternate-reverse glitch-title-1}.glitch-icon__2{color:#3b82f6;opacity:.6;animation:2s linear infinite alternate-reverse glitch-title-2}.vhs-filter__base{transition:opacity .2s}.vhs-filter__r,.vhs-filter__g,.vhs-filter__b{mix-blend-mode:screen;opacity:0;pointer-events:none;margin:auto;transition:transform .4s,opacity .2s;position:absolute;inset:0}.vhs-filter__r{filter:url(#vhs-r);transform:translate(3px,4px)}.vhs-filter__g{filter:url(#vhs-g);transform:translate(-4px,-2px)}.vhs-filter__b{filter:url(#vhs-b)}.btn-play-all:hover .vhs-filter__base{opacity:0}.btn-play-all:hover .vhs-filter__r,.btn-play-all:hover .vhs-filter__g,.btn-play-all:hover .vhs-filter__b{opacity:1}.brand-glitch{isolation:isolate;display:inline-block;position:relative}.brand-glitch:after{content:"";opacity:.4;mix-blend-mode:multiply;pointer-events:none;z-index:4;-webkit-mask-image:var(--brand-logo-src,url(/logo-wordmark.png));-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--brand-logo-src,url(/logo-wordmark.png));mask-image:var(--brand-logo-src,url(/logo-wordmark.png));background:repeating-linear-gradient(0deg,#111 0 1px,#0000 2px 5px) 0 0/100% 5px;animation:2s ease-out infinite glitch-lines;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.glitch-r,.glitch-g,.glitch-b{mix-blend-mode:screen;pointer-events:none;margin:auto;animation:1.4s infinite glitch-giggle;position:absolute;top:0;left:0;right:0}.glitch-r{filter:brightness(0)saturate()invert(13%)sepia(94%)saturate(7000%)hue-rotate();animation-name:glitch-giggle-r}.glitch-g{filter:brightness(0)saturate()invert(60%)sepia(90%)saturate(2000%)hue-rotate(75deg);animation-delay:-.67s}.glitch-b{filter:brightness(0)saturate()invert(20%)sepia(90%)saturate(3000%)hue-rotate(200deg);animation-name:glitch-giggle-b;animation-delay:-.33s}.glitch-base{position:relative}.brand-glitch--hero{width:min(520px,88vw);margin:0 auto}.brand-glitch--auth{width:160px;max-width:62%;margin:0 auto}.text-glitch{position:relative}.text-glitch:before,.text-glitch:after{content:attr(data-text);pointer-events:none;opacity:.85;mix-blend-mode:screen;background:0 0;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial;width:100%;height:100%;animation:1.4s infinite glitch-giggle;position:absolute;top:0;left:0}.text-glitch:before{color:#ff2b4e;animation-name:glitch-giggle-r}.text-glitch:after{color:#2bb6ff;animation-name:glitch-giggle-b;animation-delay:-.33s}.glitch-title{animation:6s infinite glitch-title-skew;display:inline-block;position:relative}.glitch-title:before,.glitch-title:after{content:attr(data-text);pointer-events:none;background:0 0;-webkit-background-clip:initial;background-clip:initial;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-title:before{color:#a855f7;-webkit-text-fill-color:#a855f7;text-shadow:1px 0 #3b82f6,-1px 0 #22d3ee;z-index:-1;opacity:.6;animation:2s linear infinite alternate-reverse glitch-title-1}.glitch-title:after{color:#3b82f6;-webkit-text-fill-color:#3b82f6;text-shadow:1px 0 #a855f7,-1px 0 #ec4899;z-index:-2;opacity:.6;animation:2s linear infinite alternate-reverse glitch-title-2}@keyframes glitch-title-skew{0%,to{transform:skew(0deg)}3%{transform:skew(.6deg)}6%{transform:skew(-.6deg)}10%,90%{transform:skew(0deg)}}@keyframes glitch-title-1{0%,to{clip-path:inset(0);opacity:.4;transform:translate(0)}10%{clip-path:inset(20% 0 30%);opacity:.55;transform:translate(-1.5px,1px)}30%{clip-path:inset(40% 0);opacity:.55;transform:translate(-1.5px,1.5px)}50%{clip-path:inset(30% 0 50%);opacity:.45;transform:translate(-1px,1px)}70%{clip-path:inset(80% 0 10%);opacity:.4;transform:translate(-1px,1px)}80%{clip-path:inset(15% 0 70%);opacity:.5;transform:translate(1px,-1px)}}@keyframes glitch-title-2{0%,to{clip-path:inset(0);opacity:.4;transform:translate(0)}10%{clip-path:inset(60% 0 20%);opacity:.3;transform:translate(1.5px,-1px)}30%{clip-path:inset(10% 0 70%);opacity:.35;transform:translate(1.5px,-1.5px)}50%{clip-path:inset(70% 0 10%);opacity:.25;transform:translate(1px,-1px)}70%{clip-path:inset(50% 0 30%);opacity:.4;transform:translate(1px,-1px)}80%{clip-path:inset(80% 0 10%);opacity:.3;transform:translate(-1px,1px)}}@keyframes glitch-giggle{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}@keyframes glitch-giggle-r{0%,to{transform:translate(-2px,-2px)}50%{transform:translate(-2px,2px)}}@keyframes glitch-giggle-b{0%,to{transform:translate(2px,-2px)}50%{transform:translate(2px,2px)}}@keyframes glitch-lines{0%{background-position:0 0}to{background-position:0 25px}}*{border-radius:0!important}.nav-logo,.auth-logo,.brand-gradient,.hero-brand-vs,.hero-brand-ap,.hero h1,.section-header h2,.home-header h1,.folder-meta h2,.friends-title,.admin-title{font-family:var(--font-brand);letter-spacing:0}.form-group label,.section-label,.friends-section-title,.share-section-title,.detail-label,.editor-section-label,.pf-notes-head,.kpi-label{font-family:var(--font-pixel);letter-spacing:0;font-size:.62rem}.brand-logo{image-rendering:pixelated;display:block}h1,h2,h3{font-family:var(--font-pixel);letter-spacing:0}.auth-box h2{font-size:.9rem;line-height:1.6}.hero h1{font-size:clamp(1.5rem,4.5vw,2.6rem);line-height:1.3}.section-header h2{font-size:clamp(1.2rem,3.5vw,1.8rem);line-height:1.35}.home-header h1,.admin-title,.friends-title,.folder-meta h2{font-size:1.05rem;line-height:1.45}.admin-section h2{font-size:.8rem;line-height:1.5}.notes-header h3{font-size:.6rem;line-height:1.6}.auth-link{font-family:var(--font-pixel);font-size:.52rem;line-height:2}.btn-primary,.btn-ghost,.btn-nav,.btn-cta,.btn-back,.btn-add-song,.btn-google,.btn-modal-save,.btn-modal-cancel,.btn-modal-delete,.btn-remove-pass,.btn-register,.editor-btn-cancel,.editor-btn-save,.btn-record{letter-spacing:0;font-size:.5rem;line-height:1.6}.btn-primary,.btn-ghost,.btn-nav,.btn-cta,.btn-back,.btn-record,.btn-add-song,.btn-google,.btn-modal-save,.btn-modal-cancel,.btn-modal-delete,.btn-remove-pass,.btn-register,.icon-btn,.song-actions button,.player-controls button,.editor-btn-cancel,.editor-btn-save,.editor-play-btn,.btn-reload,.btn-fullscreen,.btn-copy,.toast-close,.ban-select,.share-add-member select,.pf-transport button{box-shadow:var(--raised);background:var(--chrome-face);color:var(--text);font-family:var(--font-pixel);transition:filter .1s;border:1px solid var(--bevel-sh)!important}.btn-primary:not(:disabled):hover,.btn-ghost:not(:disabled):hover,.btn-nav:not(:disabled):hover,.btn-cta:not(:disabled):hover,.btn-back:not(:disabled):hover,.btn-record:not(:disabled):hover,.btn-add-song:not(:disabled):hover,.btn-google:not(:disabled):hover,.btn-modal-save:not(:disabled):hover,.btn-modal-cancel:not(:disabled):hover,.icon-btn:not(:disabled):hover,.song-actions button:not(:disabled):hover,.player-controls button:not(:disabled):hover,.editor-btn-cancel:not(:disabled):hover,.editor-btn-save:not(:disabled):hover,.btn-reload:not(:disabled):hover,.btn-fullscreen:not(:disabled):hover,.btn-copy:not(:disabled):hover{filter:brightness(1.12)}.btn-primary:not(:disabled):active,.btn-ghost:not(:disabled):active,.btn-nav:not(:disabled):active,.btn-cta:not(:disabled):active,.btn-back:not(:disabled):active,.btn-record:not(:disabled):active,.btn-add-song:not(:disabled):active,.btn-google:not(:disabled):active,.btn-modal-save:not(:disabled):active,.btn-modal-cancel:not(:disabled):active,.btn-modal-delete:not(:disabled):active,.btn-register:not(:disabled):active,.icon-btn:not(:disabled):active,.song-actions button:not(:disabled):active,.player-controls button:not(:disabled):active,.editor-btn-cancel:not(:disabled):active,.editor-btn-save:not(:disabled):active,.btn-reload:not(:disabled):active,.btn-fullscreen:not(:disabled):active,.btn-copy:not(:disabled):active,.pf-transport button:not(:disabled):active{box-shadow:var(--sunken);filter:brightness(.95)}.btn-primary,.btn-cta,.btn-add-song,.btn-register,.btn-play-all,.sort-mode-active,.btn-record.recording{box-shadow:var(--raised);font-family:var(--font-brand);background:var(--accent)!important;color:#fff!important;border:1px solid var(--bevel-sh)!important}.btn-play-all:after{content:none!important}.pf-play{box-shadow:var(--raised);background:var(--accent)!important;color:#fff!important}.btn-modal-delete,.btn-remove-pass,.btn-ghost.danger,.icon-btn.danger{box-shadow:var(--raised);background:var(--solid-danger)!important;color:#fff!important;border:1px solid var(--bevel-sh)!important}.btn-ghost.danger svg,.icon-btn.danger svg{color:#fff!important}.btn-show-pass,.btn-edit-folder,.vol-icon,.btn-close-player,.pf-close,.toast-close{box-shadow:none;background:0 0;border:none!important}.btn-profile-icon,.btn-nav-icon{box-shadow:var(--raised);background:var(--chrome-face);cursor:pointer;justify-content:center;align-items:center;padding:.4rem;transition:filter .1s;display:flex;border:1px solid var(--bevel-sh)!important}.btn-profile-icon:not(:disabled):hover,.btn-nav-icon:not(:disabled):hover{filter:brightness(1.12);opacity:1}.btn-profile-icon:not(:disabled):active,.btn-nav-icon:not(:disabled):active{box-shadow:var(--sunken)}.btn-nav-icon svg{color:var(--accent)}.btn-tool{align-items:center;gap:.35rem;padding:.35rem .85rem;display:flex}.btn-tool svg{transform:translateY(-.4px)}.form-group input,.form__field,textarea,.pf-notes textarea,select,.captcha-input,input[type=text],input[type=password],input[type=email]{box-shadow:var(--sunken);background:var(--chrome);color:var(--text);font-family:var(--font-ui);border:1px solid var(--bevel-sh)!important}.form-group input:focus,.form__field:focus,textarea:focus,select:focus,.pf-notes textarea:focus{outline-offset:-4px;outline:1px dotted var(--text)!important;border-color:var(--bevel-sh)!important;border-image:!important}.feature-card,.kpi-card,.plan-card,.usage-card,.theme-toggle-card,.friend-row,.song-item,.note-item,.folder-cover,.folder-cover-large,.modal-cover-preview,.toast,.top-list li,.admin-table-wrap,.share-link-row,.share-member-row,.friend-avatar,.profile-avatar,.recover-instructions,.vol-popup,.profile-menu,.kpi-card{background:var(--chrome);border:1px solid var(--bevel-sh)!important;box-shadow:var(--raised)!important}.feature-card:hover,.friend-row:hover,.song-item:hover,.kpi-card:hover,.folder-card:hover .folder-cover,.folder-cover-large:hover,.feature-card:hover,.modal-cover-preview:hover{transform:none!important}.feature-card:hover{background:var(--btn-gradient)!important;border-color:var(--bevel-sh)!important}.feature-card:hover h3,.feature-card:hover p{color:#fff!important}.folder-cover{box-shadow:none!important}.folder-cover:after{content:"";box-shadow:var(--raised);pointer-events:none;z-index:1;position:absolute;inset:0}.app-nav,.landing-nav,.app-footer,#player-bar,.editor-header{box-shadow:var(--raised);border-top:1px solid var(--bevel-hl);border-bottom:1px solid var(--bevel-sh);-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--chrome)!important}.modal{background:var(--chrome)!important;border:1px solid var(--bevel-sh)!important;box-shadow:var(--raised)!important;padding:1.5rem!important}.modal h3{background:var(--title-grad);color:#fff;font-family:var(--font-pixel);justify-content:space-between;align-items:center;margin:-1.5rem -1.5rem 1.25rem;padding:.5rem .6rem;font-size:.62rem;line-height:1.5;display:flex}.modal-close{font-family:var(--font-ui);opacity:.9;color:#fff;cursor:pointer;background:0 0;border:1px solid #0000;padding:.1rem .35rem;font-size:.78rem;line-height:1;transition:opacity .15s,background .15s,border-color .15s}.modal-close:hover{opacity:1;background:#e81123;border-color:#900}.auth-box{background:var(--chrome)!important;border:1px solid var(--bevel-sh)!important;box-shadow:var(--raised)!important;padding:1.5rem!important}.auth-box:before{content:"WavsFile.exe";background:var(--title-grad);color:#fff;font-family:var(--font-pixel);margin:-1.5rem -1.5rem 1.25rem;padding:.5rem .6rem;font-size:.55rem;display:block}input[type=range]{box-shadow:var(--sunken);background:var(--chrome)!important;height:6px!important}input[type=range]::-webkit-slider-thumb{box-shadow:var(--raised);border:1px solid var(--bevel-sh);background:var(--chrome-face)!important;width:12px!important;height:18px!important}input[type=range]::-moz-range-thumb{background:var(--chrome-face);width:12px;height:18px;box-shadow:var(--raised);border:1px solid var(--bevel-sh)}.folder-shared-badge,.badge-soon,.flag,.song-num{box-shadow:var(--raised);background:var(--chrome-face);color:var(--text)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--chrome);box-shadow:var(--sunken)}::-webkit-scrollbar-thumb{background:var(--chrome-face);box-shadow:var(--raised);border:1px solid var(--bevel-sh)}::-webkit-scrollbar-button{background:var(--chrome-face);width:16px;height:16px;box-shadow:var(--raised);display:block}:focus-visible{outline:1px dotted var(--text);outline-offset:2px}.ow-hud-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;position:relative}.ow-hud-switch__input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.ow-hud-switch__track{background-color:var(--bevel-sh);width:78px;height:36px;box-shadow:var(--raised);justify-content:space-between;align-items:center;padding:0 9px;transition:background-color .15s;display:inline-flex;position:relative;border:2px solid var(--bevel-sh)!important}.ow-hud-switch__icon{z-index:1;justify-content:center;align-self:center;align-items:center;width:17px;height:17px;transition:opacity .15s,color .15s;display:inline-flex;position:relative}.ow-hud-switch__icon svg{width:100%;height:100%;display:block}.ow-hud-switch__icon--sun{opacity:.55;color:#ffd23b;margin-left:-3px;top:-1px}.ow-hud-switch__icon--moon{opacity:1;color:#fff;margin-right:-3px;top:-1px}.ow-hud-switch__thumb{border:2px solid var(--bevel-sh);width:26px;height:26px;box-shadow:var(--raised);background-color:#a855f7;transition:left .15s cubic-bezier(.3,0,0,1),background-color .15s;position:absolute;top:2px;left:46px}.ow-hud-switch__input:checked+.ow-hud-switch__track{background-color:var(--accent)}.ow-hud-switch__input:checked+.ow-hud-switch__track .ow-hud-switch__thumb{background-color:#fff;left:2px}.ow-hud-switch__input:checked+.ow-hud-switch__track .ow-hud-switch__icon--sun{opacity:1}.ow-hud-switch__input:checked+.ow-hud-switch__track .ow-hud-switch__icon--moon{opacity:.55}.ow-hud-switch__input:focus-visible+.ow-hud-switch__track{box-shadow:var(--raised), 0 0 0 2px #fff, 0 0 0 4px var(--accent);outline:none}.brand-logo{image-rendering:pixelated;width:100%;height:auto;display:block}.auth-logo{justify-content:center;display:flex}.crt-overlay{z-index:9999;pointer-events:none;position:fixed;inset:0}.crt-overlay:before{content:"";background:repeating-linear-gradient(#0000 0 2px,#0000001a 2px 4px) 0 0/100% 4px;position:absolute;inset:0}.crt-overlay:after{content:"";background:radial-gradient(circle,#fff0 85%,#0006 100%);position:absolute;inset:0}.nav-logo .brand-logo{width:auto;height:24px}[data-theme=light] .usage-track{border:1px solid #000}button:not(.btn-edit-folder):not(.btn-show-pass):not(.icon-btn):not(.btn-modal-cancel):not(.vol-icon):not(.btn-close-player):not(.pf-close):not(.toast-close):not(.modal-close){border:2px solid var(--bevel-sh)!important;box-shadow:0 4px 0 0 var(--bevel-sh)!important;transition:transform .1s,box-shadow .1s,filter .1s!important}button:not(:disabled):not(.btn-edit-folder):not(.btn-show-pass):not(.icon-btn):not(.btn-modal-cancel):not(.vol-icon):not(.btn-close-player):not(.pf-close):not(.toast-close):active{box-shadow:0 0 0 0 var(--bevel-sh)!important;transform:translateY(4px)!important}.app-nav{padding-top:calc(1.1rem + env(safe-area-inset-top,0px))}.landing-nav{padding-top:calc(1.25rem + env(safe-area-inset-top,0px))}.app-footer{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}@media (display-mode:window-controls-overlay){.app-nav,.landing-nav{-webkit-app-region:drag;app-region:drag;padding-right:calc(100vw - env(titlebar-area-width,100vw) + 2rem)}.app-nav a,.app-nav button,.app-nav input,.landing-nav a,.landing-nav button,.landing-nav input,.install-btn-wrap{-webkit-app-region:no-drag;app-region:no-drag}}@media (width<=768px){.form-group input,.form__field,.captcha-input,input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=url],textarea,select,.form__field:placeholder-shown~.form__label{font-size:16px}}@supports (height:100dvh){.auth-page,.about-page,.share-screen,.share-loading,.share-error,.share-cover-stage{min-height:100dvh}.editor-page{height:100dvh}}#player-bar{padding-bottom:calc(.8rem + env(safe-area-inset-bottom,0px));padding-left:calc(1.5rem + env(safe-area-inset-left,0px));padding-right:calc(1.5rem + env(safe-area-inset-right,0px))}.player-fullscreen,.auth-page{padding-top:calc(2rem + env(safe-area-inset-top,0px));padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px))}@media (width<=640px){html,body{overflow-x:clip}#player-bar{padding-left:calc(.6rem + env(safe-area-inset-left,0px));padding-right:calc(.6rem + env(safe-area-inset-right,0px))}.player-inner{gap:.5rem}.player-controls{gap:.25rem}.player-controls button{width:1.9rem;height:1.9rem;font-size:.6rem}.btn-play-pause{width:2.2rem!important;height:2.2rem!important;font-size:.75rem!important}.player-vol{display:none}.player-info{flex:auto;min-width:0}.player-song-name{font-size:.78rem}.player-progress{display:none}.btn-fullscreen{margin-left:auto}.share-add-member{flex-wrap:wrap}.share-add-member .form__group{flex:100%;min-width:0}.share-add-member select{flex:auto;max-width:none}.share-add-member button{flex:none}.app-nav{gap:.5rem;padding-left:1rem;padding-right:1rem}.app-nav>div:last-child{flex-wrap:wrap;justify-content:flex-end;min-width:0;gap:.4rem!important}.app-nav .btn-nav,.app-nav .btn-logout{white-space:nowrap;padding:.4rem .6rem;font-size:.72rem}.btn-nav-icon,.btn-profile-icon{padding:.2rem}}