:root{--violet-700:#2f5db2;--ink:#10223c;--danger:#c0392b;--card:#fff;--card-strong:#fff;--border:#7eb4ff52;--shadow:0 18px 42px #28487a33;--accent-a:#4d89ff;--accent-b:#62c4ff;--glass-blur:0px;--font-display:"Comfortaa", "Avenir Next", "Segoe UI", sans-serif;--font-body:"Nunito", "Trebuchet MS", "Segoe UI", sans-serif;--liquid-flow-speed:20s;--app-bg-image:url(/fluffy-flora.jpg);font-family:var(--font-body);color:var(--ink)}*{box-sizing:border-box}body{background:var(--app-bg-image) center/cover no-repeat fixed, radial-gradient(circle at 8% 20%, #ffcde885 0, transparent 34%), radial-gradient(circle at 84% 12%, #cbf0d875 0, transparent 38%), radial-gradient(circle at 54% 88%, #bedaff66 0, transparent 36%), linear-gradient(165deg, #f8fcf7 0%, #eef9f1 42%, #eaf3ff 100%);min-height:100vh;margin:0;overflow:hidden}a{color:inherit}#root{height:100vh;min-height:100vh;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes liquidFlow{0%{transform:translate(-1.5%,-1%)scale(1.02)}50%{transform:translate(1.2%,1.5%)scale(1.05)}to{transform:translate(-1%,1%)scale(1.03)}}@keyframes liquidAmbientShift{0%{opacity:.9;transform:translate(-1%,-1%)scale(1.01)}to{opacity:1;transform:translate(1%,1%)scale(1.04)}}@media (width<=720px){.auth-card{padding:24px}.chats-layout,.profile-layout{grid-template-columns:1fr;overflow:auto}.profile-feed-scroll{height:auto;overflow:visible}.topbar{flex-direction:column;align-items:flex-start}}:root[data-theme-mode=light]{--ink:#10223c;--violet-700:#2f5db2;--card:#fff;--card-strong:#fff;--border:#7eb4ff52;--shadow:0 18px 42px #28487a33;--accent-a:#4d89ff;--accent-b:#62c4ff;--glass-blur:0px}body{background:var(--app-bg-image) center/cover no-repeat fixed, radial-gradient(circle at 8% 20%, #ffcde885 0, transparent 34%), radial-gradient(circle at 84% 12%, #cbf0d875 0, transparent 38%), radial-gradient(circle at 54% 88%, #bedaff66 0, transparent 36%), linear-gradient(165deg, #f8fcf7 0%, #eef9f1 42%, #eaf3ff 100%)}:root[data-theme-mode=light] .mini-profile-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(95deg,#fcedf8f0,#ecf5ffeb);box-shadow:0 14px 32px #6382c233}:root[data-theme-mode=light] .content-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#7eb4ff42;box-shadow:0 24px 60px #6e8bc72e}:root[data-theme-mode=light] .settings-block{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffdb;box-shadow:inset 0 1px #ffffff3d}:root[data-theme-mode=dark]{--ink:#e8eef9;--violet-700:#9bc0ff;--card:#2229368f;--card-strong:#282f3ea8;--border:#acbcd638;--shadow:0 20px 46px #0a0e1666;--accent-a:#6f9cff;--accent-b:#79d8ff;--glass-blur:18px}:root[data-theme-mode=dark] body:before{content:"";background:var(--app-bg-image) center/cover no-repeat;filter:blur(8px)brightness(.45)saturate(1.08);z-index:-2;position:fixed;inset:-20px;transform:scale(1.04)}:root[data-theme-mode=dark] body:after{content:"";z-index:-1;background:linear-gradient(160deg,#080c129e,#080c129e);position:fixed;inset:0}:root[data-theme-mode=dark] .settings-block{background:#0a111ec7;border-color:#a1baec38;box-shadow:inset 0 1px #a8beee14}:root[data-theme-mode=dark] .settings-block select{color:#e8eef9;background:#090f1bdb;border-color:#a1baec42}:root[data-theme-mode=dark] .settings-inline button,:root[data-theme-mode=dark] .diagnostics-header button,:root[data-theme-mode=dark] .ghost-link{color:#e8eef9;background:#3c4454b8;border-color:#b3c2db3d}:root[data-theme-mode=dark] .settings-inline button.active{background:linear-gradient(120deg,#436db5f0,#3e8ebeeb);border-color:#6694e9bf}:root[data-theme-mode=dark] .mute-diagnostics-log{scrollbar-color:#7397dbeb #0b1220a6;border-top-color:#a1baec40}:root[data-theme-mode=dark] .mute-diagnostics-log h4{color:#b9cff7}:root[data-theme-mode=dark] .mute-diagnostics-log p{color:#dbe6f8e6}:root[data-theme-mode=dark] .mini-playlist-tracks button{background:#0f1829bd;border-color:#a1baec3b}:root[data-theme-mode=dark] .chats-layout .content-card,:root[data-theme-mode=dark] .profile-search-item,:root[data-theme-mode=dark] .chat-scope-toggle button,:root[data-theme-mode=dark] .chat-peers button,:root[data-theme-mode=dark] .chat-messages .chat-message,:root[data-theme-mode=dark] .call-panel,:root[data-theme-mode=dark] .incoming-call-panel,:root[data-theme-mode=dark] .chat-form input,:root[data-theme-mode=dark] .profile-search-box input,:root[data-theme-mode=dark] .context-menu,:root[data-theme-mode=dark] .profile-layout .content-card,:root[data-theme-mode=dark] .post-card,:root[data-theme-mode=dark] .post-editor-card,:root[data-theme-mode=dark] .post-editor-stats,:root[data-theme-mode=dark] .post-reaction-btn,:root[data-theme-mode=dark] .show-comments-btn,:root[data-theme-mode=dark] .comment-list p,:root[data-theme-mode=dark] .comment-form input,:root[data-theme-mode=dark] .comment-form .secondary-btn,:root[data-theme-mode=dark] .lightbox-nav,:root[data-theme-mode=dark] .lightbox-counter{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow);background:var(--card)!important;border-color:var(--border)!important}:root[data-theme-mode=dark] .profile-post-form textarea,:root[data-theme-mode=dark] .profile-post-form input,:root[data-theme-mode=dark] .profile-edit-form textarea,:root[data-theme-mode=dark] .profile-edit-form input{background:var(--card-strong)!important;border-color:var(--border)!important}:root[data-theme-mode=dark] .user-profile-card .profile-block,:root[data-theme-mode=dark] .chip.muted,:root[data-theme-mode=dark] .profile-pronouns{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow);background:var(--card)!important;border-color:var(--border)!important}:root[data-liquid-glass=on][data-theme-mode=light]{--card:#fff3;--card-strong:#ffffff3d;--border:#ffffff61;--shadow:0 24px 58px #3e5f943d;--accent-a:#6faeff;--accent-b:#88e3ff;--glass-blur:24px}:root[data-liquid-glass=on][data-theme-mode=dark]{--card:#242c3a85;--card-strong:#2c35469e;--border:#adbedc33;--shadow:0 22px 50px #080c1480;--accent-a:#88a9de;--accent-b:#88cfe3;--glass-blur:24px}:root[data-liquid-glass=on] body:after{content:"";pointer-events:none;filter:blur(16px);z-index:-1;background:radial-gradient(40% 45% at 12% 18%,#9dcbff3d,#0000 70%),radial-gradient(36% 42% at 88% 14%,#97e8ff33,#0000 70%),radial-gradient(42% 45% at 52% 90%,#b1b6ff24,#0000 72%);position:fixed;inset:-8%}:root[data-liquid-glass=on][data-theme-mode=dark] body:before{filter:blur(12px)brightness(.34)saturate(.9)}:root[data-liquid-glass=on][data-theme-mode=dark] body:after{background:radial-gradient(42% 48% at 12% 18%,#608ddb2e,#0000 72%),radial-gradient(38% 44% at 88% 14%,#5caad029,#0000 72%),radial-gradient(46% 50% at 52% 90%,#7a7ebe24,#0000 74%)}:root[data-liquid-glass=on] .content-card,:root[data-liquid-glass=on] .settings-block,:root[data-liquid-glass=on] .mini-profile-bar,:root[data-liquid-glass=on] .mini-playlist-drawer,:root[data-liquid-glass=on] .global-incoming-call,:root[data-liquid-glass=on] .global-call-panel,:root[data-liquid-glass=on] .global-call-error,:root[data-liquid-glass=on] .auth-card,:root[data-liquid-glass=on] .auth-switch a,:root[data-liquid-glass=on] .auth-card input,:root[data-liquid-glass=on] .profile-search-item,:root[data-liquid-glass=on] .chat-scope-toggle button,:root[data-liquid-glass=on] .chat-peers button,:root[data-liquid-glass=on] .chat-messages .chat-message,:root[data-liquid-glass=on] .call-panel,:root[data-liquid-glass=on] .incoming-call-panel,:root[data-liquid-glass=on] .chat-form input,:root[data-liquid-glass=on] .profile-search-box input,:root[data-liquid-glass=on] .context-menu,:root[data-liquid-glass=on] .post-card,:root[data-liquid-glass=on] .post-editor-card,:root[data-liquid-glass=on] .post-editor-stats,:root[data-liquid-glass=on] .post-reaction-btn,:root[data-liquid-glass=on] .show-comments-btn,:root[data-liquid-glass=on] .comment-list p,:root[data-liquid-glass=on] .comment-form input,:root[data-liquid-glass=on] .comment-form .secondary-btn,:root[data-liquid-glass=on] .lightbox-nav,:root[data-liquid-glass=on] .lightbox-counter,:root[data-liquid-glass=on] .profile-post-form textarea,:root[data-liquid-glass=on] .profile-post-form input,:root[data-liquid-glass=on] .profile-edit-form textarea,:root[data-liquid-glass=on] .profile-edit-form input,:root[data-liquid-glass=on] .user-profile-card .profile-block,:root[data-liquid-glass=on] .chip,:root[data-liquid-glass=on] .chip.muted,:root[data-liquid-glass=on] .profile-pronouns,:root[data-liquid-glass=on] .profile-music-icon-btn,:root[data-liquid-glass=on] .go-chat-btn,:root[data-liquid-glass=on] .profile-editor-modern,:root[data-liquid-glass=on] .profile-editor-bubble,:root[data-liquid-glass=on] .profile-editor-field input,:root[data-liquid-glass=on] .profile-editor-field select,:root[data-liquid-glass=on] .profile-custom-select-trigger,:root[data-liquid-glass=on] .profile-custom-select-menu,:root[data-liquid-glass=on] .profile-editor-file-card,:root[data-liquid-glass=on] .profile-editor-checkbox{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.25);box-shadow:inset 0 1px #ffffff42,0 20px 44px #182c543d;background:linear-gradient(140deg, #fff3, #ffffff14), var(--card)!important;border-color:var(--border)!important}:root[data-liquid-glass=on][data-theme-mode=dark] .content-card,:root[data-liquid-glass=on][data-theme-mode=dark] .settings-block,:root[data-liquid-glass=on][data-theme-mode=dark] .mini-profile-bar,:root[data-liquid-glass=on][data-theme-mode=dark] .mini-playlist-drawer,:root[data-liquid-glass=on][data-theme-mode=dark] .global-incoming-call,:root[data-liquid-glass=on][data-theme-mode=dark] .global-call-panel,:root[data-liquid-glass=on][data-theme-mode=dark] .global-call-error,:root[data-liquid-glass=on][data-theme-mode=dark] .auth-card,:root[data-liquid-glass=on][data-theme-mode=dark] .auth-switch a,:root[data-liquid-glass=on][data-theme-mode=dark] .auth-card input,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-search-item,:root[data-liquid-glass=on][data-theme-mode=dark] .chat-scope-toggle button,:root[data-liquid-glass=on][data-theme-mode=dark] .chat-peers button,:root[data-liquid-glass=on][data-theme-mode=dark] .chat-messages .chat-message,:root[data-liquid-glass=on][data-theme-mode=dark] .call-panel,:root[data-liquid-glass=on][data-theme-mode=dark] .incoming-call-panel,:root[data-liquid-glass=on][data-theme-mode=dark] .chat-form input,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-search-box input,:root[data-liquid-glass=on][data-theme-mode=dark] .context-menu,:root[data-liquid-glass=on][data-theme-mode=dark] .post-card,:root[data-liquid-glass=on][data-theme-mode=dark] .post-editor-card,:root[data-liquid-glass=on][data-theme-mode=dark] .post-editor-stats,:root[data-liquid-glass=on][data-theme-mode=dark] .post-reaction-btn,:root[data-liquid-glass=on][data-theme-mode=dark] .show-comments-btn,:root[data-liquid-glass=on][data-theme-mode=dark] .comment-list p,:root[data-liquid-glass=on][data-theme-mode=dark] .comment-form input,:root[data-liquid-glass=on][data-theme-mode=dark] .comment-form .secondary-btn,:root[data-liquid-glass=on][data-theme-mode=dark] .lightbox-nav,:root[data-liquid-glass=on][data-theme-mode=dark] .lightbox-counter,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-post-form textarea,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-post-form input,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-edit-form textarea,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-edit-form input,:root[data-liquid-glass=on][data-theme-mode=dark] .user-profile-card .profile-block,:root[data-liquid-glass=on][data-theme-mode=dark] .chip,:root[data-liquid-glass=on][data-theme-mode=dark] .chip.muted,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-pronouns,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-music-icon-btn,:root[data-liquid-glass=on][data-theme-mode=dark] .go-chat-btn,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-editor-modern,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-editor-bubble,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-editor-field input,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-editor-field select,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-custom-select-trigger,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-custom-select-menu,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-editor-file-card,:root[data-liquid-glass=on][data-theme-mode=dark] .profile-editor-checkbox{box-shadow:inset 0 1px #c4d1e824,0 20px 42px #080c1485;background:linear-gradient(150deg, #52678c33, #30436024), var(--card)!important}:root[data-liquid-glass=on] .global-call-panel,:root[data-liquid-glass=on] .global-incoming-call,:root[data-liquid-glass=on] .global-call-error{position:absolute;right:24px}:root[data-liquid-glass=on] .global-incoming-call{bottom:120px;top:auto!important;left:auto!important}:root[data-liquid-glass=on] .global-call-panel{z-index:100000;bottom:112px;top:auto!important;left:auto!important}:root[data-liquid-glass=on] .global-call-error{z-index:100000;bottom:88px}:root[data-liquid-glass=on] .settings-inline button,:root[data-liquid-glass=on] .ghost-link,:root[data-liquid-glass=on] .mini-profile-controls button,:root[data-liquid-glass=on] .mini-playlist-tracks button,:root[data-liquid-glass=on] .settings-block select,:root[data-liquid-glass=on] .call-control-btn,:root[data-liquid-glass=on] .profile-upload-btn,:root[data-liquid-glass=on] .profile-post-actions button,:root[data-liquid-glass=on] .comment-form button,:root[data-liquid-glass=on] .auth-card button,:root[data-liquid-glass=on] .auth-switch .active,:root[data-liquid-glass=on] .chat-form button,:root[data-liquid-glass=on] .call-btn{color:#f7fbff;background:linear-gradient(130deg,#77b0ffe6,#8ae8ffe0)!important;border-color:#a7daffad!important}:root[data-liquid-glass=on][data-theme-mode=dark] .settings-inline button,:root[data-liquid-glass=on][data-theme-mode=dark] .ghost-link,:root[data-liquid-glass=on][data-theme-mode=dark] .mini-profile-controls button,:root[data-liquid-glass=on][data-theme-mode=dark] .mini-playlist-tracks button,:root[data-liquid-glass=on][data-theme-mode=dark] .settings-block select,:root[data-liquid-glass=on][data-theme-mode=dark] .call-control-btn{color:#d7e6ff}:root[data-liquid-glass=on] .profile-editor-file-icon,:root[data-liquid-glass=on] .profile-editor-color-square{background:linear-gradient(130deg,#76b1ffe6,#8fe8ffd9)}:root[data-liquid-glass=on] .profile-avatar-side,:root[data-liquid-glass=on] .profile-avatar-centered,:root[data-liquid-glass=on] .mini-profile-user img{box-shadow:0 12px 26px #37548a3d;border-color:#ffffffdb!important}:root[data-liquid-glass=on] .content-card:before,:root[data-liquid-glass=on] .settings-block:before,:root[data-liquid-glass=on] .mini-profile-bar:before,:root[data-liquid-glass=on] .mini-playlist-drawer:before,:root[data-liquid-glass=on] .global-incoming-call:before,:root[data-liquid-glass=on] .global-call-panel:before,:root[data-liquid-glass=on] .global-call-error:before,:root[data-liquid-glass=on] .post-card:before,:root[data-liquid-glass=on] .post-editor-card:before,:root[data-liquid-glass=on] .comment-list p:before,:root[data-liquid-glass=on] .profile-search-item:before,:root[data-liquid-glass=on] .chat-peers button:before,:root[data-liquid-glass=on] .chat-messages .chat-message:before,:root[data-liquid-glass=on] .call-panel:before,:root[data-liquid-glass=on] .incoming-call-panel:before,:root[data-liquid-glass=on] .user-profile-card .profile-block:before{content:none}.fullscreen-loader{place-items:center;min-height:100vh;font-size:1.1rem;font-weight:600;display:grid}.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(420px,100%);box-shadow:var(--shadow);border:1px solid #4c9d9547;border-radius:28px;padding:30px;animation:.45s ease-out rise;position:relative}.auth-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffd8b0e0,#bce6dfe0);border-radius:24px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-card h1{font-size:2.16rem;font-family:var(--font-display);letter-spacing:.01em;color:var(--violet-700);margin:0}.auth-card p{color:#2c5e66d1;margin:8px 0 18px}.auth-card form{gap:10px;display:grid}.auth-card label{color:#2c5e66eb;font-size:.92rem;font-weight:600}.auth-card input{font:inherit;color:var(--ink);background:#ffffffe0;border:1px solid #4c9d9559;border-radius:12px;padding:12px}.auth-card input:focus{border-color:#4c9d95db;outline:2px solid #4c9d9559}.auth-card button{font:inherit;cursor:pointer;color:#fff;background:linear-gradient(120deg, var(--accent-a), var(--accent-b));border:0;border-radius:12px;margin-top:8px;padding:12px 16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 24px #7fbe9a59}.auth-card button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #7fbe9a73}.march-camera{filter:drop-shadow(0 10px 16px #5d8ad833);width:132px;height:auto;margin:-6px auto 8px;display:block}.auth-switch{gap:10px;margin-bottom:18px;display:flex}.auth-switch a{text-align:center;color:var(--violet-700);background:linear-gradient(120deg,#ffe8d0e0,#daf6f1e6);border:1px solid #0000;border-radius:10px;flex:1;padding:8px 10px;font-weight:600;text-decoration:none}.auth-switch .active{background:linear-gradient(120deg,#ffd6abf0,#beebe3f0);border-color:#4c9d9575}.form-error{color:var(--danger);margin-top:4px;font-size:.92rem}.app-shell{grid-template-rows:minmax(0,1fr) auto;gap:14px;max-width:1680px;height:100vh;margin:0 auto;padding:18px 18px 16px;display:grid}.app-main{min-height:0;position:relative;overflow:hidden}.mini-profile-bar{border:1px solid var(--border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:radial-gradient(circle at 16% 18%,#80d6ff5c,#0000 46%),linear-gradient(120deg,#fff3,#ffffff14);border-radius:18px;justify-content:flex-start;align-items:center;gap:12px;padding:11px 14px;display:flex;position:relative;overflow:visible;box-shadow:0 14px 32px #0c1d363d}.mini-profile-left{align-items:center;gap:12px;min-width:0;display:flex}.mini-profile-user{align-items:center;gap:10px;min-width:0;display:flex}.mini-profile-user img{object-fit:cover;border:2px solid #ffffffeb;border-radius:50%;width:40px;height:40px}.mini-profile-user b,.mini-profile-user small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mini-profile-user b{font-size:1.06rem;font-family:var(--font-display);letter-spacing:.01em}.mini-profile-user small{color:#2c5e66c7}.mini-profile-user-btn{cursor:pointer;color:inherit;text-align:left;background:0 0;border:0;padding:0}.mini-profile-controls{gap:8px;display:flex}.mini-profile-controls button{min-width:42px;height:30px;box-shadow:none;letter-spacing:.03em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 8px;font-size:.72rem;font-weight:700;transition:transform .18s,color .18s,background-color .18s}.mini-profile-controls button:hover{color:var(--accent-b);transform:translateY(-1px)}.mini-profile-controls button.active{color:var(--accent-b);background:#76a1e224}.mini-profile-controls button.muted{color:#d43d3d;background:0 0;font-weight:700;position:relative}.mini-profile-controls button.muted:after{content:"";transform-origin:50%;background:currentColor;height:2px;position:absolute;top:50%;left:2px;right:2px;transform:rotate(-22deg)}.mini-playlist-drawer{border:1px solid var(--border);background:var(--card-strong);width:min(460px,100vw - 36px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));opacity:0;pointer-events:none;z-index:40;border-radius:14px;gap:8px;padding:10px;transition:opacity .17s,transform .17s;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;transform:translateY(6px);box-shadow:0 16px 36px #0d1d3442}.mini-playlist-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mini-playlist-header h4{margin:0;font-size:.9rem}.mini-playlist-tracks{scrollbar-width:thin;gap:6px;max-height:200px;display:grid;overflow:auto}.mini-playlist-tracks p{margin:2px 0;font-size:.84rem}.mini-playlist-tracks button{text-align:left;cursor:pointer;background:#fff9;border:1px solid #7eb4ff47;border-radius:10px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:6px;display:grid}.mini-playlist-tracks button.active{background:#99c4ff33;border-color:#6297ea85}.mini-playlist-tracks img{object-fit:cover;border:1px solid #7eb4ff4d;border-radius:10px;width:46px;height:46px}.mini-playlist-tracks span{min-width:0;display:grid}.mini-playlist-tracks b,.mini-playlist-tracks small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-playlist-tracks b{font-size:.88rem}.mini-playlist-tracks small{opacity:.75;font-size:.78rem}.mini-playlist-audio-wrap audio{width:100%}.content-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:22px;padding:24px 24px 22px;animation:.36s ease-out rise}.content-card h2{font-family:var(--font-display);margin-top:0}.tiny-btn{background:linear-gradient(120deg, var(--accent-a), var(--accent-b));color:#f6fbff;cursor:pointer;border:0;border-radius:10px;padding:8px 10px;font-weight:700}.overlay-modal{z-index:120;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c243e6b;position:absolute;inset:0}.overlay-card{z-index:1;width:min(620px,100vw - 24px);max-height:calc(100vh - 24px);position:relative;overflow-y:auto}.status{margin-top:12px;font-weight:600}.status.error{color:var(--danger)}.loading-spinner-wrap{justify-content:center;align-items:center;display:inline-flex}.page-loading-spinner{z-index:90;background:#ffffffdb;border:1px solid #7eb4ff4d;border-radius:999px;width:32px;height:32px;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #627dbc33}.loading-spinner{border:2px solid #7eb4ff40;border-top-color:var(--accent-b);border-radius:999px;width:16px;height:16px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.settings-page{scrollbar-width:none;-ms-overflow-style:none;gap:12px;max-width:760px;height:100%;margin:0 auto;padding-right:8px;display:grid;overflow:hidden auto}.settings-page::-webkit-scrollbar{width:0;height:0;display:none}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-block{border:1px solid var(--border);background:var(--card-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:14px;gap:8px;padding:13px 14px;display:grid;box-shadow:inset 0 1px #ffffff3d,0 12px 30px #0b1a2e33}.settings-block h3,.settings-block p{margin:0}.settings-block label{gap:6px;font-weight:600;display:grid}.settings-block select{color:var(--ink);font:inherit;background:#ffffffd1;border:1px solid #789eda59;border-radius:10px;padding:9px 10px}.settings-inline{flex-wrap:wrap;gap:8px;display:flex}.settings-inline button{color:var(--ink);font:inherit;cursor:pointer;background:#ffffff29;border:1px solid #789eda52;border-radius:10px;padding:8px 10px;font-weight:700}.settings-inline button.active{color:#f2f8ff;background:linear-gradient(120deg,#5692eeeb,#5cc1f3e6);border-color:#608ddc8c}.diagnostics-block{gap:10px}.diagnostics-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.diagnostics-header button{color:var(--ink);font:inherit;cursor:pointer;background:#ffffffa3;border:1px solid #789eda52;border-radius:10px;padding:7px 10px;font-weight:700}.diagnostics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 12px;display:grid}.diagnostics-grid p{margin:0}.diag-ok{color:#218a46}.diag-bad{color:#c63f52}.turn-health-list{gap:6px;display:grid}.turn-health-list p{word-break:break-word;margin:0;font-size:.9rem}.turn-url{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mute-diagnostics-log{scrollbar-width:thin;scrollbar-color:#749edbe6 #ffffff2e;border-top:1px dashed #7eb4ff47;max-height:180px;margin-top:8px;padding-top:8px;overflow:auto}.mute-diagnostics-log::-webkit-scrollbar{width:8px;height:8px}.mute-diagnostics-log::-webkit-scrollbar-thumb{background:#709cdce6;border-radius:999px}.mute-diagnostics-log h4{color:#2f6f62;margin:0 0 6px;font-size:.9rem}.mute-diagnostics-log p{color:#23473ce0;word-break:break-word;margin:0 0 4px;font-size:.82rem;line-height:1.35}.ghost-link{background:#ffffff29;border:1px solid #789eda52;border-radius:10px;padding:7px 10px;text-decoration:none}.global-incoming-call{z-index:100000;background:var(--card-strong);width:min(420px,100vw - 24px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;position:absolute;bottom:120px;right:22px;box-shadow:0 14px 32px #132f5942}.global-call-panel{z-index:100000;background:var(--card-strong);width:min(560px,100vw - 24px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:14px;gap:10px;padding:12px;display:grid;position:absolute;bottom:112px;right:22px;box-shadow:0 14px 32px #132f5942}.global-call-top{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.global-incoming-call{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.global-call-panel.dragging .global-call-top,.global-incoming-call.dragging{cursor:grabbing}.global-call-status-wrap{gap:3px;display:grid}.global-call-status-wrap b{font-size:.98rem}.global-call-status-wrap small{opacity:.75;font-size:.78rem}.global-call-controls-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.call-control-btn{min-height:34px;color:var(--ink);font:inherit;letter-spacing:.01em;cursor:pointer;background:#ffffff29;border:0;border-radius:10px;padding:8px 11px;font-size:.78rem;font-weight:700;transition:transform .15s,background-color .15s,color .15s}.call-control-btn:hover{transform:translateY(-1px)}.call-control-btn.active{color:#f3f8ff;background:linear-gradient(130deg,#6ca0efdb,#72cee8d1)}.call-control-btn.danger,.decline-call-btn.call-control-btn{color:#fff;background:linear-gradient(130deg,#d75878e0,#bc4a66d6)}.accept-call-btn.call-control-btn{color:#fff;background:linear-gradient(130deg,#4db27de0,#3c996cd6)}.global-call-media{grid-template-columns:minmax(0,1fr) 160px;gap:10px;display:grid}.global-call-video{object-fit:cover;background:#0a101cb8;border-radius:12px;width:100%;height:180px}.global-call-video.local{align-self:end;height:120px}.global-call-error{z-index:100000;color:#c63f52;background:var(--card-strong);border:1px solid #b7564c40;border-radius:8px;margin:0;padding:6px 10px;font-size:.88rem;position:absolute;bottom:88px;right:22px}@keyframes liquidSheen{0%{transform:translate(-3%,-1%)rotate(-3deg)}50%{transform:translate(3%,2%)rotate(2deg)}to{transform:translate(-2%,1%)rotate(-1deg)}}#root *{border-style:none!important;border-width:0!important}#root .profile-avatar-side,#root .profile-avatar-centered,#root .profile-main img{border:4px solid #fffffff0!important}@media (width<=860px){.app-shell{gap:10px;padding:10px 10px 12px}.mini-profile-bar{border-radius:14px;padding:8px 10px}.mini-profile-user img{width:34px;height:34px}.mini-profile-user b{font-size:.95rem}.mini-profile-controls button{min-width:34px;height:34px;font-size:.66rem}.mini-playlist-drawer{width:min(420px,100vw - 24px);left:-2px}.global-call-panel{width:calc(100vw - 24px);bottom:98px;right:12px}.global-call-media{grid-template-columns:1fr}.global-call-video,.global-call-video.local{height:140px}}.chats-layout{grid-template-columns:460px minmax(0,1fr);align-items:stretch;gap:22px;height:100%;display:grid;overflow:hidden}.chats-layout .content-card{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border-color:#d9e8ff!important}.socket-state{z-index:2;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700;position:absolute;top:76px;right:28px}.socket-state.online{color:#1f7b47;background:#a0edc18c}.socket-state.offline{color:#8f4f17;background:#ffd8aa99}.peers-column{flex-direction:column;height:100%;display:flex;overflow:hidden}.profile-search-box{gap:8px;margin-bottom:10px;display:grid}.profile-search-box input{font:inherit;background:#fff;border:1px solid #7eb4ff52;border-radius:10px;padding:10px 12px}.profile-search-results{gap:6px;max-height:180px;padding-right:2px;display:grid;overflow:auto}.profile-search-results p{color:#2c5e66bd;margin:0;font-size:.88rem}.profile-search-item{background:#ffffffe6;border:1px solid #7eb4ff57;border-radius:14px;align-items:center;gap:12px;min-height:72px;padding:12px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex}.profile-search-item:hover{transform:translateY(-1px);box-shadow:0 10px 20px #6684bf29}.profile-search-item img{object-fit:cover;border:1px solid #7eb4ff4d;border-radius:50%;width:48px;height:48px}.profile-search-item b,.profile-search-item small{display:block}.profile-search-item small{color:#2c5e66b8}.search-item-status{text-transform:uppercase;letter-spacing:.04em;margin-top:3px;font-size:.78rem;font-weight:700}.search-item-status.online{color:#2e8d5f}.search-item-status.offline{color:#7d8c86}.profile-kind-mark{color:#fff;background:linear-gradient(120deg, #ff9fcd, var(--accent-b));border-radius:999px;align-self:center;place-items:center;min-width:22px;height:22px;margin-left:auto;font-size:.74rem;font-weight:800;display:inline-grid}.chat-scope-toggle{grid-template-columns:1fr 1fr;gap:6px;margin:4px 0 12px;display:grid}.chat-scope-toggle button{color:var(--violet-700);font:inherit;cursor:pointer;background:#ffffffe0;border:1px solid #7eb4ff59;border-radius:12px;padding:10px;font-size:1.08rem;font-weight:700}.chat-scope-toggle button.active{background:linear-gradient(120deg,#ffceecf2,#cde5ffe6);border-color:#9682ff73}.chat-main{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;padding:30px 30px 26px;display:grid}.chat-header{margin-bottom:10px}.chat-header h2{margin:0}.chat-header p{color:#2c5e66cc;margin:2px 0 0;font-size:.88rem}.chat-header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.chat-peer-profile{align-items:center;gap:14px;text-decoration:none;display:flex}.chat-peer-profile img{object-fit:cover;border:3px solid #7eb4ff73;border-radius:50%;width:72px;height:72px;box-shadow:0 8px 16px #5d7fc433}.call-btn{background:linear-gradient(120deg, var(--accent-a), var(--accent-b));color:#fff;width:52px;height:52px;font:inherit;cursor:pointer;border:0;border-radius:14px;font-size:1.26rem;font-weight:700}.call-btn:disabled{opacity:.6;cursor:not-allowed}.incoming-call-panel{background:linear-gradient(120deg,#ffd2ede6,#d6e9ffe6);border:1px solid #7eb4ff47;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex}.incoming-call-panel p{color:var(--ink);margin:0;font-size:.92rem}.incoming-call-actions{align-items:center;gap:8px;display:flex}.accept-call-btn,.decline-call-btn{color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:8px 12px;font-weight:700}.accept-call-btn{background:#2fae66}.decline-call-btn{background:#ef6476}.call-panel{background:#f6f8ffd1;border:1px solid #7eb4ff42;border-radius:12px;gap:10px;margin-bottom:10px;padding:10px;display:grid}.call-videos{grid-template-columns:1fr 160px;gap:10px;display:grid}.call-video{object-fit:cover;background:#0f1222;border:1px solid #7eb4ff4d;border-radius:10px;width:100%;min-height:140px}.call-video.local{min-height:100px}.call-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.call-actions p{color:#2c5e66cc;margin:0;font-size:.9rem}.call-volume-control{color:#2c5e66e0;gap:4px;min-width:170px;font-size:.86rem;display:grid}.call-volume-control input[type=range]{width:100%}.hangup-btn{color:#fff;font:inherit;cursor:pointer;background:#ef6476;border:0;border-radius:10px;padding:8px 12px;font-weight:700}.call-error{color:#c63f52;margin:0 0 8px;font-size:.88rem}.chat-form{border-top:1px solid #7eb4ff40;gap:8px;margin-top:4px;padding-top:10px;display:flex}.chat-form input{font:inherit;background:#fff;border:1px solid #7eb4ff52;border-radius:12px;flex:1;padding:12px 14px}.chat-form button{background:linear-gradient(120deg, var(--accent-a), var(--accent-b));color:#fff;width:48px;height:48px;font:inherit;cursor:pointer;border:0;border-radius:12px;font-size:1.18rem;font-weight:700}.chat-form .secondary-btn{color:var(--violet-700);background:#edf3fff5}.chat-peers{scrollbar-width:none;gap:12px;min-height:0;margin-bottom:10px;display:grid;overflow:auto}.chat-peers::-webkit-scrollbar{width:0;display:none}.chat-peers button{text-align:left;cursor:pointer;background:#ffffffe6;border:1px solid #7eb4ff57;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;min-height:92px;padding:14px;transition:transform .16s,box-shadow .16s;display:flex}.chat-peers .active{background:linear-gradient(120deg,#ffd1ecf2,#d3e8ffe6);border-color:#9682ff80}.chat-peers small{color:#2c5e66b3;white-space:nowrap;text-overflow:ellipsis;max-width:270px;margin-top:5px;font-size:.92rem;display:block;overflow:hidden}.chat-peers-empty{color:#2c5e66b8;margin:8px 0 2px;font-size:.9rem}.peer-main{min-width:0}.peer-main b{font-size:1.02rem;font-family:var(--font-display)}.peer-meta{align-items:center;gap:8px;margin-left:auto;display:flex}.peer-avatar{object-fit:cover;border:2px solid #7eb4ff6b;border-radius:50%;width:58px;height:58px;box-shadow:0 6px 12px #5e7dbd29}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot.online{background:#2cc36b}.dot.offline{background:#8ca79d}.unread{color:#fff;background:#7eb4ff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.74rem;font-weight:700;display:inline-grid}.context-menu{z-index:50;background:#fffffff5;border:1px solid #7eb4ff4d;border-radius:10px;gap:4px;min-width:210px;padding:6px;display:grid;position:fixed;box-shadow:0 10px 30px #5a76b23d}.context-menu button{text-align:left;font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;border-radius:8px;padding:8px 10px}.context-menu button:hover{background:#e9f2ffe6}.chat-context-menu{grid-template-columns:repeat(2,1fr);min-width:156px}.chat-context-menu button{text-align:center;padding:10px 8px;font-size:1.12rem;font-weight:800}.chat-messages{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:8px;min-height:0;margin-bottom:12px;display:flex;overflow:hidden auto}.chat-messages::-webkit-scrollbar{width:0;height:0;display:none}.chat-messages .chat-message{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:#f3f6ff;border-radius:14px;gap:4px;width:fit-content;max-width:min(82%,760px);margin:0;padding:10px 12px;font-size:.96rem;display:flex}.chat-messages .chat-message.mine{color:#fff;background:linear-gradient(120deg,#ff9fcd,#7eb4ff);margin-left:auto}.chat-messages .chat-message.mine .message-meta{color:#ffffffeb}.chat-messages .message-text{display:block}.chat-messages .message-meta{color:#2c5e66a6;white-space:nowrap;margin-top:8px;margin-left:4px;font-size:.8rem;line-height:1.1;display:block}@media (width<=1500px){.chats-layout{grid-template-columns:390px minmax(0,1fr)}}.profile-layout{grid-template-columns:460px minmax(0,1fr);gap:22px;height:100%;display:grid;overflow:hidden}.profile-layout .content-card{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border-color:#d9e8ff!important}.owner-profile-layout{grid-template-columns:minmax(0,1fr)}.profile-card{height:100%;overflow:hidden}.profile-header-card{padding:18px 20px}.owner-profile-card{cursor:context-menu}.profile-title-row{justify-content:space-between;align-items:center;display:flex}.profile-main{align-items:center;gap:14px;margin-top:8px;display:flex}.profile-main img{object-fit:cover;border:2px solid #4c9d9559;border-radius:50%;width:70px;height:70px}.profile-main h3{margin:0}.profile-main p{color:#2c5e66cc;margin:2px 0 0}.compact-profile-main{margin-top:4px}.profile-bio{margin-top:14px;line-height:1.45}.compact-profile-bio{margin-top:8px}.profile-edit-form{gap:8px;margin-top:14px;display:grid}.profile-edit-form input,.profile-edit-form textarea{font:inherit;background:#fff;border:1px solid #7eb4ff4d;border-radius:10px;padding:10px}.profile-edit-form textarea{resize:vertical;min-height:74px}.profile-edit-form input[type=file]{background:#fff;padding:8px}.profile-edit-form button{background:linear-gradient(120deg, var(--accent-a), var(--accent-b));color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 12px;font-weight:700}.profile-edit-form .secondary-btn{color:var(--violet-700);background:#eef4ff}.profile-feed-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:20px;height:100%;padding-right:8px;display:grid;overflow:hidden auto}.profile-feed-scroll::-webkit-scrollbar{width:0;height:0;display:none}.owner-profile-layout .profile-feed-scroll{padding-right:2px}.post-card{min-width:0;transition:transform .22s,box-shadow .22s;background:#fff!important}.post-card:hover{transform:translateY(-2px)}.post-editor-card{box-shadow:0 20px 44px #6382c229;background:radial-gradient(circle at 2% 8%,#ffb3de38,#0000 35%),radial-gradient(circle at 95% 2%,#abd1ff3d,#0000 40%),#fff!important;border-color:#7eb4ff61!important}.post-editor-card h3{letter-spacing:.01em;margin:2px 0 0;font-size:1.18rem}.post-editor-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.post-editor-kicker{text-transform:uppercase;letter-spacing:.12em;color:#4a7ccdd1;margin:0;font-size:.72rem;font-weight:800}.post-editor-stats{color:#2c5e66d6;background:#ffffffe6;border:1px solid #7eb4ff54;border-radius:999px;margin:2px 0 0;padding:5px 10px;font-size:.8rem;font-weight:700}.profile-post-form{gap:10px;display:grid}.profile-post-form textarea,.profile-post-form input{font:inherit;background:#fffffff5;border:1px solid #7eb4ff4d;border-radius:14px;padding:11px 12px}.profile-post-form textarea{resize:vertical;min-height:110px;line-height:1.45;transition:border-color .18s,box-shadow .18s}.profile-post-form textarea:focus-visible{border-color:#7eb4ffb3;outline:none;box-shadow:0 0 0 4px #97c6ff33}.profile-post-form input[type=file]{display:none}.post-editor-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.post-upload-btn{color:var(--violet-700);cursor:pointer;background:linear-gradient(115deg,#ffe8f5e6,#e4f1ffeb);border:1px dashed #7eb4ff8c;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:700;transition:transform .18s,border-color .18s;display:inline-flex}.post-upload-btn:hover{border-color:#6da6fad1;transform:translateY(-1px)}.post-editor-char-count{color:#2c5e66bd;margin:0;font-size:.8rem;font-weight:700}.post-editor-preview{object-fit:cover;border:1px solid #7eb4ff40;border-radius:12px;width:100%;max-height:280px}.avatar-preview{border-radius:50%;width:112px;height:112px}.profile-post-actions{flex-wrap:wrap;gap:8px;display:flex}.profile-post-actions button{background:linear-gradient(120deg, var(--accent-a), var(--accent-b));color:#fff;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:10px 14px;font-weight:700}.profile-post-actions button:disabled{opacity:.6;cursor:not-allowed}.profile-post-actions .secondary-btn{color:var(--violet-700);background:#eef4ff}.post-editor-hint{color:#2c5e66b8;margin:10px 0 0;font-size:.88rem}.owned-post{cursor:context-menu}.post-gallery{width:100%}.post-gallery-item,.post-gallery-single{cursor:pointer;background:0 0;border:0;border-radius:14px;margin:0;padding:0;position:relative;overflow:hidden}.post-gallery-single{width:100%;display:block}.post-gallery-item:after,.post-gallery-single:after{content:"";pointer-events:none;background:linear-gradient(#12182d14,#12182d3d);position:absolute;inset:0}.post-gallery-multi,.post-gallery-overflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.post-gallery-multi.post-gallery-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.post-gallery-item-overflow{position:relative}.post-photo-blur{filter:blur(2px)brightness(.75)}.post-photo-more{color:#fff;text-shadow:0 2px 12px #00000073;place-items:center;font-size:1.45rem;font-weight:800;display:grid;position:absolute;inset:0}.post-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.draft-photo-grid{margin-top:2px}.photo-grid-item-btn{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0}.post-photo{aspect-ratio:1;object-fit:cover;border:1px solid #7eb4ff3d;border-radius:14px;width:100%;display:block}.post-photo-single{aspect-ratio:16/10}.post-caption{overflow-wrap:anywhere;word-break:break-word;margin:8px 0 12px}.post-meta-row{justify-content:space-between;align-items:center;gap:10px;margin:-2px 0 10px;display:flex}.post-reactions{gap:8px;display:flex}.post-reaction-btn,.show-comments-btn{font:inherit;color:var(--ink);cursor:pointer;border:1px solid #7eb4ff47;border-radius:10px;padding:6px 10px;font-weight:700;background:#fff!important}.post-reaction-btn.active{background:linear-gradient(120deg,#ffd1ec,#d9e8ff);border-color:#9682ff80}.post-comments-count{color:#2c5e66c7;font-size:.9rem}.comment-list{gap:8px;margin-bottom:10px;display:grid}.comment-list p{overflow-wrap:anywhere;word-break:break-word;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;padding:8px 10px;font-size:.93rem;display:flex;background:#fff!important}.comment-list span{color:#2c5e66a8;font-size:.8rem}.photo-editor-modal{gap:10px;width:min(96vw,860px);display:grid}.lightbox-modal{grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:10px;width:min(96vw,1180px);max-width:1180px;display:grid;position:relative}.lightbox-photo{object-fit:contain;background:#f6fbf9;border-radius:12px;width:100%;max-height:84vh}.lightbox-nav{width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:999px;font-size:1.2rem;font-weight:700}.lightbox-counter{color:var(--ink);background:#fff;border-radius:999px;margin:0;padding:4px 10px;font-size:.86rem;font-weight:700;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.photo-editor-preview{object-fit:contain;background:#eef4ff;border-radius:12px;width:100%;max-height:78vh}.photo-editor-actions{justify-content:flex-end;gap:8px;display:flex}.photo-editor-actions input[type=file]{display:none}.photo-editor-actions .delete-btn{color:#a62945;font:inherit;cursor:pointer;background:linear-gradient(120deg,#ffe0e6f2,#ffc5cef2);border:1px solid #c63f5273;border-radius:10px;padding:8px 11px;font-weight:800;transition:transform .17s,box-shadow .17s,border-color .17s}.photo-editor-actions .delete-btn:hover{border-color:#c63f52b8;transform:translateY(-1px);box-shadow:0 8px 20px #c63f522e}.comment-form{gap:8px;display:flex}.comment-form input{min-width:0;font:inherit;border:1px solid #7eb4ff4d;border-radius:10px;flex:1;padding:10px 12px;background:#fff!important}.comment-form button{background:linear-gradient(120deg, var(--accent-a), var(--accent-b));color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 12px;font-weight:700}.comment-form .secondary-btn{color:var(--violet-700);background:#fff!important}@media (width<=1500px){.profile-layout{grid-template-columns:390px minmax(0,1fr)}}@media (width<=860px){.post-editor-head{flex-direction:column;align-items:flex-start;margin-bottom:8px}.post-editor-toolbar{flex-direction:column;align-items:stretch}.post-editor-char-count{align-self:flex-end}}.user-profile-page{height:100%;overflow:auto}.back-link{border-bottom:1px dashed #607ebcbf;margin-bottom:12px;text-decoration:none;transition:color .18s,border-color .18s;display:inline-block}.back-link:hover{color:var(--accent-b);border-color:var(--accent-b)}.user-profile-card{gap:10px;max-width:100%;display:grid}.user-profile-card img{object-fit:cover;border:3px solid #7eb4ff59;border-radius:50%;width:80px;height:80px}.user-profile-card h2,.user-profile-card p{margin:0}.detailed-profile-card{--profile-avatar-size:116px;text-align:left;gap:14px;max-width:100%}.profile-username{color:#38538d9e;overflow-wrap:anywhere;word-break:break-word;align-items:center;gap:8px;margin:0;display:inline-flex}.profile-username-name{opacity:.82}.profile-pronouns{color:#4c69a8cc;background:#eee7ffc7;border:1px solid #aa9cff47;border-radius:999px;padding:2px 8px;font-size:.8rem}.name-size-lg{font-size:1.5em;line-height:1.15}.name-size-md{font-size:1em;line-height:1.2}.profile-banner{background-position:50%;background-size:cover;border-radius:16px;height:170px}.profile-avatar-centered{object-fit:cover;border-radius:50%;margin:-72px auto 0;box-shadow:0 8px 22px #26555d3d;border:4px solid #fffffff5!important;width:138px!important;height:138px!important}.profile-top-row{flex-wrap:wrap;align-items:center;gap:16px;margin-top:-34px;padding:0 8px;display:flex}.profile-avatar-side{object-fit:cover;border-radius:50%;flex:none;box-shadow:0 8px 22px #26555d3d;border:4px solid #fffffff5!important;width:116px!important;height:116px!important}.profile-identity-block{text-align:left;flex:260px;width:auto;min-width:0}.profile-identity-block h2{overflow-wrap:anywhere;margin:0;line-height:1.18}.profile-display-name{background-size:220% 220%;-webkit-background-clip:text;background-clip:text;color:#0000!important}.profile-display-name.nickname-gradient-style-sunrise{animation:5.4s ease-in-out infinite shimmerNickname}.profile-display-name.nickname-gradient-style-cotton-candy{animation:4.2s ease-in-out infinite shimmerNickname}.profile-display-name.nickname-gradient-style-aurora{animation:3.6s linear infinite shimmerNickname}@keyframes shimmerNickname{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.profile-actions-stack{flex:none;justify-items:end;gap:8px;margin-left:auto;display:grid}.profile-sections-grid{gap:10px;display:grid}.profile-block{text-align:left;background:#ffffffc7;border:1px solid #7eb4ff38;border-radius:14px;padding:12px 14px}.profile-block h3{margin:0 0 8px;font-size:.95rem}.profile-block p{margin:0;line-height:1.45}.profile-meta-block{gap:6px;display:grid}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--violet-700);background:linear-gradient(120deg,#ffd1ecf2,#d5e8ffeb);border-radius:999px;align-items:center;padding:4px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.chip.muted{background:#e8f1ffeb}.go-chat-btn{background:linear-gradient(120deg, var(--accent-a), var(--accent-b));color:#fff;border-radius:10px;justify-self:start;margin-top:6px;padding:9px 12px;font-weight:700;text-decoration:none}.go-chat-btn-side{place-self:center end;margin:0}.profile-music-block{gap:4px;display:grid}.profile-music-player{gap:2px;display:grid}.profile-music-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.profile-music-row-compact{align-items:center}.profile-music-cover{object-fit:cover;border:1px solid #7eb4ff5c;border-radius:12px;justify-self:start}.profile-music-avatar{width:58px;height:58px}.profile-music-info{gap:6px;min-width:0;display:grid}.profile-music-info b{white-space:nowrap;text-overflow:ellipsis;color:#3a5c96;font-size:1.96rem;display:block;overflow:hidden}.profile-music-volume-inline{appearance:none;background:linear-gradient(90deg,#ffc9e9f2,#c5e0fff2);border:1px solid #7eb4ff42;border-radius:999px;outline:none;width:75%;min-width:80px;height:6px;margin:0}.profile-music-volume-inline::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:6px}.profile-music-volume-inline::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #7ca7df;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 0 0 2px #ffc2e4a6}.profile-music-volume-inline::-moz-range-track{background:linear-gradient(90deg,#ffc9e9f2,#c5e0fff2);border:1px solid #7eb4ff42;border-radius:999px;height:6px}.profile-music-volume-inline::-moz-range-thumb{background:#fff;border:2px solid #7ca7df;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 2px #ffc2e4a6}.profile-music-actions{align-self:center;align-items:center;gap:6px;display:inline-flex}.profile-music-icon-btn{color:#375f9c;background:linear-gradient(135deg,#ffcde9f2,#c6e1fff5);border:1px solid #7eb4ff47;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:0 6px 14px #5774b12e}.profile-music-icon-btn svg{fill:currentColor;width:20px;height:20px}.profile-music-icon-btn:hover{filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 8px 16px #5774b138}.profile-music-add-btn{font-size:1.2rem;font-weight:800;line-height:1}@media (width<=900px){.profile-top-row{align-items:flex-start}.profile-actions-stack{grid-auto-flow:row;justify-items:start;gap:8px;width:100%;margin-left:0}}.profile-editor-modern{scrollbar-width:none;-ms-overflow-style:none;background:radial-gradient(120% 160% at 0 0,#ffcbe99e,#0000 55%),radial-gradient(120% 160% at 100% 0,#c2ddff94,#0000 55%),#faf8fffa;border:1px solid #7eb4ff59;overflow-y:auto;box-shadow:0 22px 56px #5371b542}.profile-editor-modern::-webkit-scrollbar{width:0;height:0;display:none}.profile-editor-overlay-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11162d85}.profile-editor-preview{margin:2px 0 12px;padding:0 0 12px;position:relative}.profile-editor-banner-upload{cursor:pointer;display:block;position:relative}.profile-editor-banner-upload input{display:none}.profile-editor-banner{background-color:#0000;background-image:radial-gradient(circle at 18% 22%,#ffbee2f0 0,#ffbee21f 38%,#0000 42%),radial-gradient(circle at 82% 25%,#bcdbffe6 0,#bcdbff14 35%,#0000 38%),linear-gradient(135deg,#ffd4ee 0%,#e6ddff 44%,#cce2ff 100%);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:18px;height:170px;position:relative;overflow:hidden}.profile-editor-avatar-wrap{cursor:pointer;position:absolute;top:110px;left:16px}.profile-editor-avatar-wrap input{display:none}.profile-editor-avatar{object-fit:cover;background:#e7ddff;border:4px solid #fffffff5;border-radius:50%;width:112px;height:112px;box-shadow:0 10px 26px #627dbc33}.profile-editor-avatar-empty{color:#5578bc;place-items:center;font-size:1.2rem;display:grid}.profile-editor-bio-wrap{gap:6px;width:calc(100% - 156px);margin-top:12px;margin-left:148px;display:grid}.profile-editor-bio-wrap span{color:#5578bc;letter-spacing:.03em;text-transform:uppercase;padding-left:5px;font-size:.8rem;font-weight:700}.profile-editor-bubble{color:#3a5c96;width:100%;min-height:108px;max-height:130px;overflow-y:auto;box-shadow:inset 0 1px #ffffffe6,0 8px 18px #627dbc1f;resize:none!important;background:#ffffffeb!important;border:1px solid #7eb4ff57!important;border-radius:14px!important}.profile-editor-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-editor-field{gap:6px;display:grid}.profile-editor-field span{color:#5578bc;letter-spacing:.03em;text-transform:uppercase;padding-left:5px;font-size:.8rem;font-weight:700}.profile-editor-field input,.profile-editor-field select{color:#3a5c96;font:inherit;border-radius:10px;padding:9px 10px;box-shadow:inset 0 1px #ffffffdb;background:#fffffff0!important;border:1px solid #7eb4ff5c!important}.profile-editor-gradient-field{position:relative}.profile-custom-select-trigger{color:#3a5c96;font:inherit;text-align:left;cursor:pointer;border-radius:10px;width:100%;padding:9px 10px;box-shadow:inset 0 1px #ffffffdb;background:#fffffff0!important;border:1px solid #7eb4ff5c!important}.profile-custom-select-trigger--plain{box-shadow:none;background:linear-gradient(120deg,#ffc9e933,#c5e0ff38)!important;border:0!important}.profile-custom-select-trigger-value{color:#294b84;font-weight:700}.profile-custom-select-menu{opacity:0;pointer-events:none;z-index:12;background:#fffffff5;border:1px solid #7eb4ff52;border-radius:12px;max-height:0;transition:max-height .22s,opacity .18s,transform .22s;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;transform:translateY(-8px);box-shadow:0 12px 24px #5371b533}.profile-custom-select-menu.open{opacity:1;pointer-events:auto;max-height:220px;transform:translateY(0)}.profile-custom-select-item{text-align:left;color:#3a5c96;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-top:1px solid #7eb4ff29;padding:9px 10px;transition:background .14s,color .14s}.profile-custom-select-item:first-child{border-top:0}.profile-custom-select-item.active{color:#294b84;background:linear-gradient(120deg,#ffc9e952,#c5e0ff52)}.profile-editor-color-field input[type=color]{cursor:pointer;height:44px;padding:4px 6px}.profile-editor-color-pair-field{gap:6px;display:grid}.profile-editor-color-pair{align-items:center;gap:10px;display:flex}.profile-editor-color-square{cursor:pointer;background:#fffffff2;border:1px solid #7eb4ff6b;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.profile-editor-color-square input[type=color]{cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0}.profile-editor-color-square input[type=color]::-webkit-color-swatch-wrapper{padding:0}.profile-editor-color-square input[type=color]::-webkit-color-swatch{border:1px solid #5578bc73;border-radius:50%}.profile-editor-file-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;margin-top:10px;display:grid}.profile-editor-file-card{text-align:center;cursor:pointer;background:#ffffffdb;border:1px dashed #7eb4ff70;border-radius:14px;place-items:center;gap:6px;padding:12px 10px;transition:transform .16s,border-color .16s;display:grid}.profile-editor-file-card input{display:none}.profile-editor-file-icon{background:linear-gradient(120deg,#ffc9e9f2,#c5e0fff2);border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.profile-editor-file-icon svg{fill:#5578bc;width:22px;height:22px}.profile-editor-file-label{color:#5578bc;font-size:.86rem;font-weight:700}.profile-editor-file-hint{color:#3a5c96c2;font-size:.78rem}.profile-editor-checkbox{color:#3a5c96;background:#ffffffb8;border:1px solid #7eb4ff4d;border-radius:10px;align-items:center;gap:8px;width:fit-content;padding:8px 10px;font-size:.92rem;display:inline-flex}.profile-editor-checkbox input{accent-color:#7eb4ff;width:16px;height:16px}.profile-editor-actions{justify-content:flex-start;align-items:center;gap:12px;display:flex}.profile-editor-actions button[type=submit]{margin-left:auto}.profile-editor-error-message{color:#b42f4d;text-align:left;margin:0;font-size:.88rem;font-weight:700}.profile-editor-context-menu{min-width:220px}@media (width<=760px){.profile-editor-banner{height:140px}.profile-editor-avatar-wrap{top:92px}.profile-editor-avatar{width:88px;height:88px}.profile-editor-bio-wrap{width:calc(100% - 124px);margin-left:116px}.profile-editor-fields,.profile-editor-file-grid{grid-template-columns:1fr}}