/* VoiceBok 3.0 hi-fi design system (generated) */
:root{--i-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zM9 22V13h6v9'/%3E%3C/svg%3E");--i-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM21 21l-4.3-4.3'/%3E%3C/svg%3E");--i-compass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20zM16.2 7.8l-2.1 6.3-6.3 2.1 2.1-6.3z'/%3E%3C/svg%3E");--i-bell:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9M10.3 21a1.9 1.9 0 0 0 3.4 0'/%3E%3C/svg%3E");--i-gear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/%3E%3C/svg%3E");--i-mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3zM19 10v2a7 7 0 0 1-14 0v-2M12 19v3'/%3E%3C/svg%3E");--i-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");--i-moon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9z'/%3E%3C/svg%3E");--i-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zM12 18h.01'/%3E%3C/svg%3E");--i-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2-1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7z'/%3E%3C/svg%3E");--i-chat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22z'/%3E%3C/svg%3E");--i-share:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E");--i-flag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zM4 22v-7'/%3E%3C/svg%3E");--i-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4l13 8-13 8z'/%3E%3C/svg%3E");--i-pause:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h3v16H7zM14 4h3v16h-3z'/%3E%3C/svg%3E");--i-heart-o:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2-1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7z'/%3E%3C/svg%3E");}
:root{--vb-font:"Inter","SF Pro Display",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--vb-grad:linear-gradient(135deg,#7c5cff 0%,#e04ee0 55%,#ff8f4a 100%);
--vb-grad-soft:linear-gradient(135deg,rgba(124,92,255,.16),rgba(224,78,224,.12) 55%,rgba(255,143,74,.14));
--vb-bar:linear-gradient(180deg,#ff8f4a,#e04ee0 50%,#7c5cff);
--vb-ring:conic-gradient(from 200deg,#ff8f4a,#ff4fd8,#7c5cff,#22d3ee,#ff8f4a);
--vb-cyan:#22d3ee;--vb-like:#ff4f87;--vb-r:26px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#07050f;--paper:#130f22;--paper-soft:#1a1430;--ink:#f8f5ff;--ink-soft:#ddd6f5;--muted:#a69ec6;--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.17);
--purple:#7c5cff;--purple-deep:#5b3df0;--pink:#f04bd0;--orange:#ff9a3d;--green:#2dd4a0;--red:#ff5c7c;
--card:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));--field:rgba(255,255,255,.06);--hover:rgba(255,255,255,.07);--seg:rgba(255,255,255,.06);
--topbar-bg:rgba(10,7,20,.74);--nav-bg:rgba(16,12,30,.82);--sheet:#15102a;--wave-idle:rgba(255,255,255,.2);--shadow:0 18px 50px -20px rgba(0,0,0,.7);--shadow-hover:0 26px 70px -22px rgba(124,92,255,.45);
--aur1:rgba(124,92,255,.30);--aur2:rgba(255,79,216,.17);--aur3:rgba(34,211,238,.13)}
:root[data-theme="light"]{color-scheme:light;--bg:#f3f0ff;--paper:#fff;--paper-soft:#f8f6ff;--ink:#161230;--ink-soft:#463f6e;--muted:#7a74a2;--line:#e6e0f7;--line-strong:#d2c9f0;
--purple:#7c5cff;--purple-deep:#5b3df0;--pink:#e04ee0;--orange:#ff8f4a;--green:#12a97c;--red:#e5365b;
--card:#fff;--field:#f6f3ff;--hover:rgba(124,92,255,.08);--seg:#ece7fd;
--topbar-bg:rgba(243,240,255,.8);--nav-bg:rgba(255,255,255,.88);--sheet:#fff;--wave-idle:#d8d0f3;--shadow:0 16px 44px -22px rgba(76,48,170,.35);--shadow-hover:0 24px 60px -24px rgba(124,92,255,.5);
--aur1:rgba(124,92,255,.22);--aur2:rgba(255,79,216,.14);--aur3:rgba(34,211,238,.14)}
:root[data-theme] body{font-family:var(--vb-font);font-size:15px;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:root[data-theme] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 6% -6%,var(--aur1),transparent 62%),radial-gradient(48% 44% at 96% 4%,var(--aur2),transparent 62%),radial-gradient(56% 50% at 62% 112%,var(--aur3),transparent 62%)}
:root[data-theme] a{color:inherit;text-decoration:none}
:root[data-theme] ::selection{background:rgba(224,78,224,.35)}
:root[data-theme] button{cursor:pointer}
:root[data-theme] .hidden{display:none!important}
:root[data-theme] .ico{width:22px;height:22px;display:block;flex:none}
:root[data-theme] :focus-visible{outline:3px solid rgba(160,130,255,.85);outline-offset:3px;border-radius:10px}
:root[data-theme] .eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;background:var(--vb-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme] .text-gradient{background:var(--vb-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme] .avatar{background:var(--vb-grad);box-shadow:0 0 0 2px var(--bg)}
:root[data-theme] .avatar img{width:100%;height:100%;object-fit:cover}
:root[data-theme] .mini-avatar{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--vb-grad);color:#fff;font-weight:800}
:root[data-theme] .app-frame{display:grid;grid-template-columns:272px minmax(0,1fr) 340px;gap:30px;width:min(100% - 48px,1720px);max-width:1720px;margin:0 auto;padding:0}
:root[data-theme] .sidebar{position:sticky;top:0;height:100vh;height:100dvh;padding:24px 0 22px;display:flex;flex-direction:column;gap:6px}
:root[data-theme] .brand{display:flex;align-items:center;gap:12px;padding:4px 8px 20px;font-size:23px;font-weight:900;letter-spacing:-.05em;color:var(--ink)}
:root[data-theme] .brand-symbol{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:14px;background:var(--vb-grad);color:#fff;font-size:20px;box-shadow:0 10px 26px -6px rgba(190,70,230,.7),inset 0 1px 0 rgba(255,255,255,.35)}
:root[data-theme] .brand-symbol svg{width:24px;height:24px}
:root[data-theme] .nav-stack{display:flex;flex-direction:column;gap:4px}
:root[data-theme] .nav-item{position:relative;display:flex;align-items:center;gap:14px;padding:7px 14px 7px 7px;border:1px solid transparent;border-radius:20px;font-size:15px;font-weight:700;color:var(--ink-soft);transition:background .18s,border-color .18s,transform .18s}
:root[data-theme] .nav-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;color:var(--muted);transition:all .18s}
:root[data-theme] .nav-item:hover{background:var(--hover)}
:root[data-theme] .nav-item:hover .nav-icon{color:var(--ink)}
:root[data-theme] .nav-item.active{color:var(--ink);background:var(--vb-grad-soft);border-color:var(--line-strong)}
:root[data-theme] .nav-item.active .nav-icon{background:var(--vb-grad);color:#fff;box-shadow:0 8px 20px -6px rgba(190,70,230,.75)}
:root[data-theme] .unread-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:99px;background:var(--vb-like);color:#fff;font-size:11px;font-weight:800;box-shadow:0 4px 12px -2px rgba(255,79,135,.6)}
:root[data-theme] .sidebar-record{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;margin-top:16px;border:0;border-radius:20px;background:var(--vb-grad);color:#fff;font-size:15px;font-weight:800;box-shadow:0 16px 36px -12px rgba(200,70,230,.75),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .18s,box-shadow .18s}
:root[data-theme] .sidebar-record:hover{transform:translateY(-2px);box-shadow:0 22px 44px -12px rgba(200,70,230,.85)}
:root[data-theme] .sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px}
:root[data-theme] .theme-toggle{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:18px;background:var(--field);color:var(--ink-soft);font-weight:700}
:root[data-theme] .theme-toggle:hover{background:var(--hover)}
:root[data-theme] .theme-toggle .ico{width:20px;height:20px}
:root[data-theme] .sidebar-user{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow)}
:root[data-theme] .sidebar-user strong{display:block;font-size:14px;line-height:1.2}
:root[data-theme] .sidebar-user small{color:var(--muted);font-size:12px}
:root[data-theme] .main-column{min-width:0;border:0;background:transparent}
:root[data-theme] .topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;height:auto;min-height:84px;padding:14px 4px;border:0;background:var(--topbar-bg);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4)}
:root[data-theme] .mobile-brand{display:none}
:root[data-theme] .topbar-greeting strong{display:block;font-size:19px;font-weight:850;letter-spacing:-.03em;line-height:1.2}
:root[data-theme] .topbar-greeting span{color:var(--muted);font-size:13px}
:root[data-theme] .topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
:root[data-theme] .icon-button{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:15px;background:var(--field);color:var(--ink-soft);transition:all .18s}
:root[data-theme] .icon-button:hover{background:var(--hover);color:var(--ink);transform:translateY(-1px)}
:root[data-theme] .icon-button.top-view-toggle{width:auto;padding:0 16px;gap:8px;display:inline-flex;font-size:13px;font-weight:750}
:root[data-theme] .icon-button .ico{width:20px;height:20px}
:root[data-theme] .tiny-dot{position:absolute;top:9px;right:10px;width:10px;height:10px;border-radius:50%;background:var(--vb-like);box-shadow:0 0 0 2px var(--bg)}
:root[data-theme] .avatar-button{border:0;background:none;padding:0;border-radius:50%}
:root[data-theme] .page-content{width:100%;max-width:880px;margin:0 auto;padding:18px 4px 72px;min-height:0}
:root[data-theme] .right-rail{position:sticky;top:0;height:100vh;height:100dvh;padding:24px 0 18px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;scrollbar-width:none}
:root[data-theme] .right-rail::-webkit-scrollbar{display:none}
:root[data-theme] .rail-card{padding:22px;border:1px solid var(--line);border-radius:var(--vb-r);background:var(--card);box-shadow:var(--shadow)}
:root[data-theme] .rail-card h3{font-size:16px;font-weight:850;letter-spacing:-.02em;margin:0}
:root[data-theme] .rail-card p{color:var(--ink-soft);font-size:14px}
:root[data-theme] .rail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
:root[data-theme] .rail-heading a,:root[data-theme] .text-link{color:var(--purple);font-size:13px;font-weight:750;background:none;border:0}
:root[data-theme] .welcome-rail{position:relative;overflow:hidden;border:0;color:#fff;background:linear-gradient(150deg,#3a1b97,#8b2fd8 50%,#ff6aa8 100%);box-shadow:0 24px 60px -20px rgba(170,60,230,.7)}
:root[data-theme] .welcome-rail::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 65%)}
:root[data-theme] .welcome-rail .eyebrow{background:none;color:rgba(255,255,255,.8);-webkit-text-fill-color:currentColor}
:root[data-theme] .welcome-rail h3{font-size:24px;line-height:1.15;margin:8px 0 10px;color:#fff;letter-spacing:-.04em}
:root[data-theme] .welcome-rail h3 span{opacity:.75}
:root[data-theme] .welcome-rail p{color:rgba(255,255,255,.85)}
:root[data-theme] .soft-link,:root[data-theme] .plain-button{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 16px;border:0;border-radius:14px;background:rgba(255,255,255,.18);color:#fff;font-weight:800;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
:root[data-theme] .rail-footer{display:flex;flex-wrap:wrap;gap:6px 14px;padding:4px 8px;color:var(--muted);font-size:12px}
:root[data-theme] .rail-skeleton i{display:block;height:44px;margin-top:10px;border-radius:14px;background:linear-gradient(90deg,var(--field),var(--hover),var(--field));background-size:200% 100%;animation:shimmer 1.4s linear infinite}
:root[data-theme] .mobile-footer{display:none}
:root[data-theme] .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border:0;border-radius:17px;background:var(--vb-grad);color:#fff;font-weight:800;font-size:15px;box-shadow:0 14px 30px -12px rgba(200,70,230,.8),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .18s,box-shadow .18s,filter .18s}
:root[data-theme] .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.07)}
:root[data-theme] .btn-primary:active{transform:translateY(0) scale(.98)}
:root[data-theme] .btn-primary.wide,:root[data-theme] .btn-text.wide{width:100%}
:root[data-theme] .btn-soft,:root[data-theme] .btn-icon-soft,:root[data-theme] .btn-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid var(--line-strong);border-radius:16px;background:var(--field);color:var(--ink);font-weight:750}
:root[data-theme] .btn-icon-soft{width:46px;padding:0}
:root[data-theme] .btn-text{border-color:transparent;background:none;color:var(--purple)}
:root[data-theme] .btn-soft:hover,:root[data-theme] .btn-icon-soft:hover{background:var(--hover)}
:root[data-theme] .follow-button,:root[data-theme] .follow-mini{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:99px;background:var(--vb-grad);color:#fff;font-weight:800;padding:0 22px;min-height:44px;box-shadow:0 10px 24px -10px rgba(200,70,230,.8);transition:all .18s}
:root[data-theme] .follow-mini{min-height:34px;padding:0 16px;font-size:13px}
:root[data-theme] .follow-button.following,:root[data-theme] .follow-mini.following{background:var(--field);color:var(--ink);border:1px solid var(--line-strong);box-shadow:none}
:root[data-theme] .form-stack{display:flex;flex-direction:column;gap:18px}
:root[data-theme] .form-stack label,:root[data-theme] label{font-weight:750;font-size:13px;color:var(--ink-soft)}
:root[data-theme] .form-stack label{display:flex;flex-direction:column;gap:8px}
:root[data-theme] input,:root[data-theme] textarea,:root[data-theme] select{width:100%;min-height:52px;padding:0 16px;border:1px solid var(--line-strong);border-radius:16px;background:var(--field);color:var(--ink);font-size:15px;transition:border-color .18s,box-shadow .18s}
:root[data-theme] textarea{padding:14px 16px;min-height:96px;resize:vertical}
:root[data-theme] input::placeholder,:root[data-theme] textarea::placeholder{color:var(--muted);opacity:.85}
:root[data-theme] input:focus,:root[data-theme] textarea:focus,:root[data-theme] select:focus{outline:none;border-color:#9b7bff;box-shadow:0 0 0 4px rgba(124,92,255,.25)}
:root[data-theme] .username-input{display:flex;align-items:center;gap:8px;padding:0 14px;min-height:52px;border:1px solid var(--line-strong);border-radius:16px;background:var(--field)}
:root[data-theme] .username-input input{border:0;background:none;box-shadow:none;min-height:50px;padding:0}
:root[data-theme] .username-status{font-size:12px;color:var(--muted);white-space:nowrap}
:root[data-theme] .code-input{text-align:center;font-size:26px;font-weight:800;letter-spacing:.5em;padding-left:.5em}
:root[data-theme] .password-meter{display:flex;gap:6px}
:root[data-theme] .password-meter i{flex:1;height:5px;border-radius:9px;background:var(--line-strong)}
:root[data-theme] .form-feedback{margin:0;font-size:13px;color:var(--red);min-height:0}
:root[data-theme] .form-meta{display:flex;justify-content:flex-end;font-size:13px}
:root[data-theme] .form-meta a,:root[data-theme] .auth-switch a,:root[data-theme] .terms-note a{color:var(--purple);font-weight:750}
:root[data-theme] .auth-switch,:root[data-theme] .terms-note{text-align:center;color:var(--muted);font-size:13px}
:root[data-theme] .home-heading,:root[data-theme] .page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:6px 0 24px}
:root[data-theme] .page-heading:not(.page-heading-inline){display:block}
:root[data-theme] .home-heading h1,:root[data-theme] .page-heading h1{margin:6px 0 8px;font-size:clamp(28px,3.3vw,42px);font-weight:900;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
:root[data-theme] .home-heading p,:root[data-theme] .page-heading p{margin:0;color:var(--ink-soft);font-size:16px}
:root[data-theme] .view-switch{display:inline-flex;flex:none;padding:5px;border:1px solid var(--line);border-radius:18px;background:var(--seg)}
:root[data-theme] .view-switch button{min-height:40px;padding:0 16px;border:0;border-radius:13px;background:none;color:var(--muted);font-weight:750;font-size:13px;white-space:nowrap}
:root[data-theme] .view-switch button.selected{background:var(--vb-grad);color:#fff;box-shadow:0 8px 18px -8px rgba(200,70,230,.8)}
:root[data-theme] .section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
:root[data-theme] .section-heading h2{margin:0;font-size:19px;font-weight:850;letter-spacing:-.03em}
:root[data-theme] .section-heading p{margin:2px 0 0;color:var(--muted);font-size:13px}
:root[data-theme] .content-section{margin-top:30px}
:root[data-theme] .live-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:99px;background:rgba(255,79,135,.14);color:var(--vb-like);font-size:11px;font-weight:850;letter-spacing:.1em}
:root[data-theme] .live-pill i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:vbPulse 1.4s ease-in-out infinite}
@keyframes vbPulse{50%{transform:scale(1.8);opacity:.35}}
:root[data-theme] .stories-section{margin-bottom:20px;padding:20px 20px 12px;border:1px solid var(--line);border-radius:var(--vb-r);background:var(--card);box-shadow:var(--shadow)}
:root[data-theme] .stories-row{display:flex;gap:18px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:none;scroll-snap-type:x proximity}
:root[data-theme] .stories-row::-webkit-scrollbar{display:none}
:root[data-theme] .story-cell{flex:0 0 auto;width:80px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--ink);scroll-snap-align:start;text-align:center}
:root[data-theme] .story-cell strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750}
:root[data-theme] .story-cell small{color:var(--muted);font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-theme] .story-avatar{position:relative;display:grid;place-items:center;width:74px;height:74px;padding:3px;border:0;border-radius:50%;background:var(--vb-ring);transition:transform .2s}
:root[data-theme] .story-avatar .avatar{width:100%;height:100%;border:3px solid var(--bg);box-shadow:none}
:root[data-theme] .story-avatar.no-story{background:var(--line-strong)}
:root[data-theme] .story-cell:hover .story-avatar{transform:scale(1.07) rotate(-4deg)}
:root[data-theme] .story-avatar.has-story,:root[data-theme] .story-avatar.own-story{box-shadow:0 8px 24px -8px rgba(224,78,224,.6)}
:root[data-theme] .story-avatar i{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:25px;height:25px;border:3px solid var(--bg);border-radius:50%;background:var(--vb-grad);color:#fff;font-size:14px;font-style:normal;font-weight:800}
:root[data-theme] .quick-compose{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:14px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow)}
:root[data-theme] .compose-avatar{border:0;background:none;padding:0}
:root[data-theme] .compose-prompt{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:54px;padding:8px 20px;border:1px solid var(--line);border-radius:18px;background:var(--field);color:var(--ink-soft);text-align:left;font-weight:700}
:root[data-theme] .compose-prompt small{color:var(--muted);font-weight:600}
:root[data-theme] .compose-button{display:grid;place-items:center;flex:none;width:54px;height:54px;border:0;border-radius:18px;background:var(--vb-grad);color:#fff;font-size:26px;box-shadow:0 12px 26px -10px rgba(200,70,230,.85)}
:root[data-theme] .guest-invite,:root[data-theme] .onboarding-card{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:20px;border:1px solid var(--line-strong);border-radius:24px;background:var(--vb-grad-soft)}
:root[data-theme] .guest-invite{flex-wrap:wrap}
:root[data-theme] .guest-wave,:root[data-theme] .onboarding-icon,:root[data-theme] .empty-icon,:root[data-theme] .settings-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:18px;background:var(--vb-grad);color:#fff;font-size:22px;font-weight:800;box-shadow:0 12px 26px -10px rgba(200,70,230,.8)}
:root[data-theme] .onboarding-card h3{margin:2px 0;font-size:18px}
:root[data-theme] .onboarding-card p{margin:0;color:var(--ink-soft);font-size:14px}
:root[data-theme] .onboarding-card>div:nth-child(2){flex:1;min-width:0}
:root[data-theme] .feed-list{display:flex;flex-direction:column;gap:18px}
:root[data-theme] .voice-card{position:relative;padding:22px 22px 14px;border:1px solid var(--line);border-radius:var(--vb-r);background:var(--card);box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s,border-color .22s;animation:vbRise .45s both}
:root[data-theme] .voice-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--line-strong)}
@keyframes vbRise{from{opacity:0;transform:translateY(14px)}}
:root[data-theme] .voice-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
:root[data-theme] .voice-author{display:flex;align-items:center;gap:12px;min-width:0}
:root[data-theme] .author-meta{display:flex;flex-direction:column;min-width:0}
:root[data-theme] .author-meta strong{font-size:15px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:6px}
:root[data-theme] .author-meta small{color:var(--muted);font-size:13px}
:root[data-theme] .role-dot,:root[data-theme] .verified-badge{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--vb-grad);color:#fff;font-size:10px}
:root[data-theme] .more-button{min-width:40px;height:40px;border:0;border-radius:13px;background:none;color:var(--muted);letter-spacing:1px;font-weight:800}
:root[data-theme] .more-button:hover{background:var(--hover);color:var(--ink)}
:root[data-theme] .voice-caption{margin:0 0 12px;font-size:16.5px;line-height:1.6;color:var(--ink)}
:root[data-theme] .inline-tag,:root[data-theme] .tag-chip{color:var(--purple);font-weight:750}
:root[data-theme] .tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
:root[data-theme] .tag-chip{padding:5px 12px;border-radius:99px;background:var(--hover);font-size:13px}
:root[data-theme] .tag-chip:hover{background:var(--vb-grad);color:#fff}
:root[data-theme] .voice-player{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:22px;background:var(--vb-grad-soft);overflow:hidden;transition:box-shadow .3s,border-color .3s}
:root[data-theme] .voice-player.is-playing{border-color:rgba(224,78,224,.55);box-shadow:0 0 0 1px rgba(224,78,224,.2),0 20px 50px -20px rgba(224,78,224,.7)}
:root[data-theme] .player-toggle{display:grid;place-items:center;flex:none;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:var(--vb-grad);color:#fff;box-shadow:0 12px 26px -8px rgba(200,70,230,.85),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s}
:root[data-theme] .player-toggle:hover{transform:scale(1.08)}
:root[data-theme] .player-toggle span{width:22px;height:22px;font-size:0;background:currentColor;-webkit-mask:var(--i-play) center/contain no-repeat;mask:var(--i-play) center/contain no-repeat;margin-left:2px}
:root[data-theme] .voice-player.is-playing .player-toggle span{-webkit-mask-image:var(--i-pause);mask-image:var(--i-pause);margin-left:0}
:root[data-theme] .player-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
:root[data-theme] .player-wave{display:flex;align-items:center;gap:2px;height:46px;min-width:0;padding:0;cursor:pointer;touch-action:pan-y}
:root[data-theme] .wave-bar{flex:1 1 0;min-width:2px;max-width:6px;height:var(--bar-height,30%);border-radius:99px;background:var(--wave-idle);transition:background .15s,transform .15s}
:root[data-theme] .wave-bar.played{background:var(--vb-bar)}
:root[data-theme] .voice-player.is-playing .wave-bar.played:last-of-type{transform:scaleY(1.2)}
:root[data-theme] .player-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
:root[data-theme] .player-speed{padding:3px 10px;border:1px solid var(--line-strong);border-radius:99px;background:var(--field);color:var(--ink-soft);font-weight:800;font-size:11px}
:root[data-theme] .player-spark{display:none}
:root[data-theme] .voice-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
:root[data-theme] .voice-actions{display:flex;align-items:center;gap:2px;flex-wrap:wrap;margin-left:-8px}
:root[data-theme] .action-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:0;border-radius:14px;background:none;color:var(--muted);font-size:14px;font-weight:750;transition:all .16s}
:root[data-theme] .action-button:hover{background:var(--hover);color:var(--ink)}
:root[data-theme] .action-symbol,:root[data-theme] .swipe-rail-button>span:first-child{display:inline-block;flex:none;width:22px;height:22px;font-size:0;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
:root[data-theme] [data-action="like"] .action-symbol,:root[data-theme] [data-action="like"]>span:first-child{--ic:var(--i-heart-o)}
:root[data-theme] .liked .action-symbol,:root[data-theme] .liked>span:first-child{--ic:var(--i-heart)}
:root[data-theme] [data-action="comments"] .action-symbol,:root[data-theme] [data-action="comments"]>span:first-child{--ic:var(--i-chat)}
:root[data-theme] [data-action="share"] .action-symbol,:root[data-theme] [data-action="share"]>span:first-child{--ic:var(--i-share)}
:root[data-theme] [data-action="report"] .action-symbol,:root[data-theme] [data-action="report"]>span:first-child{--ic:var(--i-flag)}
:root[data-theme] .action-button.liked,:root[data-theme] .swipe-rail-button.liked{color:var(--vb-like)}
:root[data-theme] .liked .action-symbol{animation:heartPop .35s}
:root[data-theme] .action-subtle{opacity:.6}
:root[data-theme] .plays-count{color:var(--muted);font-size:13px;font-weight:650}
:root[data-theme] .heart-burst{pointer-events:none}
:root[data-theme] .swipe-pager{height:min(78vh,760px);border-radius:30px;background:#140b2e;box-shadow:var(--shadow-hover);scroll-snap-type:y mandatory}
:root[data-theme] .swipe-slide{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:28px;color:#fff;scroll-snap-align:start;overflow:hidden}
:root[data-theme] .swipe-card-backdrop{position:absolute;inset:0;background:radial-gradient(70% 50% at 20% 10%,#7c5cff,transparent 60%),radial-gradient(60% 50% at 90% 40%,#ff4fd8,transparent 60%),radial-gradient(70% 55% at 40% 100%,#ff8f4a,transparent 62%),#150b30;opacity:.85}
:root[data-theme] .swipe-voice-content{position:relative;z-index:1;margin-right:74px}
:root[data-theme] .swipe-kicker{font-size:11px;font-weight:850;letter-spacing:.16em;opacity:.8}
:root[data-theme] .swipe-caption{margin:10px 0 18px;font-size:clamp(22px,3.2vw,32px);font-weight:850;line-height:1.2;letter-spacing:-.03em}
:root[data-theme] .swipe-slide .voice-player{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
:root[data-theme] .swipe-slide .wave-bar{background:rgba(255,255,255,.35)}
:root[data-theme] .swipe-slide .wave-bar.played{background:#fff}
:root[data-theme] .swipe-slide .player-meta,:root[data-theme] .swipe-slide .tag-chip,:root[data-theme] .swipe-slide small{color:rgba(255,255,255,.8)}
:root[data-theme] .swipe-author-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 8px}
:root[data-theme] .swipe-author-line a{display:flex;align-items:center;gap:10px}
:root[data-theme] .swipe-rail{position:absolute;z-index:2;right:14px;bottom:30px;display:flex;flex-direction:column;gap:16px}
:root[data-theme] .swipe-rail-button{display:flex;flex-direction:column;align-items:center;gap:4px;width:54px;padding:10px 0;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(255,255,255,.14);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
:root[data-theme] .swipe-rail-button small{font-size:11px;font-weight:750}
:root[data-theme] .swipe-rail-button.liked{color:#ff6b9b}
:root[data-theme] .search-hero,:root[data-theme] .big-search{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 20px;border:1px solid var(--line-strong);border-radius:20px;background:var(--field);color:var(--muted);font-weight:650;margin-top:18px}
:root[data-theme] .big-search{margin-top:0}
:root[data-theme] .big-search input{border:0;background:none;box-shadow:none;min-height:54px;padding:0}
:root[data-theme] kbd{margin-left:auto;padding:3px 9px;border:1px solid var(--line-strong);border-radius:8px;background:var(--hover);color:var(--muted);font:700 12px var(--vb-font)}
:root[data-theme] .search-panel{padding:20px;border:1px solid var(--line);border-radius:var(--vb-r);background:var(--card);box-shadow:var(--shadow)}
:root[data-theme] .search-tabs{display:inline-flex;gap:6px;margin:16px 0;padding:5px;border-radius:17px;background:var(--seg)}
:root[data-theme] .search-tabs button{min-height:38px;padding:0 20px;border:0;border-radius:12px;background:none;color:var(--muted);font-weight:750}
:root[data-theme] .search-tabs button.selected{background:var(--vb-grad);color:#fff}
:root[data-theme] .trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
:root[data-theme] .trending-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow);transition:all .2s}
:root[data-theme] .trending-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow-hover)}
:root[data-theme] .trending-card>div{flex:1;min-width:0}
:root[data-theme] .trending-card strong{display:block;font-size:16px;font-weight:850}
:root[data-theme] .trending-card small{color:var(--muted)}
:root[data-theme] .trend-index{font-size:26px;font-weight:900;letter-spacing:-.05em;background:var(--vb-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme] .trend-arrow{color:var(--muted)}
:root[data-theme] .person-row,:root[data-theme] .person-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px}
:root[data-theme] .person-row:hover{background:var(--hover)}
:root[data-theme] .profile-cover{position:relative;overflow:hidden;margin-bottom:26px;padding:34px 30px 28px;border:1px solid var(--line);border-radius:32px;background:var(--card);box-shadow:var(--shadow)}
:root[data-theme] .profile-cover::before{content:"";position:absolute;inset:0 0 auto;height:130px;background:var(--vb-grad);opacity:.9}
:root[data-theme] .cover-sheen{position:absolute;inset:0 0 auto;height:130px;background:radial-gradient(60% 120% at 80% 0,rgba(255,255,255,.35),transparent 60%)}
:root[data-theme] .profile-main{position:relative;display:grid;grid-template-columns:auto 1fr;gap:6px 22px;align-items:end;padding-top:50px}
:root[data-theme] .profile-main .avatar-xl{border:5px solid var(--bg);box-shadow:0 18px 40px -12px rgba(0,0,0,.45)}
:root[data-theme] .profile-identity{min-width:0;padding-bottom:4px}
:root[data-theme] .profile-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
:root[data-theme] .profile-title-line h1{margin:0;font-size:clamp(24px,3vw,34px);font-weight:900;letter-spacing:-.04em}
:root[data-theme] .profile-role{padding:4px 11px;border-radius:99px;background:var(--hover);color:var(--purple);font-size:10.5px;font-weight:850;letter-spacing:.1em}
:root[data-theme] .profile-handle{margin:2px 0 10px;color:var(--muted);font-weight:700}
:root[data-theme] .profile-bio{margin:0 0 14px;color:var(--ink-soft);font-size:15.5px;max-width:60ch}
:root[data-theme] .profile-stats{display:flex;flex-wrap:wrap;gap:10px}
:root[data-theme] .profile-stats>*{padding:9px 16px;border:1px solid var(--line);border-radius:14px;background:var(--field);color:var(--muted);font-size:13px;font-weight:650}
:root[data-theme] .profile-stats strong{color:var(--ink);font-size:16px;margin-right:3px}
:root[data-theme] .profile-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
:root[data-theme] .profile-bio-voice{margin:0 0 14px;max-width:460px}
:root[data-theme] .profile-bio-voice>span{font-size:10px;font-weight:850;letter-spacing:.14em;color:var(--muted)}
:root[data-theme] .notification-list{display:flex;flex-direction:column;gap:10px}
:root[data-theme] .notification-row{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--card);transition:background .2s}
:root[data-theme] .notification-row.unread{border-color:rgba(160,120,255,.5);background:var(--vb-grad-soft)}
:root[data-theme] .notification-body{flex:1;min-width:0}
:root[data-theme] .notification-body p{margin:0}
:root[data-theme] .notification-body small{color:var(--muted)}
:root[data-theme] .notification-open{padding:8px 14px;border-radius:12px;background:var(--hover);color:var(--purple);font-weight:800;font-size:13px}
:root[data-theme] .settings-section,:root[data-theme] .admin-panel{margin-bottom:18px;padding:22px;border:1px solid var(--line);border-radius:var(--vb-r);background:var(--card);box-shadow:var(--shadow)}
:root[data-theme] .settings-section-title{display:flex;align-items:center;gap:14px;margin-bottom:14px}
:root[data-theme] .settings-section-title h2{margin:0;font-size:18px}
:root[data-theme] .settings-section-title p{margin:0;color:var(--muted);font-size:13px}
:root[data-theme] .settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 4px;border-top:1px solid var(--line);color:var(--ink)}
:root[data-theme] .settings-row small{display:block;color:var(--muted)}
:root[data-theme] .choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:10px}
:root[data-theme] .choice{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 10px;border:2px solid var(--line);border-radius:20px;background:var(--field);color:var(--ink);font-size:22px;transition:all .18s}
:root[data-theme] .choice strong{font-size:14px}
:root[data-theme] .choice small{color:var(--muted);font-size:12px}
:root[data-theme] .choice.selected{border-color:#9b7bff;background:var(--vb-grad-soft);box-shadow:0 12px 30px -14px rgba(124,92,255,.8)}
:root[data-theme] .empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;border:1px dashed var(--line-strong);border-radius:var(--vb-r);background:var(--vb-grad-soft);text-align:center}
:root[data-theme] .empty-state h2{margin:8px 0 0;font-size:20px}
:root[data-theme] .empty-state p{margin:0 0 10px;color:var(--ink-soft);max-width:38ch}
:root[data-theme] .empty-icon{width:64px;height:64px;font-size:26px;border-radius:22px}
:root[data-theme] .skeleton{border-radius:20px;background:linear-gradient(90deg,var(--field),var(--hover),var(--field));background-size:200% 100%;animation:shimmer 1.4s linear infinite}
:root[data-theme] .skeleton-card{height:190px;margin-bottom:16px}
:root[data-theme] .skeleton-title{height:34px;width:55%;margin-bottom:12px}
:root[data-theme] .skeleton-line{height:16px;width:78%;margin-bottom:24px}
:root[data-theme] .skeleton-story{height:128px;margin-bottom:20px}
:root[data-theme] .auth-layout{display:grid;grid-template-columns:1.05fr 1fr;width:100%;max-width:1040px;min-height:660px;margin:12px auto;border:1px solid var(--line);border-radius:36px;overflow:hidden;background:var(--card);box-shadow:0 40px 100px -40px rgba(124,92,255,.55)}
:root[data-theme] .auth-art{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:46px;color:#fff;overflow:hidden;background:linear-gradient(160deg,#2a1070 0%,#7a2bd6 42%,#e04ee0 78%,#ff8f4a 100%)}
:root[data-theme] .art-glow{position:absolute;inset:-20% -20% auto auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4),transparent 65%);animation:vb-orb-float 7s ease-in-out infinite alternate}
:root[data-theme] .art-wave{position:absolute;inset:12% 0 auto;height:200px;display:flex;align-items:center;justify-content:center;gap:7px}
:root[data-theme] .art-wave i{display:block;width:7px;height:calc(30px + (var(--n,1) * 14px));border-radius:99px;background:rgba(255,255,255,.75);animation:vb-wave-pulse 1s ease-in-out infinite alternate}
:root[data-theme] .art-wave i:nth-child(3n){--n:5;animation-delay:-.2s}
:root[data-theme] .art-wave i:nth-child(3n+1){--n:3;animation-delay:-.45s}
:root[data-theme] .art-wave i:nth-child(3n+2){--n:7;animation-delay:-.7s}
:root[data-theme] .art-wave i:nth-child(4n){--n:2;background:rgba(255,255,255,.45)}
:root[data-theme] .auth-art .eyebrow{background:none;color:rgba(255,255,255,.8);-webkit-text-fill-color:currentColor;position:relative}
:root[data-theme] .auth-art h2{position:relative;margin:0;font-size:clamp(34px,4vw,48px);font-weight:900;line-height:1.05;letter-spacing:-.05em}
:root[data-theme] .auth-art h2 span{opacity:.7}
:root[data-theme] .auth-art p{position:relative;margin:0;color:rgba(255,255,255,.88);font-size:16px;max-width:36ch}
:root[data-theme] .art-foot{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
:root[data-theme] .art-foot span{padding:7px 14px;border-radius:99px;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:750}
:root[data-theme] .auth-card{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:48px 46px;border:0;border-radius:0;background:none;box-shadow:none}
:root[data-theme] .auth-card h1{margin:2px 0 4px;font-size:clamp(30px,3.4vw,40px);font-weight:900;letter-spacing:-.05em;line-height:1.08}
:root[data-theme] .auth-subtitle{margin:0 0 18px;color:var(--ink-soft)}
:root[data-theme] .auth-brand{margin-bottom:8px;padding:0}
:root[data-theme] .modal-backdrop{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(6,3,16,.62);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
:root[data-theme] .modal-card{position:relative;width:min(100%,540px);max-height:min(92vh,880px);max-height:min(92dvh,880px);overflow-y:auto;padding:30px;border:1px solid var(--line-strong);border-radius:32px;background:var(--sheet);color:var(--ink);box-shadow:0 40px 120px -20px rgba(0,0,0,.65);animation:vbSheet .32s cubic-bezier(.2,.9,.25,1)}
@keyframes vbSheet{from{opacity:0;transform:translateY(24px) scale(.97)}}
:root[data-theme] .modal-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:13px;background:var(--hover);color:var(--ink-soft);font-size:22px;line-height:1}
:root[data-theme] .recorder-heading{text-align:center;margin-bottom:6px}
:root[data-theme] .recorder-heading h2{margin:6px 0 4px;font-size:24px;font-weight:900;letter-spacing:-.04em}
:root[data-theme] .recorder-heading p{margin:0;color:var(--muted)}
:root[data-theme] .record-ring{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:min(260px,66vw);height:min(260px,66vw);margin:14px auto 16px;border-radius:50%;background:radial-gradient(circle,var(--sheet) 56%,transparent 58%),conic-gradient(from -90deg,#7c5cff,#e04ee0,#ff8f4a var(--record-progress,0%),var(--line-strong) 0);box-shadow:0 0 70px -10px rgba(224,78,224,.55)}
:root[data-theme] .record-ring.recording{animation:vbRec 1.6s ease-in-out infinite}
@keyframes vbRec{50%{box-shadow:0 0 100px 4px rgba(255,79,135,.6)}}
:root[data-theme] .record-ring strong{font-size:38px;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
:root[data-theme] .record-mic-icon{color:var(--vb-like)}
:root[data-theme] .record-wave-canvas{width:78%;height:46px}
:root[data-theme] .recorder-status{text-align:center;color:var(--muted);font-size:14px;margin:0 0 14px}
:root[data-theme] .recorder-error{padding:12px 14px;border-radius:14px;background:rgba(255,92,124,.14);color:var(--red);font-size:13px;text-align:center}
:root[data-theme] .recorder-controls{display:flex;flex-direction:column;align-items:center;gap:12px}
:root[data-theme] .record-toggle{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:58px;padding:0 24px;border:0;border-radius:20px;background:var(--vb-grad);color:#fff;font-size:16px;font-weight:800;box-shadow:0 16px 34px -12px rgba(200,70,230,.85)}
:root[data-theme] .record-toggle.is-recording{background:linear-gradient(135deg,#ff4f87,#ff8f4a)}
:root[data-theme] .record-toggle:disabled{opacity:.55}
:root[data-theme] .toast-root{position:fixed;z-index:500;right:22px;bottom:22px;display:flex;flex-direction:column;gap:10px;max-width:min(92vw,380px)}
:root[data-theme] .toast{padding:14px 18px;border:1px solid var(--line-strong);border-radius:18px;background:var(--sheet);color:var(--ink);font-size:14px;font-weight:650;box-shadow:0 24px 60px -16px rgba(0,0,0,.55)}
:root[data-theme] .toast-success{border-color:rgba(45,212,160,.55)}
:root[data-theme] .toast-error{border-color:rgba(255,92,124,.6)}
:root[data-theme] .story-viewer{border-radius:32px;background:linear-gradient(160deg,#2a1070,#8a2fd0 55%,#ff6aa8);color:#fff}
:root[data-theme] .vb-splash{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;overflow:hidden;background:#07050f;color:#fff;opacity:1;visibility:visible;transition:opacity .55s ease,visibility .55s;animation:vbSplashAuto 0s linear 4.2s forwards}
@keyframes vbSplashAuto{to{opacity:0;visibility:hidden;pointer-events:none}}
:root[data-theme] .vb-splash.is-visible{opacity:1;visibility:visible}
:root[data-theme] .vb-splash.is-leaving{opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .55s ease,visibility .55s,transform .55s ease}
:root[data-theme] .vb-no-splash .vb-splash{display:none}
:root[data-theme] .vb-splash::before{content:"";position:absolute;inset:-35%;z-index:-2;background:conic-gradient(from 160deg,#120a2c,#3a1480,#8a2fd0,#ff4fa0,#ff8f4a,#3a1480,#120a2c);filter:blur(60px) saturate(1.2);opacity:.55;animation:vb-splash-turn 16s linear infinite}
:root[data-theme] .vb-splash::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,transparent 20%,rgba(7,5,15,.78) 78%)}
:root[data-theme] .vb-splash-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.4;z-index:-1;animation:vb-orb-float 7s ease-in-out infinite alternate}
:root[data-theme] .vb-splash-orb-a{width:min(55vw,560px);aspect-ratio:1;background:#7c5cff;top:-18%;left:-12%}
:root[data-theme] .vb-splash-orb-b{width:min(48vw,500px);aspect-ratio:1;background:#ff4fd8;bottom:-20%;right:-10%;animation-delay:-3s}
:root[data-theme] .vb-splash-inner{position:relative;display:flex;flex-direction:column;align-items:center;width:min(92vw,520px);padding:28px;text-align:center;animation:vbSplashIn .9s cubic-bezier(.2,.9,.25,1) both}
@keyframes vbSplashIn{from{opacity:0;transform:translateY(20px) scale(.94)}}
:root[data-theme] .vb-splash-mark{position:relative;width:104px;height:104px;margin-bottom:6px;filter:drop-shadow(0 20px 40px rgba(190,80,240,.55));animation:vb-mark-breathe 2.6s ease-in-out infinite}
:root[data-theme] .vb-splash-mark svg{display:block;width:100%;height:100%;position:relative}
:root[data-theme] .vb-splash-mark::before,:root[data-theme] .vb-splash-mark::after{content:"";position:absolute;inset:-14px;border-radius:38%;border:2px solid rgba(224,78,224,.55);animation:vbRing 2.4s ease-out infinite}
:root[data-theme] .vb-splash-mark::after{animation-delay:1.2s}
@keyframes vbRing{from{transform:scale(.85);opacity:.9}to{transform:scale(1.9);opacity:0}}
:root[data-theme] .vb-splash-wordmark{margin-top:26px;font-size:clamp(40px,8vw,60px);font-weight:900;letter-spacing:-.07em;line-height:1}
:root[data-theme] .vb-splash-wordmark span{background:linear-gradient(100deg,#b8a6ff 0%,#ff7ee0 50%,#ffb36b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme] .vb-splash-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:52px;margin-top:28px;width:min(72vw,300px)}
:root[data-theme] .vb-splash-wave i{display:block;width:4px;height:var(--h,18px);border-radius:99px;background:linear-gradient(180deg,#ffb36b,#ff4fd8 55%,#7c5cff);animation:vb-wave-pulse .9s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.047s)}
:root[data-theme] .vb-splash-tagline{margin:14px 0 0;color:#c9bfe6;font-size:15px;letter-spacing:.05em}
:root[data-theme] .vb-splash-loader{width:160px;height:4px;margin-top:34px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
:root[data-theme] .vb-splash-loader i{display:block;width:44%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c5cff,#ff4fd8,#ff8f4a);animation:vb-loader-pass 1.3s ease-in-out infinite}
@media (max-width:1279px) and (min-width:821px){
:root[data-theme] .app-frame{grid-template-columns:92px minmax(0,1fr);gap:22px;width:min(100% - 36px,1100px)}
:root[data-theme] .right-rail{display:none!important}
:root[data-theme] .sidebar{align-items:center}
:root[data-theme] .brand{padding:4px 0 18px}
:root[data-theme] .brand>span:last-child,:root[data-theme] .nav-label,:root[data-theme] .theme-toggle span:last-child,:root[data-theme] .sidebar-user>span:last-child{display:none}
:root[data-theme] .nav-stack{align-items:center}
:root[data-theme] .nav-item{padding:6px;border-radius:20px}
:root[data-theme] .unread-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;font-size:10px}
:root[data-theme] .sidebar-record{width:58px;padding:0}
:root[data-theme] .sidebar-record span:last-child{display:none}
:root[data-theme] .theme-toggle{padding:12px}
:root[data-theme] .sidebar-user{padding:6px;border-radius:50%}

}
@media (max-width:820px){
:root[data-theme] .app-frame{display:block;width:100%;max-width:none}
:root[data-theme] .sidebar,:root[data-theme] .right-rail{display:none!important}
:root[data-theme] .main-column{min-height:100vh;min-height:100dvh}
:root[data-theme] .topbar{min-height:62px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top))}
:root[data-theme] .mobile-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:-.05em}
:root[data-theme] .mobile-brand .brand-symbol{width:36px;height:36px;border-radius:12px}
:root[data-theme] .topbar-greeting{display:none}
:root[data-theme] .icon-button{width:42px;height:42px;border-radius:14px}
:root[data-theme] .page-content{padding:10px 14px calc(110px + env(safe-area-inset-bottom))}
:root[data-theme] .home-heading{flex-direction:column;align-items:flex-start}
:root[data-theme] .view-switch{display:none}
:root[data-theme] .mobile-footer{display:grid;position:fixed;z-index:90;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);align-items:center;padding:8px;border:1px solid var(--line-strong);border-radius:28px;background:var(--nav-bg);-webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);box-shadow:0 20px 50px -12px rgba(0,0,0,.55)}
:root[data-theme] .mobile-footer>a{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 0;border-radius:18px;color:var(--muted);transition:all .18s}
:root[data-theme] .mobile-footer>a small{font-size:10.5px;font-weight:750}
:root[data-theme] .mobile-footer>a.active{color:var(--ink);background:var(--vb-grad-soft)}
:root[data-theme] .mobile-footer>a.active .ico{color:var(--purple);filter:drop-shadow(0 0 8px rgba(124,92,255,.7))}
:root[data-theme] .mobile-footer .mobile-record{display:grid;place-items:center;width:58px;height:58px;margin:-26px auto 0;padding:0;border:4px solid var(--bg);border-radius:22px;background:var(--vb-grad);color:#fff;box-shadow:0 14px 30px -8px rgba(200,70,230,.9)}
:root[data-theme] .mobile-footer .mobile-record .ico{width:26px;height:26px}
:root[data-theme] .voice-card{padding:16px 15px 10px;border-radius:24px}
:root[data-theme] .auth-layout{grid-template-columns:1fr;min-height:0;margin:6px auto;border-radius:30px}
:root[data-theme] .auth-art{display:none!important}
:root[data-theme] .auth-card{padding:30px 22px}
:root[data-theme] .toast-root{left:14px;right:14px;bottom:calc(104px + env(safe-area-inset-bottom));max-width:none}
:root[data-theme] .profile-main{grid-template-columns:1fr;justify-items:start}
:root[data-theme] .profile-cover{padding:24px 18px 20px;border-radius:28px}
:root[data-theme] .modal-backdrop{align-items:flex-end;padding:0}
:root[data-theme] .modal-card{width:100%;max-height:92dvh;padding:26px 20px calc(24px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;animation:vbUp .34s cubic-bezier(.2,.9,.25,1)}
:root[data-theme] .modal-card::before{content:"";display:block;width:44px;height:5px;margin:-12px auto 16px;border-radius:9px;background:var(--line-strong)}
@keyframes vbUp{from{transform:translateY(100%)}}
:root[data-theme] .swipe-pager{height:calc(100dvh - 190px);border-radius:26px}

}
@media (max-width:520px){
:root[data-theme] body{font-size:14px}
:root[data-theme] .icon-button.top-view-toggle{display:none}
:root[data-theme] .stories-section{padding:16px 14px 8px;border-radius:24px}
:root[data-theme] .story-avatar{width:68px;height:68px}
:root[data-theme] .story-cell{width:72px}
:root[data-theme] .player-toggle{width:46px;height:46px}
:root[data-theme] .voice-player{padding:12px;gap:11px;border-radius:20px}
:root[data-theme] .choice-row{grid-template-columns:1fr}
:root[data-theme] .choice{flex-direction:row;justify-content:flex-start;gap:12px;padding:14px 16px}
:root[data-theme] .quick-compose{padding:10px;gap:10px}
:root[data-theme] .compose-button{width:48px;height:48px}
:root[data-theme] .action-button{padding:0 9px}
:root[data-theme] .voice-caption{font-size:15.5px}
:root[data-theme] .trending-grid{grid-template-columns:1fr}
:root[data-theme] .code-input{font-size:22px;letter-spacing:.35em}

}
@media (max-width:360px){
:root[data-theme] .mobile-footer>a small{display:none}
:root[data-theme] .brand{font-size:19px}
:root[data-theme] .voice-actions .action-button span:last-child:not(.action-symbol){font-size:13px}
}
@media (min-width:1920px){
:root[data-theme] body{font-size:16.5px}
:root[data-theme] .app-frame{grid-template-columns:300px minmax(0,1fr) 380px;width:min(100% - 80px,2000px);max-width:2000px;gap:40px}
:root[data-theme] .page-content{max-width:1000px}
:root[data-theme] .nav-item{font-size:16px}
:root[data-theme] .voice-caption{font-size:18px}
}
@media (min-width:2560px){
:root[data-theme] body{font-size:19px}
:root[data-theme] .app-frame{grid-template-columns:340px minmax(0,1fr) 430px;max-width:2400px}
:root[data-theme] .page-content{max-width:1180px}
}
@media (min-width:1280px) and (pointer:coarse),(min-width:1280px) and (max-height:800px){
:root[data-theme] :focus-visible{outline:4px solid #d6c5ff;outline-offset:5px;box-shadow:0 0 0 9px rgba(139,92,246,.25)}
}
@media (max-height:520px) and (orientation:landscape) and (max-width:900px){
:root[data-theme] .mobile-footer{position:static;margin:12px}
:root[data-theme] .page-content{padding-bottom:20px}
}
@media (hover:none){
:root[data-theme] .voice-card:hover,:root[data-theme] .trending-card:hover,:root[data-theme] .btn-primary:hover,:root[data-theme] .sidebar-record:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
:root[data-theme] .vb-splash::before,:root[data-theme] .vb-splash-orb,:root[data-theme] .vb-splash-mark,:root[data-theme] .vb-splash-mark::before,:root[data-theme] .vb-splash-mark::after,:root[data-theme] .vb-splash-wave i,:root[data-theme] .vb-splash-loader i,:root[data-theme] .art-wave i,:root[data-theme] .art-glow,:root[data-theme] .live-pill i{animation:none!important}
:root[data-theme] .voice-card{animation:none}
}
:root[data-theme] .right-rail>*{flex:none}
:root[data-theme] .welcome-rail h3 span{background:none;color:#ffd9f4;-webkit-text-fill-color:#ffd9f4;opacity:1}
:root[data-theme] .live-pill i{animation:vbDot 1.5s ease-out infinite}
@keyframes vbDot{0%{box-shadow:0 0 0 0 rgba(255,79,135,.7)}100%{box-shadow:0 0 0 8px rgba(255,79,135,0)}}
:root[data-theme] .stories-row{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:28px}
:root[data-theme] .rail-people{display:flex;flex-direction:column;gap:14px}
:root[data-theme] .rail-person{display:flex;align-items:center;gap:12px}
:root[data-theme] .rail-person>a{flex:1;min-width:0}
:root[data-theme] .rail-person strong{display:block;font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-theme] .rail-person small,:root[data-theme] .rail-tag small{display:block;color:var(--muted);font-size:12px}
:root[data-theme] .rail-person button{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:12px;background:var(--vb-grad);color:#fff;font-size:18px;font-weight:800;box-shadow:0 8px 18px -8px rgba(200,70,230,.85)}
:root[data-theme] .rail-person button[data-following="1"]{background:var(--field);color:var(--ink);box-shadow:none;border:1px solid var(--line-strong)}
:root[data-theme] .rail-tag{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 8px;margin:0 -8px;border-radius:14px;transition:background .15s}
:root[data-theme] .rail-tag:hover{background:var(--hover)}
:root[data-theme] .rail-tag>span{display:flex;align-items:center;gap:12px;min-width:0}
:root[data-theme] .rail-tag strong{font-size:14px;font-weight:800}
:root[data-theme] .rail-tag>span small{font-weight:900;color:var(--purple)}
:root[data-theme] .rail-empty{margin:0;color:var(--muted);font-size:13px}
:root[data-theme] .rail-tag+.rail-tag{border-top:0}
:root[data-theme] .player-wave{justify-content:space-between}
:root[data-theme] .wave-bar{flex:1 1 0;max-width:8px}
:root[data-theme] .art-wave{inset:34px 0 auto;height:150px;opacity:.9}
:root[data-theme] .art-wave i{width:6px;height:calc(18px + (var(--n,1) * 9px))}
:root[data-theme] .auth-art h2{font-size:clamp(30px,3.1vw,44px)}
:root[data-theme] .auth-brand .brand-symbol svg{width:24px;height:24px}
:root[data-theme] .profile-cover{padding:0 30px 26px}
:root[data-theme] .profile-cover::before,:root[data-theme] .cover-sheen{height:124px}
:root[data-theme] .profile-main{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:4px 24px;margin-top:124px;padding-top:0}
:root[data-theme] .profile-main>.story-avatar,:root[data-theme] .profile-main>.profile-avatar{margin-top:-58px;width:116px;height:116px}
:root[data-theme] .profile-main>.profile-avatar{display:block;padding:0}
:root[data-theme] .profile-main .avatar-xl{width:100%;height:100%;border:5px solid var(--bg)}
:root[data-theme] .profile-main>.story-avatar .avatar-xl{border-width:4px}
:root[data-theme] .profile-identity{padding-top:14px}
@media (max-width:820px){
:root[data-theme] .profile-main{grid-template-columns:1fr;margin-top:124px}
:root[data-theme] .profile-main>.story-avatar,:root[data-theme] .profile-main>.profile-avatar{width:96px;height:96px;margin-top:-50px}
:root[data-theme] .profile-identity{padding-top:6px}

}