.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f0f2f5;--bg-card: #ffffff;--bg-input: #eceef2;--accent: #6366f1;--accent-hover: #4f46e5;--accent-light: #eef2ff;--text: #1e293b;--text-muted: #64748b;--text-bright: #0f172a;--border: #e2e8f0;--danger: #ef4444;--success: #22c55e;--energy: #f59e0b;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.03);--shadow-lg: 0 4px 16px rgba(0,0,0,.08);--grad-start: #1e1b4b;--grad-mid: #312e81;--grad-end: #3730a3;--grad-glow1: rgba(139,92,246,.3);--grad-glow2: rgba(99,102,241,.15);--grad-border: rgba(99, 102, 241, .2);--logo-accent: #a5b4fc;--hero-accent: #a5b4fc;--signin-bg: #fff;--signin-color: #312e81;--signin-hover-bg: #e0e7ff;--signin-hover-color: #1e1b4b}[data-theme=sunset]{--accent: #3852B4;--accent-hover: #2d4499;--accent-light: #e8edf8;--energy: #F08D39;--grad-start: #1a2a52;--grad-mid: #3852B4;--grad-end: #5E7AC4;--grad-glow1: rgba(243,190,122,.25);--grad-glow2: rgba(240,141,57,.15);--grad-border: rgba(94,122,196,.3);--logo-accent: #F3BE7A;--hero-accent: #F3BE7A;--signin-bg: #F3BE7A;--signin-color: #1a2a52;--signin-hover-bg: #F08D39;--signin-hover-color: #fff}[data-theme=ocean]{--accent: #1a936f;--accent-hover: #157a5c;--accent-light: #e6f5ef;--energy: #f6ae2d;--grad-start: #0a2342;--grad-mid: #126872;--grad-end: #1a936f;--grad-glow1: rgba(136,212,152,.25);--grad-glow2: rgba(26,147,111,.15);--grad-border: rgba(18,104,114,.3);--logo-accent: #88d498;--hero-accent: #88d498;--signin-bg: #88d498;--signin-color: #0a2342;--signin-hover-bg: #1a936f;--signin-hover-color: #fff}[data-theme=berry]{--accent: #9b59b6;--accent-hover: #8344a0;--accent-light: #f3e8fa;--energy: #e74c8b;--grad-start: #2d1b3d;--grad-mid: #6b2fa0;--grad-end: #9b59b6;--grad-glow1: rgba(212,165,255,.25);--grad-glow2: rgba(155,89,182,.15);--grad-border: rgba(107,47,160,.3);--logo-accent: #d4a5ff;--hero-accent: #d4a5ff;--signin-bg: #d4a5ff;--signin-color: #2d1b3d;--signin-hover-bg: #9b59b6;--signin-hover-color: #fff}[data-theme=ember]{--accent: #e94560;--accent-hover: #d13350;--accent-light: #fde8ec;--energy: #fca311;--grad-start: #1a1a2e;--grad-mid: #16213e;--grad-end: #0f3460;--grad-glow1: rgba(255,107,107,.25);--grad-glow2: rgba(233,69,96,.15);--grad-border: rgba(15,52,96,.3);--logo-accent: #ff6b6b;--hero-accent: #ff6b6b;--signin-bg: #ff6b6b;--signin-color: #1a1a2e;--signin-hover-bg: #e94560;--signin-hover-color: #fff}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:24px 20px}.navbar{display:flex;align-items:center;gap:24px;padding:12px 24px;background:linear-gradient(135deg,var(--grad-start) 0%,var(--grad-mid) 50%,var(--grad-end) 100%);border-bottom:1px solid var(--grad-border);box-shadow:0 2px 12px #00000026;position:sticky;top:0;z-index:100}.navbar-logo{font-size:1.4rem;font-weight:700;color:#fff}.logo-a{color:var(--logo-accent)}.navbar-links{display:flex;gap:2px;flex:1}.nav-link{padding:6px 12px;border-radius:var(--radius);color:#ffffffa6;font-size:.9rem;transition:all .15s}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{color:#fff;background:#ffffff26;font-weight:600}.navbar-right{display:flex;align-items:center;gap:12px}.profile-dropdown{position:relative}.profile-dropdown-trigger{display:flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:6px 12px;cursor:pointer;color:#fff;font-size:.9rem;transition:all .15s}.profile-dropdown-trigger:hover{border-color:#fff6;background:#ffffff2e}.dropdown-arrow{font-size:.7rem;color:#ffffff80;margin-left:2px}.profile-dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;z-index:200;overflow:hidden;animation:dropdown-in .15s ease-out}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;width:100%;padding:10px 16px;font-size:.9rem;color:var(--text);text-align:left;background:none;border:none;cursor:pointer;transition:background .1s;text-decoration:none}.dropdown-item:hover{background:var(--bg);color:var(--text-bright)}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.dropdown-signout{color:var(--danger)}.dropdown-signout:hover{background:#ef444414;color:var(--danger)}.lang-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:4px 10px;border-radius:var(--radius);cursor:pointer;font-size:.8rem;transition:all .15s}.lang-toggle:hover{color:#fff;border-color:#fff6}.theme-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:4px 8px;border-radius:var(--radius);cursor:pointer;font-size:1rem;transition:all .15s;line-height:1}.theme-toggle:hover{color:#fff;border-color:#fff6}.nav-signin-btn{background:var(--signin-bg)!important;color:var(--signin-color)!important;font-weight:600;border:none;transition:all .15s}.nav-signin-btn:hover{background:var(--signin-hover-bg)!important;color:var(--signin-hover-color)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border-radius:var(--radius);border:none;font-size:.95rem;cursor:pointer;transition:all .15s}.btn-primary{background:var(--accent);color:#fff!important;font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted)}.btn-lg{padding:14px 36px;font-size:1.1rem;border-radius:var(--radius-lg)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.recording-card-link{display:block;color:inherit}.recording-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.recording-card-user{font-weight:600;color:var(--text-bright);display:block;font-size:.9rem}.recording-card-song{color:var(--text-muted);font-size:.85rem}.recording-card-stats{display:flex;gap:14px;font-size:.85rem;color:var(--text-muted)}.recording-card-stats .like-btn-sm.liked{color:#ef4444}.energy-badge{color:#fff;font-weight:600;background:linear-gradient(135deg,var(--energy),color-mix(in srgb,var(--energy),#000 15%));padding:1px 8px;border-radius:10px;font-size:.78rem}.duet-card .recording-card-link{display:flex;align-items:center;gap:12px}.duet-avatars{display:flex}.avatar-overlap{margin-left:-12px}.duet-info{flex:1}.user-card{display:flex;align-items:center;gap:10px;color:inherit;padding:10px 12px}.user-card:hover{background:var(--bg-hover)}.user-card-body{flex:1;min-width:0}.user-card-row{display:flex;align-items:center;gap:6px}.user-card-name{font-weight:600;color:var(--text-bright);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-name .premium-star{font-size:.75rem;margin-left:2px}.user-card-rank{font-size:.75rem;color:var(--accent);font-weight:700;margin-left:auto;flex-shrink:0}.user-card-username{color:var(--text-muted);font-size:.78rem;display:block}.user-card-meta{display:flex;gap:8px;font-size:.72rem;color:var(--text-muted);margin-top:2px}.user-card-meta span{white-space:nowrap}.user-card-location{overflow:hidden;text-overflow:ellipsis}.avatar-xs,.avatar-sm,.avatar-md,.avatar-lg,.avatar-xl{border-radius:50%;object-fit:cover;background:var(--bg-hover) url(/default-male.svg) center/cover no-repeat}.avatar-xs{width:24px;height:24px}.avatar-sm{width:32px;height:32px}.avatar-md{width:48px;height:48px}.avatar-lg{width:80px;height:80px}.avatar-xl{width:120px;height:120px}.home-welcome-banner{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius);background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid rgba(99,102,241,.2);color:var(--text);font-size:.9rem;text-decoration:none;transition:all .2s;margin-bottom:20px}.home-welcome-banner:hover{background:linear-gradient(135deg,#6366f12e,#a855f72e);border-color:#6366f159}.recordings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.hero{text-align:center;padding:56px 24px;background:linear-gradient(135deg,var(--grad-start) 0%,var(--grad-mid) 40%,var(--grad-end) 100%);border:none;border-radius:var(--radius-lg);margin-bottom:32px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,var(--grad-glow1) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,var(--grad-glow2) 0%,transparent 50%);pointer-events:none}.hero h1{font-size:2.4rem;color:#fff;margin-bottom:12px;position:relative}.hero p{color:#ffffffbf;font-size:1.1rem;margin-bottom:24px;position:relative}.hero .btn{position:relative}.home-content{display:grid;grid-template-columns:1fr 280px;gap:24px}.home-main{min-width:0}.home-sidebar{position:sticky;top:80px;align-self:start}.section{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--accent)}.section-header h2{font-size:1.3rem;color:var(--text-bright)}.link-more{font-size:.9rem}.hall-of-fame{background:linear-gradient(180deg,var(--grad-start) 0%,var(--grad-mid) 100%);border:none;color:#fff}.hall-of-fame h3{margin-bottom:12px;color:#fff;display:flex;align-items:center;gap:8px}.hall-of-fame ul{list-style:none}.fame-entry{display:flex;align-items:center;gap:8px;padding:8px 0;color:#ffffffd9;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.1)}.fame-entry:hover{color:#fff}.fame-rank{font-weight:700;min-width:28px}.fame-rank-1{color:#fbbf24}.fame-rank-2{color:#d1d5db}.fame-rank-3{color:#d97706}.fame-name{flex:1}.fame-score{color:#fbbf24;font-weight:600;background:#fbbf2426;padding:2px 8px;border-radius:8px;font-size:.78rem}.audio-player-pro{padding:12px 0}.ap-tonality-row{display:flex;align-items:center;gap:10px;margin-top:6px;padding:2px 0 0 80px}.ap-tonality-label{font-size:.82rem;color:var(--text-muted);white-space:nowrap;font-weight:500}.ap-tonality-buttons{display:flex;gap:3px}.ap-tonality-btn{width:34px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--bg-input);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.ap-tonality-btn:hover{background:var(--border);color:var(--text)}.ap-tonality-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ap-main{display:flex;align-items:center;gap:12px}.ap-play-btn{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .1s}.ap-play-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.ap-play-btn:active{transform:scale(.95)}.ap-play-btn:disabled{opacity:.5;cursor:default;transform:none}.ap-waveform-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ap-waveform-wrap{position:relative;border-radius:6px}.ap-waveform{border-radius:6px}.ap-hover-time{position:absolute;top:-26px;transform:translate(-50%);background:#000c;color:#fff;font-size:.72rem;padding:2px 6px;border-radius:4px;pointer-events:none;font-variant-numeric:tabular-nums;white-space:nowrap}.ap-bottom-row{display:flex;align-items:center;gap:8px}.ap-time{font-size:.78rem;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:36px}.ap-time:last-child{text-align:right}.ap-live{border-radius:4px;background:var(--bg-input)}.audio-player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;background:color-mix(in srgb,var(--bg-card) 85%,transparent);border-radius:6px;font-size:.85rem;color:var(--text-muted)}.audio-player-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.audio-error{font-size:.85rem;color:#e11d48}.sort-tabs{display:flex;gap:8px;margin-bottom:20px}.tab{padding:6px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;font-size:.9rem}.tab:hover{border-color:var(--accent);color:var(--text)}.tab.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);font-weight:500}.page-auth{display:flex;justify-content:center;align-items:center;min-height:60vh}.auth-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.auth-form h1{text-align:center;color:var(--text-bright)}.auth-form label{display:flex;flex-direction:column;gap:4px;font-size:.95rem;color:var(--text-muted)}.auth-form input{padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:1rem}.auth-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.auth-switch{text-align:center;font-size:.9rem;color:var(--text-muted)}.error-msg{color:var(--danger);text-align:center;font-size:.9rem}.auth-hints{display:flex;flex-direction:column;gap:2px}.auth-hint{font-size:.8rem}.auth-hint.valid{color:#16a34a}.auth-hint.invalid{color:var(--danger, #dc2626)}.search-input{width:100%;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:1rem;margin-bottom:20px}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.page-profile{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.profile-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}.profile-main{display:flex;flex-direction:column;gap:24px;min-width:0}.profile-header.card{padding:16px;overflow:hidden;margin-bottom:0}.profile-header-top{display:flex;align-items:center;gap:12px}.avatar-ring{padding:2px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--energy));flex-shrink:0}.avatar-ring .avatar-xl{display:block;border:2px solid var(--bg-card);width:64px;height:64px}.profile-info h1{margin-bottom:0;font-size:1.1rem;color:var(--text-bright)}.profile-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:10px 16px 0;border-top:1px solid var(--border);margin-top:12px}.profile-location{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:.76rem;color:var(--text-muted);opacity:.8}.profile-location svg{opacity:.6}.profile-member-since{display:flex;align-items:center;gap:4px;margin-top:1px;font-size:.76rem;color:var(--text-muted);opacity:.7;cursor:default}.profile-member-since svg{opacity:.5}.profile-bio{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);color:var(--text);line-height:1.4;font-size:.85rem}.profile-bio-edit{margin-top:8px}.profile-bio-edit textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;resize:vertical;background:var(--bg-input);color:var(--text);font-family:inherit}.profile-bio-edit textarea:focus{outline:none;border-color:var(--accent)}.profile-bio-actions{display:flex;gap:8px;margin-top:6px;align-items:center}.profile-stats-card{list-style:none;margin:10px 0 0;padding:10px 16px 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px;font-size:.88rem;color:var(--text-muted)}.profile-stats-card li{display:flex;align-items:center;gap:6px}.profile-stats-card svg{opacity:.5;flex-shrink:0}.profile-stat-value{font-weight:700;color:var(--text-bright)}.profile-score{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;background:var(--accent-light);border-radius:var(--radius)}.profile-score-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.profile-score-label{font-size:.85rem;font-weight:500;color:var(--text)}.profile-score-rank{font-size:1.1rem;font-weight:700;color:var(--accent)}.profile-score-rank a{color:var(--accent);text-decoration:underline;font-size:.85rem;font-weight:400;margin-left:4px}.profile-section h2{display:flex;align-items:center;gap:8px}.profile-section h2 svg{opacity:.5;flex-shrink:0}.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;min-height:50vh}.page-error h1{font-size:4rem;font-weight:800;color:var(--accent);margin:0 0 .5rem}.page-error p{font-size:1.1rem;color:var(--text-muted);margin-bottom:1.5rem}.page-settings{padding:20px;max-width:1200px}.page-settings h1{margin-bottom:20px}.settings-columns{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.settings-columns>.settings-card{flex:1 1 280px;min-width:280px}.settings-section-title{font-size:1rem;margin:0 0 12px;color:var(--text-bright);border-bottom:1px solid var(--border);padding-bottom:8px}.settings-card{display:flex;flex-direction:column;gap:16px;padding:20px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.settings-field input[type=text],.settings-field input[type=password],.settings-field textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;background:var(--bg-input);color:var(--text);font-family:inherit}.settings-field textarea{resize:vertical}.settings-field input:focus,.settings-field textarea:focus{outline:none;border-color:var(--accent)}.settings-avatar-row{display:flex;align-items:center;gap:16px}.settings-avatar-row .avatar-ring{flex-shrink:0}.settings-actions{padding-top:4px}.page-recording-detail{padding:20px}.rd-hero{background:linear-gradient(135deg,var(--grad-start) 0%,var(--grad-mid) 50%,var(--grad-end) 100%);border-radius:var(--radius-lg);padding:32px 28px;margin-bottom:20px;position:relative;overflow:hidden}.rd-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,var(--grad-glow1) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,var(--grad-glow2) 0%,transparent 50%);pointer-events:none}.rd-hero-inner{display:flex;align-items:center;gap:24px;position:relative}.rd-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000004d;flex-shrink:0}.rd-hero-info{flex:1;min-width:0}.rd-title{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-artist{color:var(--hero-accent);font-size:1.05rem;margin:0 0 6px}.rd-user{color:#fffc;font-size:.9rem;text-decoration:none;transition:color .15s}.rd-user:hover{color:#fff}.rd-date{display:block;color:#ffffff73;font-size:.8rem;margin-top:4px}.rd-owner-actions{position:absolute;top:12px;right:12px;z-index:1;display:flex;gap:6px}.rd-owner-btn{background:#ffffff1a;border:none;border-radius:6px;color:#fff9;cursor:pointer;font-size:.9rem;padding:4px 8px;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center}.rd-owner-btn:hover{background:#fff3;color:#fff}.rd-owner-delete:hover{background:#ef44444d;color:#fca5a5}.rd-title-row{display:flex;align-items:baseline;gap:12px}.rd-track-link{font-size:.8rem;white-space:nowrap;flex-shrink:0;color:#ffffff80;text-decoration:none;transition:color .15s}.rd-track-link:hover{color:var(--hero-accent)}.rd-energy{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--energy),color-mix(in srgb,var(--energy),#000 15%));box-shadow:0 0 20px color-mix(in srgb,var(--energy),transparent 70%)}.rd-energy-value{font-size:1.2rem;font-weight:700;color:#fff;line-height:1}.rd-energy-label{font-size:.6rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.rd-description{margin-bottom:16px}.rd-description p{color:var(--text);line-height:1.6;margin:0}.rd-player{margin-bottom:16px}.rd-stats{display:flex;gap:10px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.rd-stat,.rd-stat-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:.9rem;color:var(--text-muted)}.rd-stat-btn{cursor:pointer;transition:all .15s}.rd-stat-btn:hover:not(:disabled){border-color:#e74c3c;color:#e74c3c}.rd-stat-btn.liked{border-color:#e74c3c;color:#e74c3c}.rd-stat-btn:disabled{opacity:.5;cursor:default}.rd-stat-icon{font-size:.85rem}.rd-stat-value{font-weight:600;color:var(--text-bright)}.rd-stat-label{display:none}.rd-comments{margin-bottom:24px}.rd-comments .comments-section{margin-top:0}.recording-desc-edit{margin-bottom:16px}.recording-desc-edit textarea{width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;resize:vertical;background:var(--bg-card);color:var(--text)}.recording-desc-actions{display:flex;gap:8px;margin-top:6px}@media (max-width: 600px){.rd-hero{padding:24px 20px}.rd-hero-inner{flex-wrap:wrap;gap:16px}.rd-avatar{width:72px;height:72px}.rd-title{font-size:1.3rem}.rd-energy{width:56px;height:56px}.rd-energy-value{font-size:1rem}.rd-stats{gap:8px}}.like-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:4px 12px;cursor:pointer;font-size:.95rem;color:var(--text-muted);transition:all .15s}.like-btn:hover:not(:disabled){border-color:#e74c3c;color:#e74c3c}.like-btn.liked{color:#e74c3c;border-color:#e74c3c}.like-btn:disabled{opacity:.5;cursor:default}.like-btn-sm{background:none;border:none;cursor:pointer;font-size:.85rem;color:var(--text-muted);padding:0;transition:color .15s}.like-btn-sm:hover,.like-btn-sm.liked{color:#e74c3c}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline}.btn-link:hover{opacity:.8}.btn-danger{background:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:var(--radius);cursor:pointer;font-size:.9rem}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.recording-card-desc{font-size:.8rem;color:var(--text-muted);margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments-section{margin-top:24px}.comments-section h2{margin-bottom:16px;color:var(--text-bright)}.comment-form{display:flex;align-items:center;gap:6px;margin-bottom:16px}.comment-form input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;background:var(--bg-card);color:var(--text)}.comments-list{display:flex;flex-direction:column;gap:12px}.comment{display:flex;gap:10px}.comment-user{font-weight:600;color:var(--text-bright);font-size:.9rem}.comment p{font-size:.9rem;margin:2px 0}.vote-btn{background:none;border:none;cursor:pointer;font-size:.7rem;color:var(--text-muted);padding:2px 4px;line-height:1;transition:color .15s}.vote-btn:hover:not(:disabled){color:var(--text-bright)}.vote-btn:disabled{opacity:.4;cursor:default}.vote-btn.voted-up{color:var(--accent)}.vote-btn.voted-down{color:var(--danger, #e74c3c)}.muted{color:var(--text-muted)}.page-feed{max-width:600px;margin:0 auto}.post-compose{padding:10px 12px}.post-compose-inner{display:flex;flex-direction:column;gap:6px}.post-compose textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;resize:none;background:var(--bg-input);color:var(--text);font-family:inherit}.post-compose textarea:focus{outline:none;border-color:var(--accent)}.post-compose-toolbar{display:flex;align-items:center;gap:4px}.post-compose-toolbar .btn{margin-left:auto}.post-compose-icon{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:4px;opacity:.6;transition:opacity .15s}.post-compose-icon:hover{opacity:1}.post-compose-preview{position:relative;display:inline-block;margin-top:6px}.post-compose-preview img{max-height:80px;border-radius:var(--radius);display:block}.post-compose-preview-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;line-height:1}.emoji-picker-wrap{position:relative}.emoji-picker-trigger{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:2px 4px;opacity:.6;transition:opacity .15s;line-height:1}.emoji-picker-trigger:hover{opacity:1}.emoji-picker-popup{position:absolute;bottom:100%;left:0;z-index:50;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:6px;box-shadow:var(--shadow-lg);width:280px;margin-bottom:4px}.emoji-picker-item{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px;border-radius:4px;transition:background .1s;line-height:1}.emoji-picker-item:hover{background:var(--bg-input)}.feed-list{display:flex;flex-direction:column;gap:16px}.post-card-link{display:block;color:inherit;text-decoration:none}.post-card{display:flex;flex-direction:column;gap:10px}.post-card-header{display:flex;align-items:center;gap:10px}.post-card-user{font-weight:600;color:var(--text-bright);font-size:.9rem;text-decoration:none}.post-card-user:hover{color:var(--accent)}.post-card-time{font-size:.8rem;color:var(--text-muted);margin-left:4px}.post-text{font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.post-text-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-image{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius)}.post-stats{display:flex;align-items:center;gap:16px;font-size:.9rem}.post-edit-form textarea{width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;resize:vertical;background:var(--bg-card);color:var(--text);font-family:inherit}.post-detail{margin-bottom:24px}.image-upload{margin-top:4px}.image-upload-box{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:60px;border:2px dashed var(--border);border-radius:var(--radius);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.9rem;transition:all .15s}.image-upload-box:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.image-preview{position:relative;display:inline-block}.image-preview img{max-height:150px;border-radius:var(--radius);display:block}.image-preview-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;line-height:1}.image-upload-spinner{font-size:.85rem;color:var(--text-muted);margin-top:4px}.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:.85rem;margin-bottom:16px;flex-wrap:wrap}.breadcrumbs a{color:var(--accent);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumb-sep{color:var(--text-muted)}.breadcrumb-current{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.page-forum{max-width:800px;margin:0 auto}.forum-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.forum-header h1{flex:1;margin-bottom:0}.forum-categories-list{display:flex;flex-direction:column;gap:8px}.forum-category-card{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;color:inherit;text-decoration:none;transition:background .15s}.forum-category-card:hover{background:var(--bg)}.forum-category-name{font-weight:600;color:var(--text-bright);font-size:1.05rem}.forum-category-count{font-size:.9rem;color:var(--text-muted)}.threads-list{display:flex;flex-direction:column;gap:8px}.thread-card{display:flex;flex-direction:column;gap:8px;padding:16px;color:inherit;text-decoration:none;transition:background .15s}.thread-card:hover{background:var(--bg)}.thread-card-title{font-weight:600;color:var(--text-bright);font-size:1rem}.thread-card-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted)}.pinned-badge{display:inline-block;padding:2px 8px;border-radius:10px;background:var(--accent-light);color:var(--accent);font-size:.75rem;font-weight:600}.thread-create-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.thread-create-form textarea,.thread-title-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;background:var(--bg-input);color:var(--text);font-family:inherit}.thread-title-input{font-weight:600}.thread-create-form textarea:focus,.thread-title-input:focus{outline:none;border-color:var(--accent)}.thread-detail{margin-bottom:24px}.thread-detail-header{margin-bottom:16px}.thread-detail-header h1{margin-bottom:8px}.thread-body{white-space:pre-wrap;word-wrap:break-word;line-height:1.7;font-size:.95rem}.avatar-upload-wrap{position:relative;cursor:pointer;display:inline-block}.avatar-camera{position:absolute;bottom:2px;right:2px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;box-shadow:var(--shadow)}.page-studio{--studio-bg: #0f1219;--studio-card: #1a1f2e;--studio-text: #e2e8f0;--studio-text-muted: #94a3b8;--studio-accent: var(--accent);--studio-red: var(--danger);--studio-green: var(--success);max-width:1100px;margin:0 auto;background:var(--studio-bg);color:var(--studio-text);border-radius:var(--radius-lg);padding:16px 24px;min-height:70vh}.studio-no-track{display:flex;justify-content:center;align-items:center}.studio-auth-gate{text-align:center;padding:3rem 1.5rem;color:var(--studio-text)}.studio-auth-gate h2{margin-bottom:.5rem}.studio-auth-gate p{opacity:.7;margin-bottom:1.5rem}.page-studio h1{color:var(--studio-text);margin-bottom:0}.page-studio a{color:var(--studio-accent)}.studio-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.studio-left{min-width:0}.studio-right{display:flex;flex-direction:column;gap:6px;position:sticky;top:160px;max-height:calc(100vh - 130px);justify-content:center}.studio-error{color:#fca5a5;background:#ef444426;border:1px solid rgba(239,68,68,.3);padding:10px 14px;border-radius:var(--radius);margin-bottom:16px;font-size:.9rem}.studio-mic-blocked{display:flex;align-items:center;gap:12px;justify-content:center;background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;color:#fca5a5;font-size:.9rem}.btn-retry-mic{background:var(--studio-accent);color:#fff;border:none;padding:6px 14px;border-radius:var(--radius);cursor:pointer;font-size:.85rem}.btn-retry-mic:hover{opacity:.9}.studio-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;text-align:center}.studio-empty-icon{font-size:4rem;opacity:.4}.studio-empty h2{color:var(--studio-text-muted);font-weight:400;font-size:1.3rem}.studio-loading{text-align:center;padding:3rem;color:var(--studio-text-muted);font-size:1.1rem}.studio-song-header{display:flex;align-items:baseline;gap:12px;margin-bottom:8px;flex-wrap:wrap;position:sticky;top:60px;z-index:10;background:var(--studio-bg);padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.studio-song-header h1{font-size:1.4rem;flex:1;min-width:0}.studio-song-artist{color:var(--studio-text-muted);font-weight:400}.studio-change-link{font-size:.85rem;color:var(--studio-text-muted);flex-shrink:0}.studio-change-link:hover{color:var(--studio-accent)}.studio-lyrics-panel{background:var(--studio-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:20px 24px;transition:background .2s,border-color .2s}.studio-lyrics-panel.lyrics-theme-light{background:#fafafa;border-color:#e0e0e0}.studio-lyrics-panel.lyrics-theme-light .lyrics-text{color:#1a1a1a}.studio-lyrics-panel.lyrics-theme-light .lyrics-size-btn{border-color:#ccc;background:#f0f0f0;color:#666}.studio-lyrics-panel.lyrics-theme-light .lyrics-size-btn:hover{background:#e0e0e0;color:#333}.studio-lyrics-panel.lyrics-theme-light .lyrics-size-btn.active{background:var(--studio-accent);color:#fff;border-color:var(--studio-accent)}.lyrics-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.lyrics-size-toggle{display:flex;gap:0}.lyrics-size-btn{padding:4px 14px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--studio-text-muted);transition:all .15s}.lyrics-size-btn:first-child{border-radius:6px 0 0 6px}.lyrics-size-btn:last-child{border-radius:0 6px 6px 0}.lyrics-size-btn:not(:first-child){border-left:none}.lyrics-size-btn:hover{background:#ffffff1f;color:var(--studio-text)}.lyrics-size-btn.active{background:var(--studio-accent);color:#fff;border-color:var(--studio-accent)}.lyrics-size-btn.active+.lyrics-size-btn{border-left-color:var(--studio-accent)}.lyrics-theme-btn{background:none;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:4px 10px;font-size:1.1rem;cursor:pointer;transition:all .15s;line-height:1}.lyrics-theme-btn:hover{background:#ffffff1f}.studio-lyrics-panel.lyrics-theme-light .lyrics-theme-btn{border-color:#ccc}.studio-lyrics-panel.lyrics-theme-light .lyrics-theme-btn:hover{background:#e0e0e0}.studio-lyrics-panel .lyrics-text{color:var(--studio-text);max-height:none}.lyrics-text.lyrics-sm{font-size:.95rem;line-height:1.8}.lyrics-text.lyrics-md{font-size:1.15rem;line-height:2}.lyrics-text.lyrics-lg{font-size:1.45rem;line-height:2.2}.studio-lyrics-panel::-webkit-scrollbar{width:6px}.studio-lyrics-panel::-webkit-scrollbar-track{background:transparent}.studio-lyrics-panel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.studio-volumes{display:flex;flex-direction:column;gap:4px}.studio-tonality{display:flex;align-items:center;gap:10px}.tonality-label{font-size:.82rem;color:var(--studio-text-muted);white-space:nowrap}.tonality-buttons{display:flex;gap:4px}.tonality-btn{width:36px;height:30px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0f;color:var(--studio-text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.tonality-btn:hover:not(:disabled){background:#ffffff1f;color:var(--studio-text)}.tonality-btn.active{background:var(--studio-accent);color:#fff;border-color:var(--studio-accent);box-shadow:0 0 8px #6c5ce766}.tonality-btn:disabled{opacity:.4;cursor:default}.tonality-preview-btn{width:30px;height:30px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:#ffffff0f;color:var(--studio-text-muted);font-size:.75rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;margin-left:4px}.tonality-preview-btn:hover:not(:disabled){background:#ffffff1f;color:var(--studio-text)}.tonality-preview-btn.playing{background:var(--studio-accent);color:#fff;border-color:var(--studio-accent)}.tonality-preview-btn:disabled{opacity:.4;cursor:default}.volume-slider-row{display:flex;align-items:center;gap:10px}.volume-icon{font-size:1.2rem;min-width:24px;text-align:center}.volume-slider-row input[type=range]{flex:1;height:6px}.volume-value{font-family:monospace;font-size:.85rem;color:var(--studio-text-muted);min-width:32px;text-align:right}.studio-vu-meter{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:70px;padding:0 20px}.vu-bar{flex:1;max-width:12px;border-radius:2px 2px 0 0;background:linear-gradient(to top,var(--studio-green) 0%,#eab308 60%,var(--studio-red) 100%);min-height:4px}.studio-pitch{display:flex;align-items:center;gap:8px;justify-content:center}.pitch-note{font-size:2rem;font-weight:700;color:var(--studio-accent);font-family:monospace;min-width:70px;text-align:center;text-shadow:0 0 20px rgba(59,130,246,.3)}.pitch-freq{font-size:.85rem;color:var(--studio-text-muted)}.studio-record-area{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}.btn-record-big{width:72px;height:72px;border-radius:50%;border:none;cursor:pointer;background:var(--studio-red);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ef444466;transition:transform .1s,box-shadow .2s}.btn-record-big:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 30px #ef444499}.btn-record-big:active:not(:disabled){transform:scale(.95)}.btn-record-big:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.record-dot{width:26px;height:26px;border-radius:50%;background:#fff}.btn-stop-big{width:72px;height:72px;border-radius:50%;border:none;cursor:pointer;background:#374151;display:flex;align-items:center;justify-content:center;transition:transform .1s}.btn-stop-big:hover{transform:scale(1.05)}.btn-stop-big:active{transform:scale(.95)}.stop-square{width:24px;height:24px;border-radius:4px;background:var(--studio-red)}.studio-timer{font-family:monospace;font-size:1.6rem;color:var(--studio-text);text-shadow:0 0 10px rgba(255,255,255,.1)}.studio-ok{color:var(--studio-green);font-weight:500;font-size:.9rem}.recording-indicator{width:16px;height:16px;border-radius:50%;background:var(--studio-red);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.studio-advanced{background:var(--studio-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);margin-bottom:20px}.studio-advanced summary{padding:12px 16px;cursor:pointer;font-size:.9rem;color:var(--studio-text-muted);list-style:none;-webkit-user-select:none;user-select:none}.studio-advanced summary::-webkit-details-marker{display:none}.studio-advanced summary:before{content:"▸"}.studio-advanced[open] summary:before{content:"▾"}.studio-advanced .studio-controls{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px}.studio-advanced .studio-slider{display:grid;grid-template-columns:140px 1fr 70px;align-items:center;gap:10px;font-size:.85rem}.studio-advanced .slider-label{color:var(--studio-text-muted)}.studio-advanced .slider-value{text-align:right;font-family:monospace;font-size:.8rem;color:var(--studio-text)}.studio-advanced .studio-slider input[type=range]{width:100%;accent-color:var(--studio-accent)}.studio-advanced .studio-checkbox{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer;padding:4px 0;color:var(--studio-text)}.studio-advanced .studio-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--studio-accent);cursor:pointer}.studio-result{background:var(--studio-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;margin-top:20px}.studio-result .studio-save-form{margin-top:1rem;display:flex;flex-direction:column;gap:8px}.studio-result .studio-description{width:100%;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);font-size:.9rem;resize:vertical;background:var(--studio-bg);color:var(--studio-text)}.page-studio .editor-container{background:transparent;box-shadow:none;padding:0}.page-studio .editor-transport{border-bottom-color:#ffffff1a}.page-studio .editor-time,.page-studio .editor-track-label{color:var(--studio-text)}.page-studio .editor-effects{border-top-color:#ffffff1a}.page-studio .editor-effects h3{color:var(--studio-accent)}.page-studio .editor-hint,.page-studio .editor-loading,.page-studio .studio-slider .slider-label{color:var(--studio-text-muted)}.page-studio .studio-slider .slider-value{color:var(--studio-text)}.page-studio input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}.page-studio input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--studio-accent);border:2px solid rgba(255,255,255,.2);box-shadow:0 0 8px #3b82f666;cursor:pointer;transition:box-shadow .15s,transform .1s}.page-studio input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 14px #3b82f699;transform:scale(1.15)}.page-studio input[type=range]::-webkit-slider-thumb:active{transform:scale(.95)}.page-studio input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--studio-accent);border:2px solid rgba(255,255,255,.2);box-shadow:0 0 8px #3b82f666;cursor:pointer}.page-studio input[type=range]::-moz-range-track{height:6px;background:#ffffff1a;border-radius:3px;border:none}.page-studio .btn-sm{background:#ffffff14;border-color:#ffffff1f;color:var(--studio-text)}.page-studio .btn-sm:hover{background:#ffffff26}.page-studio .btn-muted{background:var(--studio-red);border-color:var(--studio-red);color:#fff}.page-studio .editor-waveform-canvas{border-color:#ffffff1a}@media (max-width: 900px){.studio-layout{grid-template-columns:1fr}.studio-right{position:static}.studio-lyrics-panel{max-height:300px;overflow-y:auto}.page-studio{padding:16px 12px}.studio-song-header h1{font-size:1.1rem}.studio-advanced .studio-slider{grid-template-columns:100px 1fr 60px}}.editor-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:20px;display:flex;flex-direction:column;gap:16px}.editor-transport{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.editor-time{font-family:monospace;font-size:1rem;color:var(--text-bright);min-width:100px}.editor-seek{flex:1;accent-color:var(--accent)}.editor-export-group{display:flex;gap:8px;margin-left:auto}.editor-track{display:flex;flex-direction:column;gap:6px}.editor-track-header{display:flex;align-items:center;gap:12px}.editor-track-label{font-weight:600;font-size:.95rem;color:var(--text-bright);min-width:100px}.editor-waveform-canvas{border:1px solid var(--border);border-radius:6px;cursor:pointer}.btn-sm{padding:4px 12px;font-size:.8rem;border-radius:var(--radius);cursor:pointer}.btn-sm:not(.btn-primary):not(.btn-danger){border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.btn-sm:not(.btn-primary):not(.btn-danger):hover{background:var(--border)}.btn-muted{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-muted:hover{background:#dc2626}.editor-effects{padding-top:12px;border-top:1px solid var(--border)}.editor-effects h3{font-size:.95rem;color:var(--accent);margin-bottom:12px;text-transform:uppercase}.editor-hint{font-size:.85rem;color:var(--text-muted);margin-top:8px;font-style:italic}.editor-loading{text-align:center;padding:32px;color:var(--text-muted)}.page-my-recordings{max-width:800px;margin:0 auto}.page-my-recordings h1{margin-bottom:16px;display:flex;align-items:center;gap:10px}.my-rec-count{font-size:.75rem;font-weight:600;background:var(--accent);color:#fff;padding:2px 8px;border-radius:10px;vertical-align:middle}.my-rec-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;align-items:center}.my-rec-search{flex:1;min-width:180px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;background:var(--bg-card);color:var(--text);font-family:inherit}.my-rec-search:focus{outline:none;border-color:var(--accent)}.my-rec-filters{display:flex;gap:0}.my-rec-filters .tab{font-size:.8rem;padding:6px 10px}.my-rec-filter-count{font-size:.7rem;background:var(--border);color:var(--text-muted);padding:0 5px;border-radius:8px;margin-left:3px}.my-recordings-list{display:flex;flex-direction:column;gap:6px}.my-rec-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s}.my-rec-row:hover{box-shadow:var(--shadow)}.my-rec-row.expanded{box-shadow:var(--shadow);border-color:var(--accent)}.my-rec-header{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.my-rec-header:hover{background:var(--bg)}.my-rec-vis{font-size:.85rem;flex-shrink:0}.my-rec-title{font-weight:600;color:var(--text-bright);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-rec-title:hover{color:var(--accent)}.my-rec-artist{color:var(--text-muted);font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.my-rec-stats-inline{display:flex;gap:10px;font-size:.78rem;color:var(--text-muted);flex-shrink:0;margin-left:auto}.my-rec-time{font-size:.78rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.my-rec-chevron{font-size:.6rem;color:var(--text-muted);transition:transform .2s;flex-shrink:0;margin-left:4px}.my-rec-chevron.open{transform:rotate(180deg)}.my-rec-settings{padding:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:14px;background:var(--bg)}.my-rec-settings-row{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.control-group{display:flex;flex-direction:column;gap:6px}.control-label{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.control-toggles{flex-direction:row;gap:20px}.visibility-selector{display:flex;gap:0}.visibility-btn{padding:6px 14px;font-size:.85rem;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);transition:all .15s}.visibility-btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.visibility-btn:last-child{border-radius:0 var(--radius) var(--radius) 0}.visibility-btn:not(:first-child){border-left:none}.visibility-btn:hover{background:var(--bg);color:var(--text)}.visibility-btn.active.visibility-private{background:#fef3c7;border-color:#f59e0b;color:#92400e}.visibility-btn.active.visibility-unlisted{background:#e0f2fe;border-color:#0ea5e9;color:#0c4a6e}.visibility-btn.active.visibility-public{background:#dcfce7;border-color:#22c55e;color:#166534}.my-recording-desc{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;resize:vertical;background:var(--bg-input);color:var(--text);font-family:inherit}.my-recording-desc:focus{outline:none;border-color:var(--accent)}.my-recording-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--border)}.page-my-recordings .toggle-switch{padding:0}.page-my-recordings .toggle-track{background:#cbd5e1}.page-my-recordings .toggle-switch input:checked+.toggle-track{background:var(--accent)}.page-my-recordings .toggle-label{color:var(--text);font-size:.85rem}@media (max-width: 640px){.my-rec-header{flex-wrap:wrap}.my-rec-stats-inline{margin-left:0;width:100%;order:10}.my-rec-time{order:9}.my-rec-settings-row{flex-direction:column}.control-toggles{flex-direction:column;gap:8px}}.footer{border-top:none;padding:24px;margin-top:48px;background:linear-gradient(135deg,var(--grad-start) 0%,var(--grad-mid) 50%,var(--grad-end) 100%)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.footer-brand{font-weight:700;color:#fff}.footer-links{display:flex;gap:16px}.footer-links a{color:#fff9;font-size:.85rem}.footer-links a:hover{color:#fff}.footer-legal{display:flex;gap:16px}.footer-legal a{color:#fff6;font-size:.78rem}.footer-legal a:hover{color:#ffffffb3}.footer-copy{font-size:.8rem;color:#fff6}.spinner{display:inline-block;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-sm{width:16px;height:16px}.spinner-md{width:24px;height:24px}.spinner-lg{width:40px;height:40px;border-width:3px}.page-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 20px;color:var(--text-muted);font-size:.95rem}.btn-loading{display:inline-flex;align-items:center;gap:6px;opacity:.8}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border) 50%,var(--bg-input) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius)}.skeleton-circle{border-radius:50%}.skeleton-row{display:flex;align-items:center;gap:10px}.skeleton-col{display:flex;flex-direction:column;gap:6px}.skeleton-text-group{display:flex;flex-direction:column;gap:8px;margin-top:10px}.skeleton-recording-card{padding:16px}.skeleton-post-card{display:flex;flex-direction:column;gap:10px;padding:16px}.skeleton-thread-card{padding:16px}.skeleton-user-card{padding:12px}.loading,.error{text-align:center;padding:48px;color:var(--text-muted)}@media (max-width: 768px){.home-content{grid-template-columns:1fr}.home-sidebar{display:none}.navbar{flex-wrap:wrap;gap:12px}.navbar-links{order:3;width:100%;overflow-x:auto}.hero h1{font-size:1.6rem}.page-profile{grid-template-columns:1fr}.profile-sidebar{position:static}.recordings-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:12px;text-align:center}}h1{color:var(--text-bright);margin-bottom:20px}.page-tracks{max-width:800px;margin:0 auto;padding:20px}.track-upload-form{background:var(--bg-card);border-radius:12px;padding:20px;margin-bottom:24px}.track-upload-fields{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.track-upload-fields .input{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-main);color:var(--text);font-size:14px;flex:1;min-width:150px}.tracks-grid{display:flex;flex-direction:column;gap:8px}.track-card{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--bg-card);border-radius:10px;cursor:pointer;transition:background .15s}.track-card:hover{background:var(--bg-hover)}.track-info{display:flex;flex-direction:column;gap:2px}.track-title{font-weight:600;color:var(--text-bright)}.track-artist{font-size:13px;color:var(--text-secondary)}.track-duration{font-size:13px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.track-actions{display:flex;align-items:center;gap:8px}.btn-delete{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px}.btn-delete:hover{color:#ef4444;background:#ef44441a}.no-tracks{text-align:center;color:var(--text-secondary);padding:40px 0}.studio-track-selected{display:flex;align-items:center;gap:12px}.studio-track-options{display:flex;align-items:center;gap:12px;margin-bottom:8px}.btn-sm{font-size:13px;padding:4px 12px}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer}.page-track-detail{padding:20px}.td-hero{background:linear-gradient(135deg,var(--grad-start) 0%,var(--grad-mid) 50%,var(--grad-end) 100%);border-radius:var(--radius-lg);padding:32px 28px;margin-bottom:20px;position:relative;overflow:hidden}.td-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,var(--grad-glow1) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,var(--grad-glow2) 0%,transparent 50%);pointer-events:none}.td-hero-inner{display:flex;align-items:center;gap:24px;position:relative}.td-hero-info{flex:1;min-width:0}.td-hero-info .rd-title{font-size:2rem}.td-hero-info .rd-artist{font-size:1.2rem;font-weight:500}.td-uploader{display:inline-flex;align-items:center;gap:6px;color:#ffffffbf;font-size:.9rem;text-decoration:none;transition:color .15s;margin-top:6px}.td-uploader:hover{color:#fff}.td-uploader .avatar-xs{border:1px solid rgba(255,255,255,.3)}.td-hero-right{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.td-duration{font-size:1.1rem;font-weight:600;color:#ffffffb3;font-variant-numeric:tabular-nums}.td-sing-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff!important;padding:10px 24px;border-radius:24px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .15s;box-shadow:0 2px 12px #ef44444d}.td-sing-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #ef444466}.td-body{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.td-lyrics{margin-bottom:20px}.td-lyrics h2{margin-bottom:12px;color:var(--text-bright)}.td-lyrics .lyrics-text{font-size:1.15rem;line-height:2;font-weight:500;color:var(--text-bright);max-height:500px;overflow-y:auto}.td-recordings{margin-bottom:24px}.td-recordings h2{margin-bottom:16px;color:var(--text-bright);font-size:1.1rem}.td-recordings-list{display:flex;flex-direction:column;gap:12px}@media (max-width: 900px){.td-body{grid-template-columns:1fr}}@media (max-width: 600px){.td-hero{padding:24px 20px}.td-hero-inner{flex-wrap:wrap;gap:16px}.td-hero-right{flex-direction:row;width:100%;justify-content:space-between}}.track-lyrics-input{width:100%;min-width:100%;resize:vertical;font-family:inherit}.studio-lyrics{background:var(--bg-card);border-radius:12px;padding:20px}.lyrics-text{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:15px;line-height:1.8;color:var(--text);max-height:300px;overflow-y:auto;margin:0}.studio-rack{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:16px;box-shadow:inset 0 1px 1px #ffffff0d,0 4px 12px #0000004d;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.rack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #27272a}.rack-header h3{margin:0;color:#f4f4f5;font-size:1.1rem;font-weight:600;letter-spacing:-.02em}.rack-power-led{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e,inset 0 0 2px #fffc}.studio-modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.studio-module{background:#0f0f11;border:1px solid #27272a;border-radius:6px;padding:12px;box-shadow:inset 0 2px 4px #0003}.module-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.module-title{color:#71717a;font-size:.7rem;font-weight:700;letter-spacing:.1em}.module-line{flex:1;height:1px;background:linear-gradient(90deg,#27272a 0%,transparent 100%)}.module-controls{display:flex;flex-direction:column;gap:12px}.module-power{margin-left:auto;padding:2px 8px;font-size:.6rem;font-weight:700;letter-spacing:.05em;border:1px solid #333;border-radius:3px;cursor:pointer;transition:all .2s}.module-power.on{background:#22c55e;color:#000;border-color:#22c55e;box-shadow:0 0 6px #22c55e4d}.module-power.off{background:#27272a;color:#71717a;border-color:#3f3f46}.eq-preset-row{margin-bottom:4px}.eq-preset-select{width:100%;background:#1a1a1f;color:#e4e4e7;border:1px solid #333;border-radius:4px;padding:4px 8px;font-size:.8rem;cursor:pointer}.eq-preset-select:disabled{opacity:.4;cursor:not-allowed}.spatial-sub{border-top:1px solid #27272a;padding-top:8px}.spatial-sub:first-child{border-top:none;padding-top:0}.spatial-sub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:#a1a1aa;font-size:.75rem;font-weight:600;letter-spacing:.05em}.rack-footer{margin-top:16px;padding-top:12px;border-top:1px dashed #27272a}.editor-hint{margin:0;color:#a1a1aa;font-size:.8rem;text-align:center}.clickable-image{cursor:pointer}.toggle-switch{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0}.toggle-switch input{display:none}.toggle-track{position:relative;width:40px;height:22px;background:#444;border-radius:11px;transition:background .2s;flex-shrink:0}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.toggle-switch input:checked+.toggle-track{background:var(--studio-accent, #6c5ce7)}.toggle-switch input:checked+.toggle-track:after{transform:translate(18px)}.toggle-label{font-size:.9rem;color:var(--studio-text, #e0e0e0)}.toast-container{position:fixed;bottom:20px;right:20px;z-index:10001;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:var(--radius-lg);font-size:.95rem;font-weight:500;box-shadow:0 8px 24px #00000026;animation:toast-in .35s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}.toast-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.toast-error{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.toast-icon{font-size:1.2rem}@keyframes toast-in{0%{opacity:0;transform:translate(40px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000d9;display:flex;align-items:center;justify-content:center}.crop-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:16px;max-width:90vw;max-height:90vh}.crop-container h3{color:var(--text-bright);margin:0}.crop-container canvas{border-radius:var(--radius);display:block}.crop-actions{display:flex;justify-content:flex-end;gap:8px}.navbar-icon{position:relative;display:flex;align-items:center;color:#ffffffd9;cursor:pointer;padding:4px;text-decoration:none;transition:color .15s}.navbar-icon:hover{color:#fff}.notification-badge{position:absolute;top:-4px;right:-6px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.page-conversations{padding:20px;max-width:640px;margin:0 auto}.conversations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.conversations-header h1{color:var(--text-bright);font-size:1.5rem;margin:0}.new-conversation-panel{padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.new-conversation-search{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;font-family:inherit;background:var(--bg);color:var(--text)}.new-conversation-search:focus{outline:none;border-color:var(--accent)}.selected-users{display:flex;flex-wrap:wrap;gap:6px}.selected-user-chip{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--accent);color:#fff;border-radius:12px;font-size:.8rem;cursor:pointer;transition:opacity .15s}.selected-user-chip:hover{opacity:.8}.chip-remove{font-size:1rem;margin-left:2px}.user-select-list{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.user-select-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius);cursor:pointer;transition:background .15s}.user-select-item:hover{background:var(--bg-hover)}.user-select-item.selected{background:color-mix(in srgb,var(--accent) 12%,var(--bg-card))}.user-select-info{flex:1;display:flex;flex-direction:column}.user-select-name{font-weight:600;font-size:.9rem;color:var(--text-bright)}.user-select-username{font-size:.8rem;color:var(--text-muted)}.user-select-check{font-size:1rem;color:var(--accent);font-weight:700;width:20px;text-align:center}.conversations-list{display:flex;flex-direction:column;gap:2px}.conversation-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius);cursor:pointer;transition:background .15s;text-decoration:none;color:var(--text)}.conversation-item:hover{background:var(--bg-hover)}.conversation-content{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.conversation-name{font-weight:600;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.conversation-preview{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:2px}.conversation-last-message{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-sender{color:var(--text)}.unread-badge{background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.page-conversation-detail{display:flex;flex-direction:column;height:calc(100vh - 120px);max-width:720px;margin:0 auto;padding:0 16px}.conversation-detail-header{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.conversation-detail-header h2{font-size:1.1rem;color:var(--text-bright);margin:0}.conversation-detail-header .back-link{color:var(--text-muted);text-decoration:none;font-size:1.3rem}.conversation-detail-header .back-link:hover{color:var(--text-bright)}.conversation-member-count{font-size:.8rem;color:var(--text-muted)}.messages-list{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;gap:8px}.message-bubble{display:flex;gap:8px;max-width:75%}.message-bubble.own{margin-left:auto;flex-direction:row-reverse}.message-avatar{flex-shrink:0}.message-body{display:flex;flex-direction:column}.message-bubble:not(.own) .message-body{background:var(--bg-card);border-radius:12px 12px 12px 4px;padding:8px 12px}.message-bubble.own .message-body{background:var(--accent);color:#fff;border-radius:12px 12px 4px;padding:8px 12px}.message-sender-name{font-size:.75rem;font-weight:600;color:var(--accent);margin-bottom:2px}.message-text{font-size:.9rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.message-time{font-size:.65rem;color:var(--text-muted);margin-top:4px;align-self:flex-end}.message-bubble.own .message-time{color:#ffffffb3}.message-input-row{display:flex;gap:8px;padding:12px 0;border-top:1px solid var(--border)}.message-input-row textarea{flex:1;resize:none;border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-size:.9rem;font-family:inherit;background:var(--bg-card);color:var(--text);min-height:40px;max-height:120px}.message-input-row textarea:focus{outline:none;border-color:var(--accent)}.message-input-row .btn{align-self:flex-end}.page-notifications{padding:20px;max-width:640px;margin:0 auto}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.notifications-header h1{color:var(--text-bright);font-size:1.5rem}.notifications-tabs{display:flex;gap:0;margin-bottom:12px;border-bottom:2px solid var(--border)}.notifications-tab{padding:8px 20px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-muted);transition:color .15s,border-color .15s}.notifications-tab:hover{color:var(--text)}.notifications-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.notifications-filters{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.notifications-list{display:flex;flex-direction:column;gap:2px}.notification-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius);cursor:pointer;transition:background .15s}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:color-mix(in srgb,var(--accent) 8%,var(--bg-card))}.notification-item.unread:hover{background:color-mix(in srgb,var(--accent) 14%,var(--bg-card))}.notification-content{flex:1;display:flex;flex-direction:column;gap:2px;font-size:.9rem;color:var(--text)}.notification-actor{font-weight:600;color:var(--text-bright);text-decoration:none}.notification-actor:hover{text-decoration:underline}.notification-time{font-size:.75rem;color:var(--text-muted)}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.gender-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.gender-btn{flex:1;padding:8px 16px;border:none;background:var(--bg-input);color:var(--text);cursor:pointer;font-size:.9rem;transition:background .15s,color .15s}.gender-btn.active{background:var(--accent);color:#fff}.gender-btn:not(.active):hover{background:var(--bg-hover)}.birthday-fields{display:flex;gap:8px}.birthday-fields select,.birthday-fields input{padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text);font-size:.9rem}.birthday-card{padding:16px;margin-bottom:16px}.birthday-card h3{color:var(--text-bright);margin-bottom:12px;font-size:1rem}.birthday-list{display:flex;flex-direction:column;gap:8px}.birthday-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius);text-decoration:none;color:var(--text);transition:background .15s}.birthday-item:hover{background:var(--bg-hover)}.birthday-info{flex:1;display:flex;flex-direction:column}.birthday-name{font-weight:500;font-size:.85rem;color:var(--text-bright)}.birthday-date{font-size:.75rem;color:var(--text-muted)}.birthday-badge{font-size:.7rem;padding:2px 8px;border-radius:10px;background:var(--bg-hover);color:var(--text-muted);white-space:nowrap}.birthday-badge.today{background:var(--accent);color:#fff;font-weight:600}.birthday-badge.past{opacity:.6}.birthday-compact .birthday-list{gap:4px}.birthday-compact .birthday-item{padding:4px 6px}.page-rating{max-width:640px;margin:0 auto;padding:24px 16px}.page-rating h1{margin-bottom:16px}.rating-categories{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.rating-hint{font-size:.8rem;margin-bottom:12px}.rating-cat-btn{padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;font-weight:500;transition:all .15s}.rating-cat-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.rating-cat-btn:hover:not(.active){background:var(--bg-input)}.rating-periods{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.rating-period-btn{padding:4px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;font-size:.85rem;transition:all .15s}.rating-period-btn.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent);font-weight:600}.rating-period-btn:hover:not(.active){background:var(--bg-input)}.rating-list{display:flex;flex-direction:column;gap:4px}.rating-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius);background:var(--bg-card);text-decoration:none;color:var(--text);transition:background .15s}.rating-row:hover{background:var(--bg-input)}.rating-row-you{background:var(--accent-light);border:1px solid var(--accent)}.rating-rank{min-width:36px;text-align:center;font-weight:700;font-size:1.1rem}.rating-username{flex:1;font-weight:500;display:flex;align-items:center;gap:6px}.rating-you-tag{font-size:.7rem;padding:1px 6px;border-radius:8px;background:var(--accent);color:#fff;font-weight:600}.rating-score{font-weight:700;color:var(--accent);font-size:1.05rem}.profile-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:12px 24px 0}.badge-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;background:var(--bg-input);color:var(--text)}.badge-rank-1{background:#fef3c7;color:#92400e}.badge-rank-2{background:#f1f5f9;color:#475569}.badge-rank-3{background:#fff7ed;color:#9a3412}.page-about{max-width:800px;margin:0 auto;padding:40px 20px}.page-about h1{margin-bottom:8px}.about-intro{font-size:1.1rem;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.about-card{padding:24px;text-align:center}.about-card-icon{font-size:2rem;margin-bottom:12px}.about-card h3{margin:0 0 8px}.about-card p{margin:0;color:var(--text-secondary);line-height:1.5;font-size:.95rem}.about-rules h2{margin-bottom:16px}.about-rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.about-rules-list li{padding:12px 16px;background:var(--bg-input);border-radius:8px;line-height:1.4}.about-rules-list li:before{content:"•";color:var(--accent);font-weight:700;margin-right:8px}.page-faq{max-width:800px;margin:0 auto;padding:40px 20px}.page-faq h1{margin-bottom:24px}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s}.faq-item.open{border-color:var(--accent)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-bright);text-align:left;font-family:inherit}.faq-question:hover{background:var(--bg)}.faq-chevron{font-size:.6rem;color:var(--text-muted);transition:transform .2s}.faq-chevron.open{transform:rotate(180deg)}.faq-answer{font-size:.9rem;line-height:1.6;color:var(--text);border-top:1px solid var(--border);margin:0 16px;padding:12px 0 14px}.page-contact{max-width:600px;margin:0 auto;padding:40px 20px;text-align:center}.page-contact h1{margin-bottom:8px}.contact-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:1rem;line-height:1.5}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.contact-card{padding:24px;text-align:center}.contact-icon{font-size:2rem;margin-bottom:10px}.contact-card h3{margin:0 0 8px;font-size:.95rem}.contact-desc{color:var(--text-muted);font-size:.88rem;margin:0;line-height:1.4}a.contact-card{text-decoration:none;color:inherit;transition:border-color .15s;display:block}a.contact-card:hover{border-color:var(--accent)}@media (max-width: 480px){.contact-cards{grid-template-columns:1fr}}.page-legal{max-width:800px;margin:0 auto;padding:40px 20px}.page-legal h1{margin-bottom:4px}.legal-updated{color:var(--text-muted);font-size:.85rem;margin-bottom:24px}.legal-content{white-space:pre-line;line-height:1.7;font-size:.95rem;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow)}.report-btn{opacity:.5;font-size:1rem}.report-btn:hover{opacity:1}.rd-report{position:absolute;top:12px;right:12px;z-index:2}.report-dropdown{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;min-width:220px}.report-select{padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:.85rem}.report-text{padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:.85rem;resize:vertical}.report-actions{display:flex;gap:6px;justify-content:flex-end}.navbar-coin-balance{display:flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;background:#ffd70033;color:#fde68a;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.3)}.navbar-coin-balance:hover{background:#ffd70059;color:#fef08a}.page-wallet{max-width:600px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:20px}.page-wallet h1{margin:0}.wallet-balance-card{text-align:center;padding:32px 16px}.wallet-balance-amount{display:flex;align-items:center;justify-content:center;gap:8px}.wallet-coin-icon{font-size:2rem}.wallet-balance-number{font-size:2.5rem;font-weight:700}.wallet-balance-label{color:var(--text-secondary);margin-top:4px}.wallet-section h2{margin:0 0 12px;font-size:1.1rem}.wallet-transfer-form{display:flex;flex-direction:column;gap:10px}.wallet-user-search{position:relative}.wallet-user-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;list-style:none;padding:4px 0;margin:4px 0 0;box-shadow:0 4px 12px #00000026}.wallet-user-dropdown li{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer}.wallet-user-dropdown li:hover{background:var(--bg-input)}.wallet-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.wallet-tx-list{display:flex;flex-direction:column;gap:8px}.wallet-tx-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.wallet-tx-row:last-child{border-bottom:none}.wallet-tx-info{font-size:.9rem}.wallet-tx-type{font-weight:500}.wallet-tx-amount{font-weight:600;white-space:nowrap}.wallet-tx-amount.positive{color:#22c55e}.wallet-tx-amount.negative{color:#ef4444}.wallet-pagination{display:flex;gap:8px;justify-content:center;margin-top:12px}.wallet-transfer-locked{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:16px}.transfer-locked-title{font-weight:600;margin-bottom:10px;font-size:.95rem}.transfer-locked-progress{display:flex;flex-direction:column;gap:6px}.transfer-locked-item{font-size:.9rem;color:var(--text-secondary)}.transfer-locked-item.done{color:#22c55e}.admin-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.premium-active{display:flex;align-items:center;gap:8px}.premium-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.premium-plans{display:flex;flex-direction:column;gap:8px}.premium-plan-btn{text-align:left;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text);cursor:pointer;font-size:.95rem;transition:border-color .2s}.premium-plan-btn:hover:not(:disabled){border-color:var(--accent)}.premium-plan-btn:disabled{opacity:.5;cursor:not-allowed}.premium-star{font-size:.8em;vertical-align:middle}.studio-limit-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;text-align:center;margin-bottom:12px}.studio-limit-banner p{margin:0 0 8px;color:#ef4444;font-weight:500}.gift-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px;box-shadow:var(--shadow)}.gift-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600}.gift-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px}.gift-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:2px solid var(--border);border-radius:8px;background:var(--bg-input);cursor:pointer;transition:border-color .2s,transform .15s}.gift-item:hover:not(:disabled){border-color:var(--accent);transform:scale(1.05)}.gift-item.selected{border-color:var(--accent);background:var(--accent-light)}.gift-item:disabled{opacity:.4;cursor:not-allowed}.gift-emoji{font-size:1.5rem}.gift-cost{font-size:.7rem;color:var(--text-muted)}.gift-message-input{width:100%;margin-bottom:8px}.gift-picker-footer{display:flex;justify-content:space-between;align-items:center}.gift-btn{display:inline-flex;align-items:center;gap:4px}.gift-wall{margin:8px 0}.gift-wall h3{font-size:.9rem;margin-bottom:6px}.gift-wall-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.gift-wall-strip::-webkit-scrollbar{height:4px}.gift-wall-strip::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.gift-wall-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:48px;cursor:default}.gift-wall-emoji{font-size:1.4rem}.gift-wall-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.rd-gift-action{text-align:center;margin-bottom:12px}.premium-gate{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:var(--radius);background:linear-gradient(135deg,#fbbf2414,#f59e0b14);border:1px solid rgba(245,158,11,.25);font-size:.85rem}.premium-gate span{color:var(--text-muted)}.premium-gate a{color:var(--energy);font-weight:600;text-decoration:none}.premium-gate a:hover{text-decoration:underline}