:root{--ev-c-white: #ffffff;--ev-c-white-soft: #f8f8f8;--ev-c-white-mute: #f2f2f2;--ev-c-black: #1b1b1f;--ev-c-black-soft: #222222;--ev-c-black-mute: #282828;--ev-c-gray-1: #515c67;--ev-c-gray-2: #414853;--ev-c-gray-3: #32363f;--ev-c-text-1: rgba(255, 255, 245, .86);--ev-c-text-2: rgba(235, 235, 245, .6);--ev-c-text-3: rgba(235, 235, 245, .38);--ev-button-alt-border: transparent;--ev-button-alt-text: var(--ev-c-text-1);--ev-button-alt-bg: var(--ev-c-gray-3);--ev-button-alt-hover-border: transparent;--ev-button-alt-hover-text: var(--ev-c-text-1);--ev-button-alt-hover-bg: var(--ev-c-gray-2)}:root{--color-background: var(--ev-c-black);--color-background-soft: var(--ev-c-black-soft);--color-background-mute: var(--ev-c-black-mute);--color-text: var(--ev-c-text-1)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}ul{list-style:none}body{min-height:100vh;color:var(--color-text);background:var(--color-background);line-height:1.6;font-family:Satoshi,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Satoshi;font-style:normal;font-weight:400;src:local("Satoshi"),url(./Satoshi-Regular-BcItefl5.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:400;src:local("Satoshi"),url(./Satoshi-Italic-DpOn4rGr.woff) format("woff")}@font-face{font-family:Satoshi;font-style:normal;font-weight:300;src:local("Satoshi"),url(./Satoshi-Light-DHBimzWO.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:300;src:local("Satoshi"),url(./Satoshi-LightItalic-DsEzoORJ.woff) format("woff")}@font-face{font-family:Satoshi;font-style:normal;font-weight:500;src:local("Satoshi"),url(./Satoshi-Medium-DMZJ9_D_.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:500;src:local("Satoshi"),url(./Satoshi-MediumItalic-yywcYj7a.woff) format("woff")}@font-face{font-family:Satoshi;font-style:normal;font-weight:700;src:local("Satoshi"),url(./Satoshi-Bold-ePG0-A3D.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:700;src:local("Satoshi"),url(./Satoshi-BoldItalic-iFbHlShw.woff) format("woff")}@font-face{font-family:Satoshi;font-style:normal;font-weight:900;src:local("Satoshi"),url(./Satoshi-Black-CwFEe8Vv.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:900;src:local("Satoshi"),url(./Satoshi-BlackItalic-GRJ9-38u.woff) format("woff")}:root{--primary-color: #FF5A00;--primary-glow: rgba(255, 90, 0, .3);--bg-color: #040404;--sidebar-bg: #0d0d0d;--text-main: #ffffff;--text-dim: rgba(255, 255, 255, .5);--transition-speed: .3s}body.theme-midnight{--primary-color: #FF5A00;--primary-glow: rgba(255, 90, 0, .2);--bg-color: #000000;--sidebar-bg: #050505}body.theme-ocean{--primary-color: #00e5ff;--primary-glow: rgba(0, 229, 255, .3);--bg-color: #050b1a;--sidebar-bg: #0a1329}body.theme-orange{--primary-color: #FF5A00;--primary-glow: rgba(255, 90, 0, .4);--bg-color: #0f0a05;--sidebar-bg: #1a140e}*{font-family:Satoshi,Inter,Outfit,sans-serif!important;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,color var(--transition-speed) ease}body{display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;background-color:var(--bg-color);color:var(--text-main);-webkit-user-select:none;user-select:none;margin:0;padding:0;width:100%;height:100%}code{font-weight:600;padding:3px 5px;border-radius:2px;background-color:var(--color-background-mute);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:85%}#root{display:flex;align-items:stretch;justify-content:stretch;flex-direction:column;margin:0;padding:0;width:100%;height:100%}.logo{margin-bottom:20px;-webkit-user-drag:none;height:128px;width:128px;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 1.2em #6988e6aa)}.creator{font-size:14px;line-height:16px;color:var(--ev-c-text-2);font-weight:600;margin-bottom:10px}.text{font-size:28px;color:var(--ev-c-text-1);font-weight:700;line-height:32px;text-align:center;margin:0 10px;padding:16px 0}.tip{font-size:16px;line-height:24px;color:var(--ev-c-text-2);font-weight:600}.react{background:-webkit-linear-gradient(315deg,#087ea4 55%,#7c93ee);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.ts{background:-webkit-linear-gradient(315deg,#3178c6 45%,#f0dc4e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.actions{display:flex;padding-top:32px;margin:-6px;flex-wrap:wrap;justify-content:flex-start}.action{flex-shrink:0;padding:6px}.action a{cursor:pointer;text-decoration:none;display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;border-radius:20px;padding:0 20px;line-height:38px;font-size:14px;border-color:var(--ev-button-alt-border);color:var(--ev-button-alt-text);background-color:var(--ev-button-alt-bg)}.action a:hover{border-color:var(--ev-button-alt-hover-border);color:var(--ev-button-alt-hover-text);background-color:var(--ev-button-alt-hover-bg)}.versions{position:absolute;bottom:30px;margin:0 auto;padding:15px 0;font-family:Menlo,Lucida Console,monospace;display:inline-flex;overflow:hidden;align-items:center;border-radius:22px;background-color:#202127;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.versions li{display:block;float:left;border-right:1px solid var(--ev-c-gray-1);padding:0 20px;font-size:14px;line-height:14px;opacity:.8}.versions li:last-child{border:none}@media(max-width:720px){.text{font-size:20px}}@media(max-width:620px){.versions{display:none}}@media(max-width:350px){.tip,.actions{display:none}}.banner-default-pattern{width:100%;height:100%;background-color:#111;background-image:radial-gradient(circle at 100% 100%,rgba(255,255,255,.02) 0%,transparent 40%),radial-gradient(circle at 0% 0%,rgba(255,255,255,.02) 0%,transparent 40%);position:relative;overflow:hidden}.banner-default-pattern:before{content:"";position:absolute;inset:-50%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,400 Q250,100 500,400 T1000,400' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='2'/%3E%3Cpath d='M0,600 Q250,300 500,600 T1000,600' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1'/%3E%3Cpath d='M0,800 Q250,500 500,800 T1000,800' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='3'/%3E%3C/svg%3E");background-repeat:repeat;transform:rotate(-10deg);opacity:.8}.banner-default-pattern:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.02) 0%,transparent 70%)}@font-face{font-family:Satoshi;font-style:normal;font-weight:400;src:local("Satoshi"),url(./Satoshi-Regular-BcItefl5.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:400;src:local("Satoshi"),url(./Satoshi-Italic-DpOn4rGr.woff) format("woff")}@font-face{font-family:Satoshi;font-style:normal;font-weight:300;src:local("Satoshi"),url(./Satoshi-Light-DHBimzWO.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:300;src:local("Satoshi"),url(./Satoshi-LightItalic-DsEzoORJ.woff) format("woff")}@font-face{font-family:Satoshi;font-style:normal;font-weight:500;src:local("Satoshi"),url(./Satoshi-Medium-DMZJ9_D_.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:500;src:local("Satoshi"),url(./Satoshi-MediumItalic-yywcYj7a.woff) format("woff")}@font-face{font-family:Satoshi;font-style:normal;font-weight:700;src:local("Satoshi"),url(./Satoshi-Bold-ePG0-A3D.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:700;src:local("Satoshi"),url(./Satoshi-BoldItalic-iFbHlShw.woff) format("woff")}@font-face{font-family:Satoshi;font-style:normal;font-weight:900;src:local("Satoshi"),url(./Satoshi-Black-CwFEe8Vv.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:900;src:local("Satoshi"),url(./Satoshi-BlackItalic-GRJ9-38u.woff) format("woff")}.welcome-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#000;color:#fff;overflow:hidden;position:relative}.welcome-window-controls{position:absolute;top:0;right:0;z-index:1000;display:flex;padding:10px;-webkit-app-region:no-drag}.window-control-btn{background:transparent;border:none;color:#fff6;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.window-control-btn:hover{color:#fff;background-color:#ffffff1a}.window-control-btn.close:hover{background-color:#e81123}.auth-panel{width:100%;max-width:460px;min-height:620px;height:auto;display:flex;flex-direction:column;justify-content:flex-start;padding:45px 50px;background:#0f0f0fb3;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);z-index:10;border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 100px #000c;position:relative;max-height:95vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.auth-panel.web-guest{min-height:540px;justify-content:center}.auth-panel::-webkit-scrollbar{display:none}.fixed-brand{position:relative;display:flex;justify-content:center;margin:0 auto 30px!important}.brand-svg{height:34px;filter:drop-shadow(0 0 20px rgba(255,90,0,.2))}.auth-content-area{width:100%}.auth-header{margin-bottom:28px;text-align:center}.auth-title-snappy{font-size:1.8rem;font-weight:950;margin:0 0 4px;letter-spacing:-.04em;line-height:1.1}.auth-subtitle-refined{font-size:.95rem;color:#ffffff4d;font-weight:500;letter-spacing:-.01em}.social-grid{display:flex;gap:12px;margin-bottom:28px}.social-btn-refined{flex:1;height:52px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);font-weight:700;box-shadow:0 4px 12px #0000001a}.social-btn-refined:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.social-btn-refined:active{transform:scale(.97) translateY(0)}.divider-refined{display:flex;align-items:center;margin:24px 0;color:#ffffff1f;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em}.divider-refined:before,.divider-refined:after{content:"";flex:1;height:1px;background:#ffffff0d}.divider-refined span{padding:0 15px}.form-group-refined{display:flex;flex-direction:column;gap:16px}.input-field-refined{width:100%;height:52px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 50px 0 20px;color:#fff;font-size:1rem;outline:none;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:inset 0 2px 4px #0003}.input-field-refined::placeholder{color:#ffffff4d;font-weight:500}.input-field-refined:focus{background:#0009;border-color:#ff5a00;box-shadow:0 0 0 2px #ff5a0033,inset 0 2px 4px #0003;transform:scale(1.01)}.input-field-refined.centered{text-align:center;font-weight:700;letter-spacing:.05em;font-size:1.1rem;padding:0 20px}.resend-text-refined{margin-top:25px;text-align:center;color:#ffffff40;font-size:.9rem;font-weight:500}.sign-link{color:#ff5a00;cursor:pointer;font-weight:850;transition:all .2s ease;margin-left:5px}.sign-link:hover{text-decoration:underline;filter:brightness(1.3)}.submit-area-refined{display:flex;justify-content:center;margin-top:40px}.submit-btn-refined{width:70px;height:70px;background:linear-gradient(135deg,#ff5a00,#ff8a00);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 35px #ff5a0066}.submit-btn-refined:disabled{background:#ffffff0d;color:#ffffff1a;cursor:not-allowed;box-shadow:none}.submit-btn-refined:not(:disabled):hover{transform:scale(1.06) translateY(-6px);box-shadow:0 25px 60px #ff5a0099}.submit-btn-refined.loading{transform:scale(.95) translateY(0)}.spinner-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-link-refined{display:flex;align-items:center;gap:10px;color:#ffffff40;font-size:.95rem;cursor:pointer;margin-bottom:30px;transition:all .2s ease;font-weight:800}.back-link-refined:hover{color:#fff;transform:translate(-3px)}.guest-avatar-container{display:flex;justify-content:center;margin-bottom:50px}.banner-default-pattern{width:100%;height:100%;background:#080808;background-image:repeating-linear-gradient(45deg,transparent,transparent 15px,rgba(255,255,255,.015) 15px,rgba(255,255,255,.015) 30px);position:relative;overflow:hidden}.banner-default-pattern:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,90,0,.05) 0%,transparent 70%)}.guest-avatar-circle{width:140px;height:140px;background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff4d;position:relative;box-shadow:0 20px 40px #0006;transition:all .4s ease;overflow:hidden}.guest-avatar-circle img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.guest-avatar-circle:hover{transform:scale(1.05);border-color:#ff5a004d;color:#ff5a00}.avatar-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(255,90,0,.05) 0%,transparent 70%);pointer-events:none}.otp-grid-refined{display:flex;gap:12px;justify-content:center;margin:35px 0}.otp-input-refined{width:50px;height:64px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:center;color:#fff;font-size:1.5rem;font-weight:850;outline:none;transition:all .2s cubic-bezier(.23,1,.32,1);box-shadow:inset 0 2px 4px #0003}.otp-input-refined:focus{background:#0009;border-color:#ff5a00;transform:translateY(-4px) scale(1.05);box-shadow:0 10px 20px #ff5a0026,inset 0 2px 4px #0003}.terms-refined{text-align:center;color:#ffffff2e;font-size:.8rem;line-height:1.7;font-weight:500;margin-top:auto;padding-top:20px}.link-text{color:#ff5a00;text-decoration:none;font-weight:800;transition:all .2s}.link-text:hover{color:#fff;text-decoration:underline}.art-panel{position:absolute;inset:0;width:100vw;height:100vh;overflow:hidden;background:#000;z-index:1}.art-fade-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,#00000080,#000000e6);z-index:2}.art-grid-container{display:flex;gap:14px;padding:20px;transform:rotate(-25deg) scale(1.8);transform-origin:center;height:100%}.art-scroll-track{display:flex;flex-direction:column;gap:18px}.art-tile{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;flex-shrink:0;box-shadow:0 15px 40px #0009;border:1px solid rgba(255,255,255,.04)}.panel-loading-overlay{position:absolute;inset:0;background:#0f0f0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;display:flex;flex-direction:column;padding:40px;border-radius:24px}.loading-logo{position:relative;margin-bottom:auto}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%}.large-spinner-container{margin-bottom:40px}.large-spinner-ring{width:80px;height:80px;border:7px solid rgba(255,90,0,.15);border-top:7px solid #FF5A00;border-radius:50%;animation:large-spin .8s cubic-bezier(.4,0,.2,1) infinite}@keyframes large-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content h2{font-size:1.8rem;font-weight:850;margin:0 0 10px;letter-spacing:-.03em;color:#fff}.loading-content p{font-size:1.1rem;color:#fff6;font-weight:500;margin:0}.loading-footer-terms{margin-top:auto;text-align:center;color:#fff3;font-size:.85rem;line-height:1.6;font-weight:500}.link-highlight{color:#ff5a00;font-weight:700}.error-display-refined{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.error-icon-container{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.error-title-snappy{font-size:1.6rem!important;font-weight:800!important;margin-bottom:8px!important;letter-spacing:-.02em!important;color:#ff5c5c;-webkit-background-clip:initial;-webkit-text-fill-color:initial}.error-subtitle-refined{font-size:.95rem!important;color:#ffffff4d!important;line-height:1.4!important;margin-bottom:32px!important;font-weight:500!important}.error-back-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.error-back-btn:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.error-back-btn:active{transform:scale(.96)}.input-with-tooltip{position:relative;width:100%}.custom-validation-tooltip{position:absolute;bottom:calc(100% + 12px);left:0;background:#2a1100;border:1px solid #FF5A00;padding:10px 16px;border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;z-index:1000;box-shadow:0 10px 30px #ff5a0033;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:normal;width:100%}.custom-validation-tooltip svg{color:#ff5a00;flex-shrink:0}.tooltip-arrow{position:absolute;bottom:-6px;left:20px;width:10px;height:10px;background:#2a1100;border-right:1px solid #FF5A00;border-bottom:1px solid #FF5A00;transform:rotate(45deg)}.input-error{border-color:#ff5a0080!important;background:#ff5a000d!important}.password-toggle-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff3;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;transition:all .2s ease;z-index:5}.password-toggle-btn:hover{color:#ff5a00;transform:translateY(-50%) scale(1.1)}.password-toggle-btn:active{transform:translateY(-50%) scale(.9)}.remember-me-container{display:flex;align-items:center;gap:12px;margin-top:10px;padding-left:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox{width:20px;height:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.23,1,.32,1);position:relative}.remember-me-container:hover .custom-checkbox{background:#ffffff0f;border-color:#fff3}.custom-checkbox.checked{background:#ff5a00;border-color:#ff5a00;box-shadow:0 0 15px #ff5a004d}.check-icon{color:#fff;opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.custom-checkbox.checked .check-icon{opacity:1;transform:scale(1)}.remember-label{color:#fff6;font-size:.95rem;font-weight:500;transition:color .2s ease}.remember-me-container:hover .remember-label{color:#ffffffb3}.landing-page-wrapper{position:relative;width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;background-color:#111;display:flex;flex-direction:column;align-items:center;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.landing-bg{position:fixed;inset:0;z-index:0;background:#000;overflow:hidden}.landing-art-grid{display:flex;gap:20px;padding:20px;transform:rotate(-15deg) scale(1.5);transform-origin:center;height:100%;opacity:.15;z-index:0}.landing-art-column{flex:1;display:flex;flex-direction:column}.landing-art-scroll-track{display:flex;flex-direction:column;gap:20px;will-change:transform}.landing-art-tile{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden}.landing-art-tile img{width:100%;height:100%;object-fit:cover;filter:grayscale(50%)}.landing-bg-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#0003,#000000e6);z-index:1}.landing-navbar{position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:100;width:100%;max-width:1200px;padding:30px 20px;display:flex;justify-content:center;transition:all .5s cubic-bezier(.16,1,.3,1)}.landing-navbar.scrolled{padding:15px 20px;max-width:950px}.landing-nav-content{background:#0f0f0f66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:10px 12px 10px 26px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;border:1px solid rgba(255,255,255,.03);transition:all .5s cubic-bezier(.16,1,.3,1)}.landing-navbar.scrolled .landing-nav-content{background:#0a0a0ad9;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #0009;padding:6px 8px 6px 20px}.landing-nav-left{display:flex;justify-content:flex-start}.landing-nav-center{display:flex;justify-content:center}.landing-nav-right{display:flex;justify-content:flex-end}.landing-logo{display:flex;align-items:center;gap:10px}.landing-brand-icon{height:22px}.landing-links{display:flex;align-items:center;gap:35px}.landing-links a,.dropdown-link{color:#fff;text-decoration:none;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;transition:opacity .2s}.landing-links a:hover,.dropdown-link:hover{opacity:.7}.landing-try-btn{background:#ff5a00;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.landing-try-btn:hover{transform:translateY(-1px);background:#ff6a1a}.landing-hero-content{position:relative;z-index:10;width:100%;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:160px 20px 60px}.landing-hero-title{font-size:5rem;font-weight:900;line-height:1.1;letter-spacing:-.03em;margin-bottom:50px;color:#fff}.landing-hero-buttons{display:flex;gap:20px;align-items:center}.hero-btn{padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.primary-btn{background:#fff;color:#000}.primary-btn:hover{background:#f0f0f0;transform:translateY(-2px)}.secondary-btn{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.1)}.secondary-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.landing-features-section{position:relative;z-index:10;width:100%;max-width:1200px;padding:60px 20px 120px;display:flex;flex-direction:column;align-items:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%}.feature-card{background:#14141499;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:40px;text-align:left;transition:transform .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:#ff5a004d}.feature-card h3{font-size:1.5rem;font-weight:800;margin-bottom:15px;color:#fff}.feature-card p{color:#ffffff80;line-height:1.6;font-size:1.05rem;margin:0}.landing-footer{position:relative;z-index:10;width:100%;background:#0a0a0acc;border-top:1px solid rgba(255,255,255,.05);padding:60px 20px 30px;margin-top:auto;display:flex;flex-direction:column;align-items:center}.footer-content{width:100%;max-width:1200px;display:flex;justify-content:center;margin-bottom:40px}.footer-brand{text-align:center}.footer-brand p{color:#ffffff4d;font-weight:600;margin:0}.footer-bottom{width:100%;max-width:1200px;text-align:center;color:#fff3;font-size:.9rem;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}@media(max-width:900px){.landing-hero-title{font-size:3.5rem}.landing-links{display:none}.landing-hero-buttons{flex-direction:column;width:100%;max-width:350px}.hero-btn{width:100%}}@font-face{font-family:Satoshi;font-style:normal;font-weight:400;src:local("Satoshi"),url(./Satoshi-Regular-BcItefl5.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:400;src:local("Satoshi"),url(./Satoshi-Italic-DpOn4rGr.woff) format("woff")}@font-face{font-family:Satoshi;font-style:normal;font-weight:300;src:local("Satoshi"),url(./Satoshi-Light-DHBimzWO.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:300;src:local("Satoshi"),url(./Satoshi-LightItalic-DsEzoORJ.woff) format("woff")}@font-face{font-family:Satoshi;font-style:normal;font-weight:500;src:local("Satoshi"),url(./Satoshi-Medium-DMZJ9_D_.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:500;src:local("Satoshi"),url(./Satoshi-MediumItalic-yywcYj7a.woff) format("woff")}@font-face{font-family:Satoshi;font-style:normal;font-weight:700;src:local("Satoshi"),url(./Satoshi-Bold-ePG0-A3D.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:700;src:local("Satoshi"),url(./Satoshi-BoldItalic-iFbHlShw.woff) format("woff")}@font-face{font-family:Satoshi;font-style:normal;font-weight:900;src:local("Satoshi"),url(./Satoshi-Black-CwFEe8Vv.woff) format("woff")}@font-face{font-family:Satoshi;font-style:italic;font-weight:900;src:local("Satoshi"),url(./Satoshi-BlackItalic-GRJ9-38u.woff) format("woff")}*{font-family:Satoshi,Inter,Outfit,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;box-sizing:border-box}.home-container{height:100vh;width:100vw;background-color:var(--bg-color);color:#fff;overflow:hidden;position:relative;display:flex;flex-direction:column}.home-bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.home-dark-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0000004d,#000000f2);z-index:2}.art-grid-container{position:absolute;top:-10%;right:-10%;width:120%;height:120%;display:flex;gap:20px;transform:rotate(-25deg) skew(-5deg);z-index:1}.home-grid-opacity{opacity:.35;filter:blur(2px)}.art-column{flex:1;display:flex;flex-direction:column}.art-scroll-track{display:flex;flex-direction:column;gap:20px;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.art-tile{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:8px;background-color:var(--sidebar-bg);flex-shrink:0;box-shadow:0 10px 30px #00000080;transform:translateZ(0)}.art-tile img{width:100%;height:100%;object-fit:cover}.platform-web .top-nav{-webkit-app-region:no-drag!important;height:72px;background-color:#0000004d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.05);padding:0 40px}.platform-web .nav-left,.platform-web .nav-right{-webkit-app-region:no-drag!important}.platform-web .nav-icons{gap:12px}.top-nav{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;position:relative;z-index:100;-webkit-app-region:drag}.nav-left,.nav-right{display:flex;align-items:center;-webkit-app-region:no-drag}.nav-left{gap:20px}.user-profile{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background-color:#1a1a1a;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05)}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar svg{color:#ffffff4d}.username{font-weight:600;font-size:1.1rem;letter-spacing:-.01em}.nav-separator{width:1px;height:24px;background-color:#fff3}.nav-icons{display:flex;gap:5px}.nav-icon-btn{background:transparent;border:none;color:#888;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.nav-icon-btn:hover{color:#fff;background-color:#ffffff0d}.nav-icon-btn.active{color:#fff}.platform-web .nav-icon-btn.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:var(--primary-color);border-radius:50%;box-shadow:0 0 10px #ff5a00cc}.live-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.live-count-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;background-color:var(--primary-color);border-radius:9px;color:#fff;font-size:.65rem;font-weight:800;display:flex;justify-content:center;align-items:center;padding:0 4px;box-shadow:0 4px 10px #ff5a0066;z-index:5;border:1.5px solid #000;animation:badge-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.nav-icon-btn.live-mode{background-color:#ff5a001a;color:var(--primary-color)!important}.nav-notifications-container{position:relative;-webkit-app-region:no-drag}.nav-notif-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;border:1.5px solid #000}.notifications-dropdown{position:absolute;top:calc(100% + 15px);right:0;width:350px;background-color:#0d0d0d;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0009;z-index:1000;overflow:hidden}.notif-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.notif-header h3{margin:0;font-size:1.1rem;font-weight:700}.clear-all-btn{background:transparent;border:none;color:var(--primary-color);font-size:.85rem;font-weight:600;cursor:pointer;opacity:.8;transition:opacity .2s}.clear-all-btn:hover{opacity:1}.notif-list{max-height:400px;overflow-y:auto;padding:8px}.notif-item{display:flex;gap:15px;padding:12px 16px;border-radius:16px;transition:background-color .2s;position:relative}.notif-item:hover{background-color:#ffffff08}.notif-item.unread:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:4px;height:4px;background-color:var(--primary-color);border-radius:50%}.notif-icon-wrap{width:36px;height:36px;border-radius:12px;background-color:#ffffff0d;display:flex;justify-content:center;align-items:center;color:#888;flex-shrink:0}.notif-content{flex:1}.notif-content p{margin:0 0 4px;font-size:.9rem;line-height:1.4;color:#fffc}.notif-content b{color:#fff;font-weight:700}.notif-time{font-size:.75rem;color:#555;font-weight:500}.notif-actions{display:flex;gap:5px;opacity:0;transition:opacity .2s}.notif-item:hover .notif-actions{opacity:1}.notif-action-btn{width:28px;height:28px;border-radius:8px;border:none;background-color:#ffffff0d;color:#666;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s}.notif-action-btn:hover{background-color:#ffffff1a;color:#fff}.notif-action-btn.check:hover{color:#4f4}.notif-action-btn.delete:hover{color:#f44}.notif-empty{padding:60px 0;display:flex;flex-direction:column;align-items:center;gap:15px;color:#333}.notif-empty p{font-weight:600;font-size:1rem}.window-control-btn{background:transparent;border:none;color:#666;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:8px;cursor:pointer;transition:all .2s ease}.window-control-btn:hover{background-color:#ffffff0d;color:#fff}.window-control-btn.close:hover{background-color:#f44}.home-content{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:50;padding-bottom:5vh;overflow:hidden}.hero-section{text-align:center}.hero-title-container{height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.hero-title{font-size:6rem;font-weight:800;line-height:.95;margin:0;letter-spacing:-.05em}.platform-web .hero-title{font-size:5.5rem;color:#fff}.hero-subtitle{font-size:1.25rem;color:#fff9;margin-bottom:50px;font-weight:400}.hero-actions{display:flex;flex-direction:column;gap:15px;align-items:center}.btn-primary{width:340px;height:64px;background:linear-gradient(135deg,#ff5a00,#b87b12);border:none;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 10px 30px #ff5a0040;transition:all .3s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #ff5a0066}.btn-primary:active{transform:translateY(1px)}.btn-secondary{width:340px;height:64px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.2,0,0,1)}.btn-secondary:hover{background-color:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(1px)}.join-form{display:flex;flex-direction:column;gap:10px;align-items:center}.join-input{text-align:center;letter-spacing:2px;outline:none}.join-actions{display:flex;gap:15px;width:100%}.join-cancel{flex:1;background:transparent;border:none;color:#666;font-size:.9rem;font-weight:600;cursor:pointer}.join-confirm{flex:2;background:#fff;color:#000;border:none;border-radius:12px;height:40px;font-weight:700;cursor:pointer}.join-confirm:disabled{opacity:.3;cursor:not-allowed}.view-content{width:100%;height:100%;padding:0 30px 20px;display:flex;flex-direction:column;max-width:none}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;max-width:850px;width:100%}.view-title{font-size:2.6rem;font-weight:800;letter-spacing:-.04em;margin:0}.header-actions{display:flex;gap:15px}.search-bar{background-color:#ffffff0a;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:10px;width:240px;height:40px;border:1px solid rgba(255,255,255,.03);transition:all .2s ease}.search-bar:focus-within{background-color:#ffffff14;border-color:#ffffff1a;width:280px}.search-bar svg{color:#fff3}.search-bar input{background:transparent;border:none;color:#fff;font-size:.9rem;width:100%;outline:none}.create-btn{background-color:#fff;color:#000;border:none;border-radius:12px;padding:0 16px;height:40px;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.library-centered-wrapper{max-width:1100px;width:100%;margin:0 auto;display:flex;flex-direction:column}.playlist-grid-vertical{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;width:100%}.playlist-card-v{background-color:#050505;border-radius:28px;height:520px;position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.03);transition:transform .4s cubic-bezier(.2,0,.2,1),border-color .3s ease}.playlist-card-v:hover{transform:translateY(-10px);border-color:#ffffff1a}.card-img-area{height:60%;position:relative}.card-img-area img{width:100%;height:100%;object-fit:cover}.card-fade-overlay{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,#050505 20%,transparent 100%)}.card-info-area{flex:1;padding:0 24px 10px;display:flex;flex-direction:column}.card-title-v{font-size:1.4rem;font-weight:700;margin:0 0 4px;letter-spacing:-.02em}.card-date-v{font-size:.8rem;color:#ffffff26;margin-bottom:12px}.card-stats-v{font-size:.85rem;color:#ffffff4d;line-height:1.5}.card-actions-v{padding:10px 24px 24px;display:flex;gap:10px}.btn-manage-v{flex:1;background-color:#fff;color:#000;border:none;border-radius:14px;height:48px;font-weight:700;cursor:pointer;transition:background-color .2s}.btn-manage-v:hover{background-color:#eee}.btn-arrow-v{width:48px;height:48px;background-color:#fff;color:#000;border:none;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer}.premium-card-v{background:linear-gradient(180deg,#0f0f0fcc,#050505);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.premium-icon-v{color:#fff;margin-bottom:20px;opacity:.9}.premium-text-v{font-size:1.6rem;font-weight:700;margin-bottom:30px;line-height:1.2}.btn-premium-v{background-color:#fbb03b;color:#000;border:none;border-radius:12px;padding:14px 28px;font-weight:800;font-size:.85rem;cursor:pointer;box-shadow:0 4px 15px #fbb03b33}.playlist-card{cursor:pointer}.playlist-cover{width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;position:relative;background-color:#111;margin-bottom:12px;box-shadow:0 8px 24px #0000004d}.playlist-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.playlist-card:hover img{transform:scale(1.08)}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.playlist-card:hover .play-overlay{opacity:1}.playlist-card h3{margin:0 0 4px;font-size:1rem;font-weight:700}.playlist-card p{margin:0;color:#555;font-size:.85rem}.header-title-group{display:flex;flex-direction:column}.friends-count{font-size:.85rem;color:#b87b12;font-weight:600;margin-top:4px}.friends-list{display:flex;flex-direction:column;gap:10px;max-width:none;width:100%}.dropdown-container{position:relative}.friend-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:200px;background-color:#0a0a0ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:8px;z-index:1000;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;gap:2px}.dropdown-item{width:100%;padding:10px 12px;background:transparent;border:none;color:#ffffffb3;font-size:.9rem;font-weight:500;border-radius:10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background-color:#ffffff0d;color:#fff}.dropdown-item.danger{color:#f44}.dropdown-item.danger:hover{background-color:#ff44441a}.dropdown-divider{height:1px;background-color:#ffffff0d;margin:4px 8px}.empty-friends-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#fff3;text-align:center}.empty-icon{margin-bottom:20px;opacity:.5}.empty-friends-state h3{color:#fff6;margin:0 0 8px}.chat-view-container{display:flex;flex-direction:column;height:calc(100vh - 140px);background-color:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;border:1px solid rgba(255,255,255,.05);overflow:hidden;box-shadow:0 20px 50px #0000004d}.chat-header{padding:15px 25px;display:flex;align-items:center;gap:15px;background-color:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.chat-back-btn{background:transparent;border:none;color:#888;cursor:pointer;padding:8px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-back-btn:hover{background-color:#ffffff0d;color:#fff}.chat-header-user{display:flex;align-items:center;gap:12px;flex:1}.chat-user-info h3{font-size:1rem;margin:0;font-weight:700;letter-spacing:-.01em}.chat-user-info span{font-size:.75rem;color:#4f4;font-weight:600;opacity:.8}.chat-header-actions{display:flex;gap:8px}.chat-action-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#fff;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.chat-action-btn:hover{background:#ffffff14}.chat-messages-area{flex:1;padding:25px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:thin}.chat-date-separator{text-align:center;font-size:.7rem;color:#fff3;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin:30px 0 20px}.message-row{display:flex;align-items:flex-end;gap:10px;width:100%;margin-bottom:4px}.message-row.me{justify-content:flex-end}.message-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;background-color:#1a1a1a;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);flex-shrink:0;margin-bottom:4px}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-avatar svg{color:#ffffff4d}.message-bubble{max-width:65%;padding:10px 16px;border-radius:18px;position:relative;box-shadow:0 4px 15px #0000001a}.message-row.them .message-bubble{background:#ffffff12;color:#fff;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.03)}.message-row.me .message-bubble{background:linear-gradient(135deg,#b87b12,#8a5d0d);color:#fff;border-bottom-right-radius:4px;box-shadow:0 8px 25px #b87b1226}.message-bubble p{margin:0;font-size:.9rem;line-height:1.5;font-weight:450}.message-time{font-size:.65rem;opacity:.5;margin-top:4px;display:block;text-align:right;font-weight:600}.chat-input-area{padding:20px 25px 25px;background-color:#0003}.chat-input-wrapper{background-color:#ffffff08;border-radius:20px;padding:6px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-input-wrapper:focus-within{background-color:#ffffff0f;border-color:#b87b124d;box-shadow:0 0 20px #b87b120d}.input-action-btn{background:transparent;border:none;color:#ffffff4d;width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.input-action-btn:hover{color:#fff;background-color:#ffffff0d}.chat-input-wrapper input{background:transparent;border:none;color:#fff;flex:1;height:40px;outline:none;font-size:.9rem;padding:0 5px}.chat-input-wrapper input::placeholder{color:#fff3}.chat-send-btn{background-color:#fff;color:#000;border:none;width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.chat-send-btn:hover{background-color:#b87b12;color:#fff;transform:scale(1.05)}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn:disabled{opacity:.1;cursor:not-allowed;transform:none;background-color:#fff;color:#000}.friend-item{background-color:#ffffff05;border-radius:12px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;border:1px solid rgba(255,255,255,.01)}.friend-item:hover{background-color:#ffffff0a;border-color:#ffffff08}.friend-info{display:flex;align-items:center;gap:15px}.friend-avatar-container{width:48px;height:48px;border-radius:50%;position:relative;background-color:#1a1a1a;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05);flex-shrink:0}.friend-avatar-container img{width:100%;height:100%;border-radius:50%;object-fit:cover}.friend-avatar-container svg{color:#ffffff4d}.friend-avatar-container.online:after{content:"";position:absolute;bottom:2px;right:2px;width:10px;height:10px;background-color:#4f4;border:2px solid #111;border-radius:50%}.friend-details h3{margin:0;font-size:1rem}.friend-details p{margin:0;font-size:.85rem}.status-online{color:#fff9}.status-offline{color:#555}.friend-actions{display:flex;gap:10px}.friend-action-btn{background:transparent;border:none;color:#666;width:40px;height:40px;border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.friend-action-btn:hover{background-color:#ffffff0d;color:#fff}.settings-grid{display:flex;flex-direction:column;gap:12px}.discovery-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.settings-item{background-color:#ffffff08;border-radius:16px;padding:20px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:background-color .2s ease}.settings-item:hover{background-color:#ffffff0f}.settings-icon-box{width:48px;height:48px;background-color:#ffffff0d;border-radius:12px;display:flex;justify-content:center;align-items:center}.settings-info{flex:1}.settings-info h3{margin:0 0 4px;font-size:1.1rem}.settings-info p{margin:0;color:#666;font-size:.9rem}.settings-chevron{color:#444;font-size:1.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.search-bar.extended{width:320px;background-color:#ffffff0d}.search-clear-btn{background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.search-clear-btn:hover{background-color:#ffffff1a;color:#fff}.global-search-result{background-color:#b87b120d;border:1px dashed rgba(184,123,18,.3)}.global-search-result:hover{background-color:#b87b1214;border-style:solid}.friend-avatar-container.global{background-color:#b87b121a}.friend-avatar-container.global svg{color:#b87b12}.global-hint{color:#b87b12!important;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.create-btn.sm{height:36px;padding:0 12px;font-size:.8rem}.add-friend-trigger{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.05);margin-right:10px;color:#b87b12}.add-friend-trigger:hover{background-color:#b87b121a;color:#fff;border-color:#b87b1233}.discovery-search-area{margin-bottom:25px;width:100%}.search-bar.global-integrated{width:100%;height:56px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:0 20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.search-bar.global-integrated:focus-within{background-color:#ffffff0f;border-color:#b87b12;box-shadow:0 0 20px #b87b120d}.search-bar.global-integrated input{font-size:1rem;background:transparent;border:none;color:#fff;width:100%;outline:none}.global-result-card.integrated{background-color:#ffffff05;border:1px solid rgba(255,255,255,.03);border-radius:12px;padding:12px 18px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.discovery-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#fff3;text-align:center}.globe-icon{margin-bottom:15px;opacity:.2;color:#b87b12}.guest-restriction-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.restriction-title{font-size:2.5rem;font-weight:800;margin:0 0 16px;letter-spacing:-.04em;line-height:1.1;color:#fff;max-width:800px}.restriction-subtitle{font-size:1.25rem;color:#fff6;margin:0;font-weight:400;transition:color .2s}.restriction-subtitle:hover{color:#fff}.btn-loader{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:btn-spin .6s linear infinite;margin:0 auto}@keyframes btn-spin{to{transform:rotate(360deg)}}.join-confirm:disabled .btn-loader{border-top-color:#666}.settings-view-wrapper.dual-pane{position:fixed;inset:0;z-index:9999;background-color:var(--bg-color);display:flex;flex-direction:row;padding:0;overflow:hidden;animation:settings-fade-in .2s ease-out}@keyframes settings-fade-in{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.settings-container{display:flex;height:100%;width:100%;background:transparent}.settings-sidebar{width:35%;max-width:420px;min-width:280px;background-color:var(--sidebar-bg);display:flex;flex-direction:column;padding:60px 20px 60px 0;align-items:flex-end;flex-shrink:0}.sidebar-header{padding:0 10px 10px;width:200px}.sidebar-header h3{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#ffffff4d;margin:0}.sidebar-nav{width:200px;display:flex;flex-direction:column;gap:2px}.sidebar-item{width:100%;height:34px;background:transparent;border:none;border-radius:4px;display:flex;align-items:center;gap:12px;padding:0 10px;color:#fff6;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .1s;text-align:left}.sidebar-item:hover{background-color:#ffffff08;color:#ffffffb3}.sidebar-item.active{color:#fff;background-color:#ffffff14}.sidebar-footer{width:200px;margin-top:15px;padding:10px 0;border-top:1px solid rgba(255,255,255,.05)}.sidebar-logout-btn{width:100%;height:34px;background:transparent;border:none;border-radius:4px;display:flex;align-items:center;gap:10px;padding:0 10px;color:#f44;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s}.sidebar-logout-btn:hover{background-color:#ff44440d}.settings-main-content{flex:1;background-color:var(--bg-color);display:flex;justify-content:flex-start;position:relative}.settings-section-content{width:100%;max-width:800px;padding:60px 40px 80px;display:flex;flex-direction:column}.section-header{margin-bottom:25px}.section-header h2{font-size:1.1rem;font-weight:800;color:#fff;margin:0}.section-scroll-area{flex:1;overflow-y:auto;padding-right:30px;scrollbar-width:thin;scrollbar-color:#1a1a1a transparent;padding-bottom:400px}.settings-close-container{position:absolute;right:60px;top:60px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:100}.settings-close-btn{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:transparent;color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.settings-close-btn:hover{border-color:#fff;color:#fff;transform:rotate(90deg)}.close-hint{font-size:.8rem;font-weight:800;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.settings-page-section{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.settings-sub-label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#ffffff4d;margin-bottom:5px}.setting-option-card{padding:16px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.03)}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-title{font-size:.95rem;font-weight:600;color:#eee}.setting-desc{font-size:.85rem;color:#ffffff4d;max-width:90%}.toggle-switch{width:40px;height:22px;background-color:#ffffff1a;border-radius:12px;cursor:pointer;position:relative;transition:.2s}.toggle-switch.active{background-color:#ff5a00}.toggle-knob{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:.2s}.toggle-switch.active .toggle-knob{transform:translate(18px)}.destro-select-trigger{background-color:#1a1a1a;padding:8px 14px;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:10px;min-width:160px;cursor:pointer}.profile-banner-card{background-color:#111;border-radius:12px;overflow:hidden;position:relative;width:100%;margin-bottom:20px;border:1px solid rgba(255,255,255,.05)}.banner-visual-area{height:100px;background:#1a1a1a;position:relative;width:100%;box-shadow:inset 0 -40px 40px -20px #00000080}.banner-img{width:100%;height:100%;object-fit:cover}.profile-avatar-overlay{position:absolute;top:60px;left:20px;width:80px;height:80px;border-radius:50%;background:#111;border:6px solid #111;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:10}.profile-avatar-overlay img{width:100%;height:100%;object-fit:cover}.profile-data-area{padding:55px 25px 25px;background:#111;display:flex;flex-direction:column;gap:4px}.user-display-name{font-size:1.4rem;font-weight:800;color:#fff;margin:0}.user-username-tag{color:#ffffff4d;font-weight:500;font-size:.9rem}.user-email{font-size:.85rem;color:#fff6}.user-account-type{margin-top:10px;font-size:.7rem;color:#ff5a00;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.edit-name-input{background:#1a1a1a;border:1px solid #FF5A00;border-radius:4px;color:#fff;font-size:1.4rem;font-weight:800;padding:2px 8px;outline:none;width:auto}.settings-page-section{display:flex;flex-direction:column;margin-bottom:50px}.settings-sub-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:#fff6;margin-bottom:12px;letter-spacing:.05em}.setting-option-card{padding:20px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.03)}.setting-info{display:flex;flex-direction:column;gap:6px}.setting-title{font-size:.9rem;font-weight:700;color:#ffffffe6}.setting-desc{font-size:.8rem;color:#ffffff4d;line-height:1.5;max-width:500px}.settings-group-card{background-color:#ffffff05;border-radius:12px;padding:0 20px;border:1px solid rgba(255,255,255,.04);margin-bottom:20px}.destro-select-container{position:relative}.destro-select-trigger{background-color:#1e1f22;border:1px solid rgba(255,255,255,.08);padding:8px 14px;border-radius:6px;color:#dbdee1;font-size:.85rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;min-width:180px;cursor:pointer;transition:all .2s}.destro-select-trigger:hover,.destro-select-trigger.open{background-color:#2b2d31;border-color:#ff5a00;box-shadow:0 0 15px #ff5a001a}.select-chevron{transition:transform .2s;opacity:.5}.select-chevron.rotated{transform:rotate(180deg);opacity:1}.destro-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:#2b2d31;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;box-shadow:0 15px 40px #000000b3,0 0 0 1px #ffffff0d;z-index:10001;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:dropdown-slide .2s ease-out}@keyframes dropdown-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.destro-select-option{padding:12px 14px;color:#ffffffb3;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.destro-select-option:hover{background-color:#ff5a0026;color:#fff}.destro-select-option.active{background-color:#ff5a00;color:#fff;font-weight:700}.setting-control-placeholder{background-color:#4e5058;color:#fff;padding:8px 16px;border-radius:3px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .2s}.setting-control-placeholder:hover{background-color:#6d6f78}.logout-action-btn{background-color:transparent;border:1px solid #ff4444;color:#f44}.logout-action-btn:hover{background-color:#ff44441a}.room-layout{display:flex;width:100%;height:100%;padding:20px 30px;gap:30px;box-sizing:border-box;overflow:hidden;min-width:0}.room-sidebar-left,.room-sidebar-right{background-color:#00000073;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:32px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;max-height:100%;overflow:hidden;flex-shrink:0}.room-sidebar-left{flex:0 0 280px;padding:24px}.sidebar-header{margin-bottom:24px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;width:100%}.sidebar-tabs{display:flex;gap:20px;margin-bottom:24px;padding-bottom:15px;align-items:center;justify-content:center;position:relative;width:100%;border-bottom:1px solid rgba(255,255,255,.03)}.tab-icon{background:transparent;border:none;color:#444;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center;padding:8px 0;position:relative}.tab-icon:hover{color:#888}.tab-icon.active{color:#fff}.tab-icon.leave-icon{color:#e5484d66}.tab-icon.leave-icon:hover{color:#e5484d}.url-input-container{margin-bottom:20px;width:100%}.url-input-wrapper{background-color:#ffffff0d;border-radius:14px;padding:0 15px;display:flex;align-items:center;gap:10px;height:44px;border:1px solid rgba(255,255,255,.03);transition:all .2s ease}.url-input-wrapper:focus-within{background-color:#ffffff14;border-color:#ff5a004d;box-shadow:0 0 15px #ff5a001a}.url-icon{color:#555}.url-input-wrapper input{background:transparent;border:none;color:#fff;font-size:.85rem;width:100%;outline:none}.url-input-wrapper input::placeholder{color:#444}.room-info-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;width:100%}.connected-count{font-size:.75rem;color:#fff6;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.room-code-row{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.room-code{font-weight:800;font-size:1.2rem;letter-spacing:.02em}.copy-icon{color:#444;cursor:pointer}.sidebar-dynamic-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.listeners-grid{display:flex;flex-direction:column;gap:12px;padding-right:5px}.user-card{position:relative;height:90px;border-radius:24px;overflow:hidden;background-color:#0a0a0a;cursor:pointer;border:1px solid rgba(255,255,255,.04);flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0003}.user-card:hover{transform:translateY(-2px);border-color:#ffffff1a;box-shadow:0 8px 30px #0006}.user-card-banner{position:absolute;top:0;left:0;width:100%;height:100%}.user-card-banner img{width:100%;height:100%;object-fit:cover}.user-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#0000001a,#0009,#000000e6)}.user-card-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;padding:0 25px;height:100%}.user-card-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px}.user-card-name{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.25rem;color:#fff;letter-spacing:-.02em}.host-crown{color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.user-card-role{font-size:.85rem;color:#fff6;font-weight:600;text-transform:capitalize}.room-player-main{flex:1;display:flex;flex-direction:column;gap:25px;justify-content:flex-start;min-height:0;min-width:0;overflow:hidden}.center-url-bar{width:100%;flex-shrink:0}.center-url-input-wrapper{background-color:#0009;border:1px solid rgba(255,255,255,.05);border-radius:18px;height:54px;display:flex;align-items:center;padding:0 20px;gap:15px;transition:all .3s ease}.center-url-input-wrapper:focus-within{background-color:#000c;border-color:#ff5a0066;box-shadow:0 10px 30px #00000080}.url-icon-v3{color:#fff6}.center-url-input-wrapper input{background:transparent;border:none;color:#fff;font-size:.95rem;width:100%;outline:none;font-weight:500}.center-url-input-wrapper input::placeholder{color:#fff3}.url-plus-btn{background:#ff5a0026;color:#ff5a00;border:1px solid rgba(255,90,0,.2);width:36px;height:36px;border-radius:12px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.url-plus-btn:hover:not(:disabled){background:#ff5a0040;transform:scale(1.05)}.url-plus-btn:disabled{opacity:.3;cursor:not-allowed}.url-play-btn{background:#ff5a00;color:#fff;border:none;width:36px;height:36px;border-radius:12px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 4px 12px #ff5a0033}.url-play-btn:hover:not(:disabled){background:#ff6a1a;transform:scale(1.05);box-shadow:0 6px 15px #ff5a004d}.url-play-btn:disabled{background:#ffffff0d;color:#ffffff1a;box-shadow:none;cursor:not-allowed}.premium-player-card{width:100%;flex:1;background-color:#00000073;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:32px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05);position:relative;min-height:0;min-width:0}.player-art-section{flex:1;width:100%;position:relative;min-height:0;overflow:hidden;display:flex;justify-content:center;align-items:center}.neutral-art-placeholder{width:100%;height:100%;background-color:#1a1a1a;display:flex;justify-content:center;align-items:center;color:#ffffff0d}.player-art-section img{width:100%;height:100%;object-fit:cover}.player-art-fade{position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%)}.player-details-section{padding:40px;text-align:center;position:relative;z-index:5;background-color:#0009;display:flex;flex-direction:column;align-items:center;flex-shrink:0;min-width:0;width:100%}.player-artist{color:#ffffff4d;font-size:1.1rem;font-weight:500;margin-bottom:5px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-title{font-size:3.5rem;font-weight:900;margin:0 0 40px;letter-spacing:-.04em;color:#fff;line-height:1;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.player-controls-v2{display:flex;align-items:center;justify-content:center;gap:25px;margin-bottom:45px;flex-shrink:0}.player-btn-secondary{background:#fff;color:#000;border:none;width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.player-btn-secondary:hover{transform:scale(1.1);background:#eee}.player-btn-primary{background:#ff5a00;color:#fff;border:none;width:76px;height:76px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 10px 30px #ff5a004d;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.player-btn-primary:hover{transform:scale(1.08);box-shadow:0 15px 40px #ff5a0066}.player-btn-primary:disabled,.player-btn-secondary:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.8);box-shadow:none;pointer-events:none}.player-btn-primary:disabled:hover,.player-btn-secondary:disabled:hover{transform:none;box-shadow:none}.timeline-container{width:100%;max-width:600px;display:flex;align-items:center;gap:15px;margin-top:auto;flex-shrink:0}.time-label{font-size:.85rem;color:#fff3;font-weight:600;min-width:40px}.player-progress-v2{flex:1;height:6px;background-color:#ffffff14;border-radius:10px;overflow:hidden}.progress-bar-v2{height:100%;background-color:#ff5a00;border-radius:10px;box-shadow:0 0 15px #ff5a0080}.room-sidebar-right{flex:0 0 320px}.chat-v2-header{padding:30px;text-align:center;font-weight:700;font-size:1.4rem;letter-spacing:-.02em;flex-shrink:0}.chat-v2-messages{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;overflow-y:auto;min-height:0}.chat-empty-state{text-align:center}.chat-empty-state p{font-weight:600;margin-bottom:5px}.chat-empty-state span{color:#444;font-size:.9rem}.chat-v2-input-container{padding:24px;flex-shrink:0}.chat-v2-input-wrapper{background-color:#ffffff0d;border-radius:20px;padding:8px 8px 8px 20px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.03)}.chat-v2-input-wrapper input{background:transparent;border:none;color:#fff;flex:1;outline:none;font-size:.95rem}.chat-send-btn{background-color:#222;color:#fff;border:none;width:40px;height:40px;border-radius:14px;display:flex;justify-content:center;align-items:center;cursor:pointer}