:root{
  --vz-canvas:#F8FAFC;--vz-surface:#FFFFFF;--vz-surface-subtle:#F1F5F9;--vz-border:#E2E8F0;--vz-border-focus:#CBD5E1;
  --vz-text-primary:#0F172A;--vz-text-secondary:#64748B;--vz-text-tertiary:#94A3B8;
  --vz-blue:#2563EB;--vz-blue-subtle:#EFF6FF;--vz-indigo:#4F46E5;--vz-indigo-subtle:#EEF2FF;
  --vz-saffron:#F59E0B;--vz-saffron-subtle:#FFFBEB;--vz-green:#16A34A;--vz-green-subtle:#F0FDF4;
  --vz-red:#DC2626;--vz-red-subtle:#FEF2F2;--vz-slate:#475569;--vz-backdrop:rgba(15,23,42,.40);
  --vz-radius-card:14px;--vz-radius-menu:10px;--vz-radius-pill:999px;--vz-shadow-card:0 1px 3px rgba(15,23,42,.04),0 1px 2px -1px rgba(15,23,42,.04);--vz-shadow-popover:0 10px 25px -5px rgba(15,23,42,.08),0 8px 10px -6px rgba(15,23,42,.04);--vz-fast:160ms cubic-bezier(.4,0,.2,1);--vz-normal:220ms cubic-bezier(.16,1,.3,1)
}
*{box-sizing:border-box}html{background:var(--vz-canvas);color:var(--vz-text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:var(--vz-canvas);min-height:100vh;color:var(--vz-text-primary)}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--vz-blue);outline-offset:2px}.vz-icon{width:21px;height:21px;display:block}.profile-verified{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;margin-left:4px;background:var(--vz-blue);color:#fff;font-size:11px;vertical-align:1px}.veyza-watermark{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:800;color:rgba(255,255,255,.70);text-shadow:0 1px 3px rgba(0,0,0,.25);pointer-events:none}.btn{border:0;border-radius:10px;min-height:42px;padding:0 16px;font-weight:700;cursor:pointer}.btn.primary{background:var(--vz-blue);color:#fff}.btn.light,.btn.soft{background:#fff;border:1px solid var(--vz-border)}.btn.danger-solid{background:var(--vz-red);color:#fff}
/* Header */
.vz-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--vz-border)}.vz-header-inner{width:min(100%,1100px);height:68px;margin:auto;padding:0 18px;display:grid;grid-template-columns:auto minmax(160px,520px) auto;align-items:center;gap:18px}.vz-wordmark{font-family:Manrope,Inter,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.2px;text-decoration:none;color:#12214b}.vz-wordmark span{color:var(--vz-blue)}.vz-header-search{height:42px;border:1px solid var(--vz-border);background:var(--vz-surface-subtle);border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 13px;color:var(--vz-text-secondary)}.vz-header-search input{width:100%;border:0;background:transparent;outline:0;color:var(--vz-text-primary)}.vz-header-actions{display:flex;align-items:center;gap:8px}.vz-icon-button,.vz-avatar-button{position:relative;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.vz-icon-button{width:42px;height:42px;border-radius:50%}.vz-icon-button:hover{background:var(--vz-surface-subtle)}.vz-icon-button i{position:absolute;right:2px;top:1px;background:var(--vz-red);color:#fff;border:2px solid #fff;min-width:17px;height:17px;border-radius:999px;font-style:normal;font-size:9px;font-weight:800;display:grid;place-items:center}.vz-avatar-button{width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--vz-indigo-subtle);font-weight:800}.vz-avatar-button img{width:100%;height:100%;object-fit:cover}
/* Main shells */
.vz-main{width:min(100%,690px);margin:0 auto;padding:18px 14px 102px}.vz-home{padding-top:10px}.vz-page-title{margin:4px 0 14px}.vz-page-title h1{font-family:Manrope,Inter,sans-serif;font-size:28px;line-height:1.1;letter-spacing:-.6px;margin:0}.vz-page-title p{margin:6px 0 0;color:var(--vz-text-secondary);font-size:14px}.vz-welcome{max-width:1100px;margin:0 auto;background:linear-gradient(135deg,#09182e,#102d50 58%,#273f75);color:#fff;padding:68px max(22px,calc((100vw - 1040px)/2));}.vz-welcome small{font-weight:800;letter-spacing:3px;color:#93b4ff}.vz-welcome h1{font-family:Manrope;font-size:clamp(38px,7vw,66px);line-height:1.02;letter-spacing:-2.5px;margin:18px 0 22px;max-width:800px}.vz-welcome h1 span{background:linear-gradient(90deg,#8b5cf6,#38bdf8);-webkit-background-clip:text;color:transparent}.vz-welcome p{font-size:20px;line-height:1.65;color:#d4deec;max-width:720px}
/* Moments / live topics */
.vz-moments{margin:2px -14px 12px;padding:5px 0 7px;overflow:hidden}.vz-moment-strip{display:flex;gap:13px;overflow-x:auto;padding:3px 14px 8px;scrollbar-width:none}.vz-moment-strip::-webkit-scrollbar{display:none}.vz-person-moment,.vz-live-topic{width:64px;flex:0 0 64px;border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.vz-person-moment small,.vz-live-topic small{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:var(--vz-text-secondary);font-weight:650}.vz-ring,.vz-live-ring{position:relative;width:54px;height:54px;border-radius:50%;padding:2px;background:linear-gradient(145deg,var(--vz-saffron),#ec4899,var(--vz-indigo));display:grid;place-items:center}.vz-ring:after{content:"";position:absolute;inset:3px;border:2px solid #fff;border-radius:50%;pointer-events:none}.vz-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%}.vz-ring b{width:100%;height:100%;border-radius:50%;background:#fff;display:grid;place-items:center}.vz-ring.add{background:var(--vz-border)}.vz-ring.add i{position:absolute;right:-1px;bottom:-1px;width:18px;height:18px;border-radius:50%;background:var(--vz-blue);color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:12px;font-style:normal;z-index:2}.vz-live-ring{background:linear-gradient(145deg,#ff8a00,#5b5df5);color:#fff;padding:0}.vz-live-ring svg{width:22px;height:22px}.vz-live-ring i{position:absolute;bottom:-4px;background:var(--vz-red);color:#fff;border:2px solid #fff;border-radius:999px;font-style:normal;font-weight:900;font-size:7px;padding:2px 5px;letter-spacing:.4px}
/* Composer + feed */
.vz-composer{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--vz-border);border-radius:var(--vz-radius-card);box-shadow:var(--vz-shadow-card);margin-bottom:12px}.vz-post-avatar{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;overflow:hidden;background:var(--vz-indigo-subtle);display:grid;place-items:center;font-weight:800;padding:0;cursor:pointer}.vz-post-avatar img{width:100%;height:100%;object-fit:cover}.vz-composer-field{height:40px;border:1px solid var(--vz-border);background:var(--vz-surface-subtle);border-radius:999px;text-align:left;padding:0 16px;flex:1;color:var(--vz-text-secondary);cursor:pointer}.vz-feed-tabs{display:flex;gap:6px;margin:5px 0 12px}.vz-feed-tabs button,.vz-filter-pills button{border:0;background:transparent;border-radius:999px;min-height:34px;padding:0 14px;font-weight:750;color:var(--vz-text-secondary);cursor:pointer}.vz-feed-tabs .active,.vz-filter-pills .active{background:var(--vz-blue);color:#fff}.vz-feed{display:grid;gap:12px}.vz-post{background:var(--vz-surface);border:1px solid var(--vz-border);border-radius:var(--vz-radius-card);box-shadow:var(--vz-shadow-card);overflow:hidden;padding:14px}.vz-post-author{display:flex;align-items:center;gap:10px}.vz-post-person{flex:1;min-width:0;border:0;background:transparent;text-align:left;padding:0;display:flex;flex-direction:column;cursor:pointer}.vz-post-person b{font-size:15px;display:flex;align-items:center}.vz-post-person b em{font-style:normal;color:var(--vz-indigo);background:var(--vz-indigo-subtle);border-radius:6px;font-size:10px;padding:2px 5px;margin-left:5px}.vz-post-person small{color:var(--vz-text-secondary);font-size:12px;margin-top:2px}.vz-more,.vz-more-inline{border:0;background:transparent;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--vz-text-secondary);cursor:pointer}.vz-more:hover,.vz-more-inline:hover{background:var(--vz-surface-subtle)}.vz-post-copy{font-size:16px;line-height:1.5;margin:14px 0;white-space:pre-wrap}.translate-link{border:0;background:transparent;color:var(--vz-blue);font-size:12px;font-weight:750;padding:0;margin:-5px 0 10px;cursor:pointer}.vz-media{position:relative;margin:4px -2px 0;border-radius:14px;overflow:hidden;background:#0f172a}.vz-media img,.vz-media video{display:block;width:100%;max-height:650px;object-fit:cover}.vz-clip-thumb{aspect-ratio:4/5;max-height:620px}.vz-clip-thumb video{width:100%;height:100%;object-fit:cover}.vz-play-or-pause{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:0;background:rgba(255,255,255,.88);display:grid;place-items:center;cursor:pointer}.vz-play-or-pause svg{width:30px;height:30px}.vz-mute{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(15,23,42,.7);color:#fff;display:grid;place-items:center;cursor:pointer}.vz-post-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--vz-border);margin-top:12px;padding-top:7px}.vz-post-actions button{min-width:40px;height:44px;border:0;background:transparent;border-radius:10px;color:var(--vz-text-secondary);display:flex;align-items:center;justify-content:center;gap:5px;font-weight:700;cursor:pointer}.vz-post-actions button.active{color:var(--vz-saffron)}.vz-post-actions button.active svg{fill:var(--vz-saffron)}.vz-post-actions span{font-size:12px}.vz-more-inline{display:none!important}
/* Polls */
.vz-poll-question{font-size:18px;line-height:1.35;margin:16px 0}.vz-poll-options{display:grid;gap:8px}.vz-poll-options button{position:relative;overflow:hidden;min-height:46px;border:1px solid var(--vz-border);border-radius:11px;background:#fff;padding:0 13px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:700;cursor:pointer}.vz-poll-options button>*{position:relative;z-index:1}.vz-poll-options button i{position:absolute;left:0;top:0;bottom:0;background:var(--vz-indigo-subtle);z-index:0}.vz-poll-options button.selected{border-color:var(--vz-indigo)}.vz-poll-total{display:block;color:var(--vz-text-secondary);margin-top:10px}
/* Explore */
.vz-explore-search{height:44px;border:1px solid var(--vz-border);border-radius:12px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--vz-text-secondary);margin-bottom:14px}.vz-explore-search input{border:0;outline:0;background:transparent;width:100%}.vz-topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.vz-topic-grid button{min-height:84px;border:0;border-radius:14px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:13px;font-weight:800;cursor:pointer}.vz-topic-grid button svg{width:25px;height:25px}.vz-topic-grid .saffron{background:linear-gradient(135deg,#ff8a00,#ef4444)}.vz-topic-grid .blue{background:linear-gradient(135deg,#2563eb,#38bdf8)}.vz-topic-grid .indigo{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.vz-topic-grid .violet{background:linear-gradient(135deg,#7c3aed,#a855f7)}.vz-topic-grid .greenish{background:linear-gradient(135deg,#059669,#16a34a)}.vz-topic-grid .cyan{background:linear-gradient(135deg,#0891b2,#06b6d4)}.vz-topic-grid .amber{background:linear-gradient(135deg,#d97706,#f59e0b)}.vz-topic-grid .blue2{background:linear-gradient(135deg,#0284c7,#2563eb)}.vz-section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.vz-section-title h2{font-size:18px;margin:0}.vz-section-title button{border:0;background:transparent;color:var(--vz-blue);font-weight:750}.vz-debate-teasers{display:grid;gap:8px}.vz-debate-teasers button{border:1px solid var(--vz-border);background:#fff;border-radius:12px;padding:12px;display:flex;gap:11px;text-align:left}.vz-debate-teasers>button>span{width:38px;height:38px;border-radius:10px;background:var(--vz-indigo-subtle);color:var(--vz-indigo);display:grid;place-items:center}.vz-debate-teasers div{display:flex;flex-direction:column;gap:3px}.vz-debate-teasers small{color:var(--vz-text-secondary)}
/* Arena */
.vz-filter-pills{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px}.vz-filter-pills::-webkit-scrollbar{display:none}.vz-filter-pills button{background:#fff;border:1px solid var(--vz-border);white-space:nowrap}.vz-filter-pills button.active{border-color:var(--vz-blue);background:var(--vz-blue);color:#fff}.vz-filter-pills button i{background:var(--vz-red);color:#fff;border-radius:999px;font-style:normal;font-size:10px;padding:2px 5px}.vz-arena-feed{display:grid;gap:12px}.vz-arena-card{background:#fff;border:1px solid var(--vz-border);border-radius:var(--vz-radius-card);padding:15px;box-shadow:var(--vz-shadow-card)}.vz-arena-card header{display:flex;justify-content:space-between;align-items:center}.vz-arena-card header>span{text-transform:uppercase;color:var(--vz-indigo);font-size:11px;font-weight:850;letter-spacing:1px}.vz-arena-card header button{border:0;background:transparent;color:var(--vz-text-secondary)}.vz-arena-card h2{font-size:18px;line-height:1.35;margin:11px 0 14px}.vz-arena-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vz-arena-options button{position:relative;min-height:62px;border:0;border-radius:11px;overflow:hidden;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:800;cursor:pointer}.vz-arena-options button span,.vz-arena-options button b{position:relative;z-index:1}.vz-arena-options button b{display:flex;align-items:center;gap:4px}.vz-arena-options button i{position:absolute;left:0;top:0;bottom:0;opacity:.18;transition:width 400ms var(--vz-normal)}.vz-arena-options .side-1{background:var(--vz-indigo);color:#fff}.vz-arena-options .side-1 i{background:#fff}.vz-arena-options .side-2{background:#475569;color:#fff}.vz-arena-options .side-2 i{background:#fff}.vz-arena-options button.pending{animation:vzPulse .8s ease-in-out infinite alternate}.vz-arena-card footer{color:var(--vz-text-secondary);font-size:12px;margin-top:10px}@keyframes vzPulse{to{opacity:.65}}
/* Messages */
.vz-messages .vz-filter-pills{margin-top:4px}.vz-inbox{background:#fff;border:1px solid var(--vz-border);border-radius:14px;overflow:hidden}.vz-thread{position:relative;width:100%;min-height:72px;border:0;border-bottom:1px solid var(--vz-border);background:#fff;padding:10px 13px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;text-align:left;cursor:pointer}.vz-thread:last-child{border-bottom:0}.vz-thread.unread{background:#f8fbff}.vz-thread-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--vz-indigo-subtle);display:grid;place-items:center;font-weight:850}.vz-thread-avatar img{width:100%;height:100%;object-fit:cover}.vz-thread-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.vz-thread-copy b{font-size:14px}.vz-thread-copy small{color:var(--vz-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vz-thread time{color:var(--vz-text-tertiary);font-size:10px}.vz-unread-dot{position:absolute;right:12px;bottom:11px;width:7px;height:7px;border-radius:50%;background:var(--vz-red)}
/* Profile */
.vz-profile-card{background:#fff;border:1px solid var(--vz-border);border-radius:14px;overflow:hidden}.vz-cover{height:170px;background:linear-gradient(135deg,#ffc47b,#7c5cff 48%,#1e78d7);background-size:cover;background-position:center}.vz-profile-body{padding:0 16px 16px}.vz-profile-top{display:flex;align-items:flex-end;justify-content:space-between;margin-top:-42px}.vz-profile-avatar{width:86px;height:86px;border-radius:50%;border:4px solid #fff;background:var(--vz-indigo-subtle);display:grid;place-items:center;font-size:26px;font-weight:850;overflow:hidden}.vz-profile-avatar img{width:100%;height:100%;object-fit:cover}.vz-profile-top .btn{margin-bottom:6px}.vz-profile-body h1{font-size:22px;margin:10px 0 2px}.vz-profile-body>b{color:var(--vz-text-secondary);font-size:13px}.vz-profile-body p{font-size:14px;line-height:1.45;margin:10px 0}.vz-profile-stats{display:flex;gap:18px;align-items:center}.vz-profile-stats span,.vz-profile-stats button{border:0;background:transparent;padding:0;font-size:13px}.vz-profile-tabs{display:flex;border-bottom:1px solid var(--vz-border);margin-top:12px;background:#fff;border-radius:12px 12px 0 0}.vz-profile-tabs button{flex:1;border:0;background:transparent;min-height:46px;color:var(--vz-text-secondary);font-weight:750;cursor:pointer}.vz-profile-tabs button.active{color:var(--vz-blue);box-shadow:inset 0 -2px var(--vz-blue)}.vz-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--vz-border)}.vz-profile-grid article{aspect-ratio:1/1;background:#fff;overflow:hidden;cursor:pointer}.vz-profile-grid img,.vz-profile-grid video{width:100%;height:100%;object-fit:cover}.vz-text-tile{height:100%;padding:10px;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;text-align:center}.vz-text-tile svg{color:var(--vz-indigo)}.vz-text-tile b{font-size:11px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* Bottom dock */
.vz-dock{position:fixed;left:0;right:0;bottom:0;z-index:90;height:74px;padding:7px max(10px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--vz-border);display:grid;grid-template-columns:repeat(5,1fr);align-items:end}.vz-dock>button{position:relative;border:0;background:transparent;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--vz-text-secondary);font-size:10px;font-weight:700;cursor:pointer}.vz-dock>button.active{color:var(--vz-blue)}.vz-dock-create{align-self:center!important;width:52px!important;height:52px!important;min-height:52px!important;border-radius:50%!important;background:var(--vz-blue)!important;color:#fff!important;justify-self:center;transform:translateY(-9px);box-shadow:0 8px 22px rgba(37,99,235,.30)}.vz-dock-create svg{width:26px;height:26px}.vz-nav-icon{position:relative}.vz-nav-icon i{position:absolute;right:-8px;top:-7px;background:var(--vz-red);color:#fff;border:2px solid #fff;min-width:16px;height:16px;border-radius:999px;font-size:8px;font-style:normal;display:grid;place-items:center}
/* Sheets / modals */
.vz-sheet-backdrop,.vz-confirm-backdrop,.auth-backdrop,.auth-overlay{position:fixed;inset:0;z-index:200;background:var(--vz-backdrop);display:flex;align-items:flex-end;justify-content:center}.vz-sheet,.auth-modal,.vz-confirm{width:min(100%,560px);max-height:90vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:10px 16px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -10px 25px -5px rgba(15,23,42,.08)}.vz-sheet-handle{width:44px;height:4px;background:var(--vz-border-focus);border-radius:999px;margin:2px auto 12px}.vz-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.vz-sheet-head small{font-weight:850;letter-spacing:1px;color:var(--vz-text-tertiary)}.vz-sheet-head h2{font-size:20px;margin:2px 0}.vz-sheet-close,.auth-close{width:40px;height:40px;border:0;border-radius:50%;background:var(--vz-surface-subtle);font-size:24px;cursor:pointer}.vz-create-list,.vz-option-list{display:grid;gap:7px}.vz-create-list>button,.vz-option-list>button{border:0;background:var(--vz-surface-subtle);border-radius:12px;min-height:62px;padding:9px 12px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.vz-create-list>button>span:last-child{display:flex;flex-direction:column;gap:2px}.vz-create-list small{color:var(--vz-text-secondary)}.vz-create-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.vz-create-icon.thought,.vz-create-icon.debate{background:var(--vz-indigo-subtle);color:var(--vz-indigo)}.vz-create-icon.pic,.vz-create-icon.clip{background:var(--vz-blue-subtle);color:var(--vz-blue)}.vz-create-icon.poll{background:var(--vz-saffron-subtle);color:var(--vz-saffron)}.vz-option-list button.danger{background:var(--vz-red-subtle);color:var(--vz-red)}.vz-confirm{align-self:center;border-radius:16px;max-width:360px;padding:20px}.vz-confirm h3{margin:0}.vz-confirm p{color:var(--vz-text-secondary)}.vz-confirm>div{display:flex;justify-content:flex-end;gap:8px}
/* Viewer */
.vz-viewer{position:fixed;inset:0;z-index:300;background:#05070b;color:#fff;display:grid;place-items:center}.vz-viewer-stage{position:relative;width:min(100vw,520px);height:100vh;background:#000;display:grid;place-items:center}.vz-viewer-stage>img,.vz-viewer-stage>video{width:100%;height:100%;object-fit:contain}.vz-viewer-close{position:absolute;z-index:5;top:calc(12px + env(safe-area-inset-top));left:12px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.38);color:#fff;font-size:27px}.vz-viewer-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;display:grid;place-items:center}.vz-viewer-audio{position:absolute;right:15px;top:calc(14px + env(safe-area-inset-top));width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.42);color:#fff;display:grid;place-items:center}.vz-viewer-stack{position:absolute;right:12px;bottom:calc(90px + env(safe-area-inset-bottom));z-index:4;display:grid;gap:13px}.vz-viewer-stack button{border:0;background:transparent;color:#fff;width:50px;display:grid;justify-items:center;gap:3px;text-shadow:0 1px 4px #000}.vz-viewer-stack small{font-size:9px}
/* Existing forms / create / chat / details support */
.page,.detail-wrap,.profile-wrap,.chat-page{width:min(100%,690px);margin:0 auto;padding:18px 14px 102px}.card{background:#fff;border:1px solid var(--vz-border);border-radius:14px;box-shadow:var(--vz-shadow-card)}.create-shell{max-width:690px;margin:auto}.create-types{display:flex;gap:7px;overflow:auto;margin-bottom:12px}.create-type{min-width:88px;border:1px solid var(--vz-border);background:#fff;border-radius:12px;padding:10px}.create-type.active{border-color:var(--vz-blue);background:var(--vz-blue-subtle);color:var(--vz-blue)}.detail-card{padding:16px}.form-row{display:grid;gap:6px;margin:12px 0}.form-row label{font-size:12px;font-weight:750;color:var(--vz-text-secondary)}input,textarea,select{border:1px solid var(--vz-border);border-radius:10px;padding:11px 12px;background:#fff;color:var(--vz-text-primary)}textarea{resize:vertical}.attach-row{display:flex;flex-wrap:wrap;gap:7px}.attach,.media-drop{border:1px solid var(--vz-border);background:var(--vz-surface-subtle);border-radius:10px;padding:10px;font-weight:700}.media-drop{width:100%;min-height:100px}.upload-preview{width:100%;max-height:420px;object-fit:contain;background:#0f172a;border-radius:12px}.source-field{display:none}.source-field.show{display:grid}.toast{position:fixed;z-index:500;left:50%;bottom:95px;transform:translateX(-50%);background:#0f172a;color:#fff;border-radius:999px;padding:10px 15px;font-size:12px;box-shadow:var(--vz-shadow-popover)}.activity-empty,.vz-empty{text-align:center;padding:40px 18px;color:var(--vz-text-secondary)}.activity-empty h2,.vz-empty h2{color:var(--vz-text-primary);margin:0 0 8px}.chat-shell{overflow:hidden}.chat-head{padding:12px;border-bottom:1px solid var(--vz-border);display:flex;align-items:center}.chat-person{border:0;background:transparent;display:flex;align-items:center;gap:8px}.chat-messages{min-height:50vh;padding:14px;display:flex;flex-direction:column;gap:8px}.chat-bubble{max-width:78%;padding:9px 11px;border-radius:14px;background:var(--vz-surface-subtle)}.chat-bubble.mine{align-self:flex-end;background:var(--vz-blue);color:#fff}.chat-compose{display:flex;gap:8px;padding:10px;border-top:1px solid var(--vz-border)}.chat-compose input{flex:1}.inbox-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden}.inbox-avatar img{width:100%;height:100%;object-fit:cover}.moment-viewer{position:fixed;inset:0;z-index:250;background:#05070b;color:#fff}.moment-media{position:absolute;inset:0;display:grid;place-items:center}.moment-media img,.moment-media video{max-width:100%;max-height:100%;object-fit:contain}.moment-close,.moment-menu,.moment-prev,.moment-next{position:absolute;z-index:4;border:0;background:rgba(0,0,0,.35);color:#fff}.moment-close{right:15px;top:20px;width:42px;height:42px;border-radius:50%;font-size:25px}.moment-menu{right:62px;top:20px;width:42px;height:42px;border-radius:50%}.moment-author{position:absolute;z-index:4;left:15px;top:65px;display:flex;align-items:center;gap:9px}.moment-author img{width:36px;height:36px;border-radius:50%;object-fit:cover}.moment-author small{display:block;color:#cbd5e1}.moment-prev,.moment-next{top:18%;bottom:18%;width:30%;opacity:0}.moment-prev{left:0}.moment-next{right:0}.moment-caption{position:absolute;z-index:4;left:18px;right:18px;bottom:125px;text-align:center}.moment-actions{position:absolute;z-index:5;left:12px;right:12px;bottom:calc(20px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px}.moment-actions button{min-height:42px;border:0;border-radius:999px;padding:0 13px}.moment-reply{display:flex;flex:1;gap:7px}.moment-reply input{flex:1;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}.moment-progress{position:absolute;z-index:5;left:10px;right:10px;top:10px;display:flex;gap:3px}.moment-progress span{height:3px;background:rgba(255,255,255,.3);flex:1}.moment-progress span.done{background:#fff}
.veyza-splash{position:fixed;inset:0;background:#fff;display:grid;place-items:center}.veyza-splash-wordmark{font-family:Manrope;font-size:48px;font-weight:850;color:#12214b}.veyza-splash-dot{color:var(--vz-blue)}.veyza-splash-sub{text-align:center;color:var(--vz-text-secondary);font-size:11px;margin-top:7px}
@media(min-width:768px){.vz-dock{display:none}.vz-main{padding-bottom:40px}.vz-sheet-backdrop{align-items:center}.vz-sheet{border-radius:16px;max-width:440px;padding:16px}.vz-sheet-handle{display:none}.vz-post{padding:16px}.vz-topic-grid{grid-template-columns:repeat(4,1fr)}.vz-profile-grid{gap:4px}.auth-backdrop,.auth-overlay{align-items:center}.auth-modal{border-radius:18px;max-width:520px;padding:22px}}
@media(max-width:767px){.vz-header-inner{height:62px;padding:0 13px;grid-template-columns:auto 1fr auto;gap:10px}.vz-wordmark{font-size:26px}.vz-header-search{height:39px}.vz-header-search input{font-size:13px}.vz-main{padding-left:10px;padding-right:10px}.vz-moments{margin-left:-10px;margin-right:-10px}.vz-moment-strip{padding-left:10px;padding-right:10px}.vz-post{border-left-color:#edf1f5;border-right-color:#edf1f5}.vz-topic-grid{grid-template-columns:repeat(2,1fr)}.vz-explore-feed .vz-post:nth-child(n+5){display:none}.vz-profile{padding-left:0;padding-right:0}.vz-profile-card{border-radius:0;border-left:0;border-right:0}.vz-profile-tabs{border-radius:0}.vz-arena-options{grid-template-columns:1fr}.vz-more{display:grid}.vz-more-inline{display:none!important}.vz-welcome{padding:52px 24px 58px}.vz-welcome h1{font-size:43px}.vz-welcome p{font-size:17px}.page,.detail-wrap,.profile-wrap,.chat-page{padding-left:10px;padding-right:10px}}
@media(max-width:390px){.vz-header-inner{grid-template-columns:auto minmax(0,1fr) auto}.vz-header-search{padding:0 9px}.vz-header-search input{min-width:0}.vz-topic-grid button{min-height:76px}.vz-post-actions button{min-width:38px}.vz-person-moment,.vz-live-topic{width:58px;flex-basis:58px}.vz-ring,.vz-live-ring{width:50px;height:50px}.vz-dock{height:72px}}

/* Veyza production polish v3 — mobile dock/header/moments */
@media (max-width: 767px){
  .vz-main{
    padding-bottom:calc(118px + env(safe-area-inset-bottom, 16px)) !important;
  }
  .vz-dock{
    min-height:74px;
    height:auto;
    padding-top:7px;
    padding-bottom:calc(7px + env(safe-area-inset-bottom, 0px));
    background:rgba(255,255,255,.92);
    -webkit-backdrop-filter:blur(12px) saturate(145%);
    backdrop-filter:blur(12px) saturate(145%);
    box-shadow:0 -8px 24px rgba(15,23,42,.06);
  }
  .vz-header-inner{
    grid-template-columns:auto minmax(0,1fr) auto;
  }
  .vz-header-search{
    min-width:0;
    width:100%;
    overflow:hidden;
  }
  .vz-header-search svg{flex:0 0 auto}
  .vz-header-search input{
    min-width:0;
    flex:1 1 auto;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
.vz-icon-button svg{width:21px;height:21px;display:block}
.vz-icon-button>i{
  right:0;top:-1px;
  min-width:16px;height:16px;
  padding:0 3px;
  font-size:8px;
  line-height:1;
}
.vz-avatar-button{
  width:32px;height:32px;flex:0 0 32px;
  background:#eef2ff;
  color:#334155;
  border:1px solid var(--vz-border);
}
.vz-avatar-button img{width:100%;height:100%;object-fit:cover}

/* Uniform 2px story/topic rings */
.vz-ring,.vz-live-ring{
  width:54px;height:54px;
  padding:2px;
  border-radius:50%;
  box-sizing:border-box;
}
.vz-ring:after{display:none}
.vz-ring>img,.vz-ring>b{
  width:100%;height:100%;
  border:2px solid #fff;
  box-sizing:border-box;
  border-radius:50%;
}
.vz-live-ring{
  border:0;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.98);
}

/* Media geometry follows the target board; actual user media remains untouched */
.vz-media{border-radius:var(--vz-radius-card);overflow:hidden}
.vz-media img,.vz-media video{width:100%;height:auto;object-fit:cover}
.vz-post:not(.vz-clip-post) .vz-media img{aspect-ratio:auto;max-height:650px}
.vz-clip-thumb{aspect-ratio:4/5}
.vz-clip-thumb video{width:100%;height:100%;object-fit:cover}

/* Veyza production polish v4 */
.vz-header-spacer{min-width:0}
.vz-header-compact .vz-header-inner{grid-template-columns:auto 1fr auto}
.vz-post-actions button{min-height:44px;min-width:40px;padding:0 6px}
.vz-post-actions button:first-child svg{stroke:var(--vz-text-secondary);stroke-width:1.9}
.vz-post-actions button:first-child.active{color:var(--vz-saffron)}
.vz-post-actions button:first-child.active svg{stroke:var(--vz-saffron);fill:var(--vz-saffron)}
.vz-post-actions span{display:inline-block;min-width:10px;font-variant-numeric:tabular-nums}
.vz-media img{aspect-ratio:16/9;object-fit:cover}
.vz-media.is-portrait img{aspect-ratio:4/5}

/* Arena keeps standard Veyza conversation actions */
.vz-arena-meta{margin-top:10px;color:var(--vz-text-secondary);font-size:12px}
.vz-arena-actions{display:flex!important;align-items:center;gap:18px!important;margin-top:10px;padding-top:9px!important;border-top:1px solid var(--vz-border);color:var(--vz-text-secondary)!important;font-size:12px!important}
.vz-arena-actions button{border:0;background:transparent;display:flex;align-items:center;gap:5px;color:var(--vz-text-secondary);min-height:40px;padding:0 4px;cursor:pointer}
.vz-arena-actions button svg{width:19px;height:19px}
.vz-arena-actions button:first-child svg{color:var(--vz-saffron)}

/* Profile */
.vz-cover.no-cover{background:radial-gradient(circle at 18% 30%,rgba(79,70,229,.12),transparent 34%),radial-gradient(circle at 78% 35%,rgba(37,99,235,.11),transparent 32%),linear-gradient(135deg,#F8FAFC,#EEF2FF 55%,#F1F5F9)}
.vz-cover.has-cover{background-color:var(--vz-surface-subtle)}
.vz-profile-stats{display:flex;gap:28px;align-items:flex-start}
.vz-profile-stats span,.vz-profile-stats button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:transparent;padding:0;min-width:58px}
.vz-profile-stats b{font-size:16px;color:var(--vz-text-primary);line-height:1.1}
.vz-profile-stats small{font-size:11px;color:var(--vz-text-secondary)}
.vz-profile-grid{background:var(--vz-canvas);gap:2px}
.vz-profile-grid article{background:var(--vz-surface)}

/* Edit profile sheet */
.profile-edit-modal{width:min(100%,520px);overflow:hidden;padding:0 18px 18px!important}
.edit-profile-header{height:58px;display:flex;align-items:center;justify-content:space-between}
.edit-profile-header h2{margin:0;font-size:20px}
.edit-profile-header .auth-close{position:static;width:38px;height:38px;border-radius:50%}
.edit-cover-preview{width:100%;height:120px;border-radius:var(--vz-radius-card);overflow:hidden;background:var(--vz-surface-subtle);border:1px solid var(--vz-border)}
.edit-cover-preview img,.edit-cover-placeholder{width:100%;height:100%;object-fit:cover;display:block}
.edit-cover-placeholder{background:radial-gradient(circle at 20% 35%,rgba(79,70,229,.13),transparent 35%),linear-gradient(135deg,#F8FAFC,#EEF2FF)}
.edit-media-row{display:flex;align-items:center;gap:16px;margin:14px 0 16px}
.avatar-edit-wrapper{position:relative;flex:0 0 84px;width:84px;height:84px}
.edit-profile-avatar-preview{width:84px!important;height:84px!important;border-radius:999px!important;object-fit:cover!important;border:3px solid var(--vz-surface);box-shadow:var(--vz-shadow-card);display:grid;place-items:center;background:var(--vz-indigo-subtle);font-size:24px;font-weight:800;color:var(--vz-indigo)}
.change-badge{position:absolute;right:-1px;bottom:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--vz-blue);color:#fff;border:2px solid #fff;cursor:pointer}
.change-badge svg{width:14px;height:14px}
.media-actions{display:flex;flex-wrap:wrap;gap:8px}
.btn-secondary-pill{background:var(--vz-surface-subtle);border:1px solid var(--vz-border);border-radius:var(--vz-radius-pill);padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}
.edit-profile-save{width:100%;border-radius:14px;margin-top:4px}

/* Clip/device safe-area clearance */
.vz-viewer-stage{padding-bottom:env(safe-area-inset-bottom,0px)}
.vz-viewer-stack{bottom:calc(96px + env(safe-area-inset-bottom, 16px))}

@media(max-width:767px){
  .vz-header-compact .vz-header-inner{grid-template-columns:auto 1fr auto}
  .vz-header-compact .vz-header-spacer{display:block}
  .profile-edit-modal{border-radius:18px 18px 0 0!important;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}
}

/* v5 Arena card integrity: authored header + stable interactive voting */
.vz-arena-author{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.vz-arena-avatar{width:36px;height:36px;border-radius:999px;overflow:hidden;background:var(--vz-surface-subtle);display:grid;place-items:center;flex:0 0 36px;font-weight:800;color:var(--vz-text-primary)}
.vz-arena-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.vz-arena-author-meta{min-width:0;display:flex;flex-direction:column;line-height:1.15;flex:1}
.vz-arena-author-meta b{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--vz-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vz-arena-author-meta small{font-size:12px;color:var(--vz-text-secondary);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vz-debate-pill{margin-left:auto;border:1px solid #c7d2fe;background:var(--vz-indigo-subtle);color:var(--vz-indigo);font-size:11px;font-weight:800;padding:5px 9px;border-radius:var(--vz-radius-pill)}
.vz-arena-kicker{display:flex;align-items:center;justify-content:space-between;margin:2px 0 0}
.vz-arena-kicker>span{font-size:10px;letter-spacing:1.15px;font-weight:850;color:var(--vz-text-tertiary)}
.vz-arena-kicker button{border:0;background:transparent;color:var(--vz-text-secondary);width:40px;height:40px;display:grid;place-items:center;border-radius:999px;cursor:pointer}
.vz-arena-options button:disabled{cursor:default}
.vz-arena-options button:not(:disabled){pointer-events:auto;touch-action:manipulation}
.vz-arena-options button:not(:disabled):active{transform:scale(.99)}

/* V6 clip viewer action reliability */
.vz-viewer-stack button{pointer-events:auto;min-width:52px;min-height:58px;touch-action:manipulation;cursor:pointer}
.vz-viewer-stack button.active{color:var(--vz-saffron)}
.vz-viewer-stack button.active svg{fill:var(--vz-saffron)}
.vz-viewer-stage{pointer-events:auto}
.vz-viewer-center,.vz-viewer-audio,.vz-viewer-close{pointer-events:auto;touch-action:manipulation}

/* v8 interaction fixes */
.viewer-comment-backdrop{z-index:360;background:rgba(5,7,11,.48);backdrop-filter:blur(2px)}
.viewer-comment-backdrop .auth-modal{background:var(--vz-surface);color:var(--vz-text-primary)}
.vz-profile-controls{display:flex;align-items:center;gap:8px;margin-left:auto}
.vz-profile-more{width:44px;height:44px;border:1px solid var(--vz-border);border-radius:12px;background:var(--vz-surface);color:var(--vz-text-primary);display:grid;place-items:center;cursor:pointer}
.vz-profile-more svg{width:21px;height:21px}

/* Veyza v10: profile account menu */
.profile-menu-sheet{
  position:fixed;
  inset:0;
  z-index:10040;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:var(--vz-backdrop,rgba(15,23,42,.40));
  padding:0;
}
.profile-menu-panel{
  width:min(100%,560px);
  background:var(--vz-surface,#fff);
  border-radius:22px 22px 0 0;
  box-shadow:var(--vz-shadow-sheet,0 -10px 25px -5px rgba(15,23,42,.08));
  padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));
  display:grid;
  gap:6px;
  animation:vzProfileSheetIn .22s cubic-bezier(.16,1,.3,1);
}
.profile-menu-panel::before{
  content:"";
  width:38px;
  height:4px;
  border-radius:999px;
  background:#CBD5E1;
  margin:0 auto 6px;
}
.profile-menu-panel button{
  min-height:52px;
  width:100%;
  border:0;
  border-radius:12px;
  background:transparent;
  color:var(--vz-text-primary,#0F172A);
  text-align:left;
  padding:0 14px;
  font:inherit;
  font-weight:650;
  cursor:pointer;
}
.profile-menu-panel button:hover,.profile-menu-panel button:active{background:var(--vz-surface-subtle,#F1F5F9)}
.profile-menu-panel .danger-link{color:var(--vz-red,#DC2626)}
.profile-menu-panel .profile-menu-close{
  position:absolute;
  right:18px;
  top:14px;
  width:44px;
  min-height:44px;
  border-radius:999px;
  background:var(--vz-surface-subtle,#F1F5F9);
  text-align:center;
  padding:0;
  font-size:28px;
  font-weight:400;
}
@keyframes vzProfileSheetIn{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(min-width:768px){
 .profile-menu-sheet{align-items:flex-start;justify-content:flex-end;padding:76px 24px 0;background:transparent;pointer-events:none}
 .profile-menu-panel{position:relative;width:260px;border-radius:14px;border:1px solid var(--vz-border,#E2E8F0);padding:10px;box-shadow:var(--vz-shadow-popover,0 10px 25px -5px rgba(15,23,42,.08));pointer-events:auto}
 .profile-menu-panel::before{display:none}
 .profile-menu-panel .profile-menu-close{display:none}
}
