/*
Theme Name: Vidnecta Hybrid
Theme URI: https://vidnecta.com/
Author: Vidnecta
Description: Hybrid social-discovery and light creator workspace theme for Vidnecta. Install Vidnecta Core for moderated creator profiles and video listings.
Version: 0.1.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: vidnecta-hybrid
License: GPL-2.0-or-later
*/

@import url('data:text/css,');
:root{--bg:#0a0b12;--surface:#11141e;--surface2:#191d2b;--muted:#9c9fab;--line:#272a38;--white:#f7f8ff;--pink:#ff456d;--cyan:#3ee8db;--violet:#8a6bff;--grad:linear-gradient(110deg,#ff416c,#f74d8b 43%,#8b62ff);--shadow:0 22px 55px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.svg-icon{width:20px;height:20px;display:inline-flex;flex:none}.svg-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.preview-banner{height:28px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:550;letter-spacing:.25px;color:#c4c5db;background:linear-gradient(90deg,#171529,#29203b,#172e3a)}.preview-banner strong{color:var(--cyan)}
.topbar{height:72px;background:rgba(10,11,18,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:0 38px}.brand{font-size:26px;font-weight:900;letter-spacing:-1.3px;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{height:34px;width:34px;background:var(--grad);border-radius:11px;display:grid;place-items:center;box-shadow:0 6px 20px #ed406b55;position:relative;transform:rotate(-8deg)}.brand-mark:after{content:'▶';color:white;font-size:16px;transform:rotate(8deg);margin-left:2px}.brand span span{color:var(--pink)}.search-bar{max-width:570px;flex:1;margin-left:auto;background:#1a1c29;border:1px solid #2d2f41;border-radius:14px;display:flex;align-items:center;gap:11px;height:44px;padding:0 16px;color:#afb0c0}.search-bar input{background:none;outline:none;color:white;border:0;width:100%;font-size:13px}.top-actions{display:flex;align-items:center;gap:13px;margin-left:auto}.icon-btn{border:0;color:#ccd0e4;background:transparent;position:relative;padding:9px;display:grid;place-items:center}.dot-red:after{content:'';height:6px;width:6px;border-radius:50%;background:var(--pink);position:absolute;top:6px;right:7px}.btn{border:1px solid transparent;color:var(--white);background:var(--surface2);padding:11px 18px;border-radius:13px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-weight:750;white-space:nowrap;transition:.15s}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-primary{background:var(--grad);border-color:transparent;box-shadow:0 10px 27px #fa456634}.btn-outline{border-color:#424355;background:transparent}.btn-cyan{background:var(--cyan);color:#0c1720}.mini-avatar,.avatar{display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(140deg,#ffad83,#ee5c83);color:#15111d;font-weight:900}.mini-avatar{width:37px;height:37px;font-size:13px;border:2px solid #42405c}.shell{display:grid;grid-template-columns:248px minmax(510px,1fr) 313px;max-width:1600px;margin:auto;min-height:calc(100vh - 100px)}.leftbar{border-right:1px solid var(--line);padding:22px 17px;position:sticky;top:72px;height:calc(100vh - 72px);align-self:start}.side-nav{display:grid;gap:7px}.nav-item{border:0;color:#a9acbd;text-align:left;background:transparent;padding:14px 17px;display:flex;align-items:center;gap:15px;border-radius:13px;font-size:14px;font-weight:680;width:100%}.nav-item.active{background:linear-gradient(100deg,#ff456d20,#a366ff1c);color:#fff;box-shadow:inset 3px 0 var(--pink)}.nav-item:hover{background:#242635;color:#fff}.nav-item .svg-icon{width:21px;height:21px}.nav-item.active .svg-icon{color:var(--pink)}.side-label{font-size:10px;letter-spacing:1.5px;font-weight:850;color:#777a8f;padding:25px 16px 9px}.side-creators{display:grid;gap:7px;padding:0 11px}.following-creator{display:flex;gap:10px;align-items:center;color:#c9cbdb;padding:6px;cursor:pointer;border-radius:8px}.following-creator:hover{background:#1a1e2b}.following-creator small{color:#7e8398;display:block;font-size:10px}.left-footer{border-top:1px solid #272a37;margin:26px 12px 0;padding-top:20px;font-size:10px;color:#7e8094;line-height:1.9}.main{min-width:0;padding:29px 34px 65px}.rightbar{border-left:1px solid var(--line);padding:24px 22px;position:sticky;top:72px;height:calc(100vh - 72px);align-self:start;overflow:auto}.page{display:none;animation:enter .2s ease}.page.active{display:block}@keyframes enter{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.head-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.eyebrow{font-size:11px;letter-spacing:1.7px;color:var(--cyan);text-transform:uppercase;font-weight:850}.eyebrow .pulse{display:inline-block;background:var(--cyan);width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--cyan)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(31px,3vw,42px);letter-spacing:-1.65px;line-height:1.13;margin:10px 0 11px;font-weight:900}h1 em,h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}h2{letter-spacing:-.8px;font-size:26px}h3{font-size:17px;letter-spacing:-.3px}p{color:#989cab}.section-intro{color:#abb0c1;font-size:13px;max-width:590px;margin-bottom:25px}.section-header{display:flex;align-items:center;justify-content:space-between;margin:26px 0 16px}.section-header h3{margin:0}.seeall{border:none;background:none;color:var(--cyan);font-weight:700;font-size:12px}.chips{display:flex;gap:9px;overflow:auto;padding:1px 0 8px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid #2b2d40;background:#171924;color:#aeb0c0;border-radius:27px;padding:9px 15px;font-weight:650;font-size:12px;white-space:nowrap}.chip.active{background:#fff;color:#16141d;border-color:#fff}.story-strip{display:flex;gap:19px;overflow:auto;padding:4px 2px 7px;scrollbar-width:none}.story{min-width:76px;text-align:center;border:0;background:none;color:white;cursor:pointer}.story-ring{display:grid;place-items:center;width:66px;height:66px;border:2px solid transparent;background:linear-gradient(#10121c,#10121c) padding-box,linear-gradient(140deg,#ff547b,#a45cff,#54f4dd) border-box;border-radius:50%;margin:0 auto 7px}.story-face{width:55px;height:55px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:24px;background:#262a40}.story-face img{width:100%;height:100%;object-fit:cover}.story span{font-size:10.5px;color:#c7c6d6;display:block;max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.feed-top{display:flex;align-items:center;justify-content:space-between;margin:23px 0 14px}.feed-switch{display:flex;align-items:center;gap:24px}.feed-switch button{background:none;border:0;color:#85889c;padding:0 0 8px;font-weight:750;font-size:15px}.feed-switch .active{color:#fff;border-bottom:2px solid var(--pink)}.small-muted{font-size:11px;color:#969aac}.feed-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px}.post{background:#151825;border:1px solid #282b3a;border-radius:20px;overflow:hidden;position:relative}.post .poster{height:326px;position:relative;overflow:hidden;background:#41405e;cursor:pointer}.post .poster img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.post:hover .poster img{transform:scale(1.045)}.post .poster:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#080b19b8);pointer-events:none}.poster-top{position:absolute;top:12px;left:12px;right:12px;z-index:2;display:flex;justify-content:space-between;align-items:center}.pill{font-size:9px;letter-spacing:.4px;text-transform:uppercase;font-weight:850;color:white;padding:6px 9px;border-radius:24px;background:#1617257c;backdrop-filter:blur(8px);border:1px solid #ffffff40}.pill.hot{background:#f45276ec}.play-round{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:50%;background:#fff5;backdrop-filter:blur(10px);border:1px solid #fff6;display:grid;place-items:center;color:white;z-index:2;font-size:20px;opacity:.95}.video-caption{position:absolute;bottom:16px;left:17px;right:20px;z-index:2}.video-caption h4{margin:0 0 6px;color:white;line-height:1.16;font-size:20px;letter-spacing:-.8px;text-shadow:0 2px 8px #222}.video-caption p{font-size:11px;color:#f2e9f3;margin:0}.post-body{padding:13px 15px 15px}.poster-name{display:flex;align-items:center;gap:9px;font-weight:750;font-size:12px}.tiny-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#131321;background:linear-gradient(140deg,#ffd39a,#fd658a);font-size:11px}.verify{color:var(--cyan);font-size:12px}.post-actions{display:flex;gap:5px;align-items:center;margin-top:13px}.post-actions button{display:flex;gap:5px;align-items:center;padding:6px 7px;background:transparent;color:#a9adbf;border:0;font-size:11px}.post-actions button.active{color:var(--pink)}.post-actions .svg-icon{height:17px;width:17px}.post-actions .last{margin-left:auto}.right-card{background:#171925;border:1px solid #282a39;border-radius:19px;padding:18px;margin-bottom:17px}.right-card h3{margin:0 0 17px;font-size:14px}.right-creator{display:flex;align-items:center;gap:11px;margin-bottom:15px}.right-creator strong{font-size:12px;display:block}.right-creator small{font-size:10px;color:#898e9e}.follow{margin-left:auto;border:1px solid #3c4656;border-radius:9px;padding:7px 11px;background:#242a38;color:var(--cyan);font-size:11px;font-weight:800}.follow.on{background:#243e3c;color:#98f7e8}.featured-profile{height:139px;background:linear-gradient(145deg,#db6b77,#714ed8);border-radius:12px;margin-bottom:13px;overflow:hidden;position:relative}.featured-profile img{position:absolute;right:5px;bottom:-118px;height:300px;opacity:.98}.featured-profile .text{position:absolute;left:14px;top:13px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:1px;z-index:2}.featured-profile .award{position:absolute;left:14px;bottom:15px;font-weight:900;font-size:19px;letter-spacing:-.6px;line-height:1.1;z-index:2;max-width:100px}.tool-tease{background:radial-gradient(circle at 90% 15%,#aa51f650,transparent 50%),#1f1a32}.tool-tease .sparkle{display:grid;place-items:center;border-radius:14px;background:#6843a1;width:40px;height:40px;margin-bottom:13px;font-size:22px}.tool-tease p{font-size:12px;line-height:1.7}.tool-tease .btn{width:100%;font-size:12px;padding:10px}.right-mini{font-size:10px;color:#74778b;text-align:center;padding:10px}.discover-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.discovery-card{overflow:hidden;border:1px solid #292a3b;border-radius:16px;background:#171925;text-align:left;color:white;cursor:pointer;padding:0}.discovery-card .image{height:205px;position:relative;overflow:hidden}.discovery-card .image img{width:100%;height:100%;object-fit:cover}.discovery-card .image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0a0b12cc)}.discovery-card .views{position:absolute;bottom:10px;left:10px;color:white;font-size:10px;z-index:2}.discovery-card .info{padding:10px 11px 13px}.discovery-card .info strong{display:block;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.discovery-card .info small{display:block;color:#8f92a6;font-size:10px;margin-top:5px}.discover-controls{display:flex;gap:12px;align-items:center;margin:18px 0 22px}.discover-controls input,.discover-controls select,.ai-card input,.ai-card select,.ai-card textarea,.auth-modal input{background:#1b1e2c;border:1px solid #393b50;color:white;border-radius:11px;padding:12px 14px;min-width:0}.discover-controls input{flex:1}.discover-controls select{width:135px}.empty-state{border:1px dashed #4b4d61;border-radius:14px;padding:28px;color:#aaadbd}.watch-layout{display:grid;grid-template-columns:minmax(0,440px) minmax(200px,1fr);gap:27px;align-items:center;margin-top:22px}.watch-frame{position:relative;aspect-ratio:9/13;border-radius:25px;overflow:hidden;box-shadow:0 23px 65px #0008;max-height:635px;background:#333}.watch-frame img{width:100%;height:100%;object-fit:cover}.watch-frame:after{content:'';position:absolute;inset:43% 0 0;background:linear-gradient(transparent,#0a0c16cf)}.watch-copy{position:absolute;left:20px;bottom:27px;right:69px;z-index:2}.watch-copy h2{font-size:25px;margin-bottom:8px;color:white;line-height:1.1}.watch-copy p{margin:0;color:#fff9;font-size:12px}.watch-actions{position:absolute;right:13px;bottom:25px;z-index:3;display:grid;gap:15px}.watch-action{border:none;color:white;background:transparent;display:grid;place-items:center;gap:1px;font-size:10px}.watch-action .svg-icon{width:24px;height:24px}.watch-action.active{color:var(--pink)}.watch-side h3{font-size:20px}.watch-side p{line-height:1.7}.watch-next{display:flex;gap:10px;margin-top:20px}.watch-next .btn{flex:1}.watch-label{color:var(--cyan);font-size:11px;letter-spacing:1.5px;font-weight:800}.ai-hero{background:radial-gradient(circle at 86% 30%,#9e57d244,transparent 48%),linear-gradient(120deg,#211931,#171b2b);border:1px solid #49405e;border-radius:22px;padding:26px;display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:20px}.ai-hero h1{margin:6px 0 7px}.ai-hero p{margin:0}.ai-symbol{width:90px;height:90px;border-radius:24px;background:linear-gradient(135deg,#f65b86,#8859fc);display:grid;place-items:center;font-size:45px;transform:rotate(10deg)}.ai-card{background:#171925;border:1px solid #2f3041;border-radius:20px;padding:24px}.field{display:grid;gap:8px;margin-bottom:15px}.field label{font-size:12px;color:#c5c7d9;font-weight:700}.field textarea{min-height:101px;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ai-output{margin-top:20px;background:#121521;border:1px solid #3a3f56;border-radius:15px;padding:20px;display:none}.ai-output.visible{display:block}.ai-output p{color:#e4e4ee;line-height:1.85;white-space:pre-line}.output-tabs{display:flex;gap:9px;margin-bottom:10px}.output-tabs .chip{padding:7px 12px}.demo-note{font-size:11px;color:#8f93a7;line-height:1.6}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:22px 0}.stat{background:#191c2a;border:1px solid #323447;padding:19px;border-radius:15px}.stat small{color:#9295a8;font-size:11px}.stat strong{display:block;font-size:30px;letter-spacing:-1px;margin:5px 0}.stat span{color:var(--cyan);font-size:10px}.dashboard-panels{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.panel{padding:21px;background:#171925;border:1px solid #2d3042;border-radius:18px}.panel h3{margin:0 0 18px}.activity{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #2c2f3f;font-size:12px}.activity:last-child{border:0}.activity .status{font-size:10px;margin-left:auto;color:#91e9dc}.dashboard-placeholder{height:145px;display:grid;place-items:center;background:repeating-linear-gradient(90deg,transparent 0 35px,#ffffff05 35px 36px),linear-gradient(180deg,#26213d,#161c2d);border-radius:13px;color:#a6a8bf;text-align:center}.price-toggle{display:flex;gap:8px;background:#1c1e2b;padding:6px;width:max-content;border-radius:12px;margin:20px 0}.price-toggle button{color:#a8aabb;background:none;border:0;border-radius:8px;padding:9px 14px;font-weight:700}.price-toggle button.active{background:#343143;color:white}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.price-card{background:#191c2a;border:1px solid #333549;border-radius:18px;padding:22px;position:relative}.price-card.highlight{border-color:#f55388;box-shadow:inset 0 0 0 1px #f553885c}.price-card small{color:#a6a9ba}.price-card .amount{font-size:37px;letter-spacing:-2px;font-weight:900;margin:10px 0}.price-card .amount span{font-size:13px;color:#a4a8b9;font-weight:600;letter-spacing:0}.price-card ul{padding-left:18px;font-size:12px;color:#ccd0e0;line-height:2.35;min-height:160px}.price-card .btn{width:100%}.floating-toast{position:fixed;left:50%;transform:translateX(-50%) translateY(22px);bottom:24px;background:#f4f6ff;color:#212131;padding:13px 18px;border-radius:13px;font-weight:750;z-index:80;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.floating-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.modal-shade{display:none;position:fixed;inset:0;background:#020309c9;z-index:70;align-items:center;justify-content:center;padding:15px}.modal-shade.show{display:flex}.auth-modal{width:min(410px,100%);background:#1c1e2d;border:1px solid #49465d;border-radius:23px;padding:27px;position:relative}.auth-modal h2{margin:10px 0}.auth-modal input{display:block;width:100%;margin-bottom:12px}.auth-modal .btn{width:100%}.modal-close{position:absolute;top:12px;right:15px;border:none;background:transparent;color:white;font-size:25px}.mobile-nav{display:none}
@media(max-width:1240px){.shell{grid-template-columns:205px minmax(470px,1fr) 270px}.topbar{padding:0 20px}.main{padding:27px 24px}.rightbar{padding:18px 14px}.leftbar{padding:20px 9px}.nav-item{gap:10px}.post .poster{height:300px}}
@media(max-width:1080px){.shell{grid-template-columns:210px minmax(0,1fr)}.rightbar{display:none}.main{padding:28px max(20px,5vw)}.top-actions{margin-left:0}}
@media(max-width:700px){.preview-banner{font-size:9px;height:31px;padding:0 8px}.topbar{height:61px;padding:0 16px;gap:10px}.brand{font-size:23px}.brand-mark{height:30px;width:30px}.search-bar{display:none}.top-actions{margin-left:auto;gap:5px}.top-actions .hide-on-mobile,.top-actions .btn{display:none}.shell{display:block}.leftbar{display:none}.main{padding:21px 16px 92px}.main h1{font-size:32px}.section-intro{font-size:12px}.feed-grid{gap:12px}.post{border-radius:14px}.post .poster{height:258px}.video-caption h4{font-size:17px}.video-caption p{font-size:9px}.post-body{padding:10px 8px}.post-actions{justify-content:space-between;gap:0}.post-actions button{font-size:10px;padding:5px 3px}.post-actions .svg-icon{width:16px;height:16px}.story-strip{gap:9px}.story{min-width:66px}.story-ring{height:60px;width:60px}.story-face{height:49px;width:49px}.feed-top{margin-top:17px}.mobile-nav{height:66px;padding:7px 13px calc(7px + env(safe-area-inset-bottom));background:#11121df4;border-top:1px solid #282c3c;position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-around}.mobile-nav button{display:grid;gap:2px;place-items:center;background:none;border:0;color:#9ca0b3;font-size:9px;font-weight:750;min-width:52px}.mobile-nav button.active{color:white}.mobile-nav .svg-icon{width:22px;height:22px}.mobile-nav .create-mobile{width:45px;min-width:45px;height:37px;border-radius:12px;background:var(--grad);color:white}.mobile-nav .create-mobile span{display:none}.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-card .image{height:191px}.watch-layout{display:block}.watch-frame{width:min(100%,390px);margin:auto}.watch-side{padding:22px 2px}.ai-hero{padding:18px}.ai-symbol{height:56px;width:56px;font-size:29px;flex:none}.field-grid{grid-template-columns:1fr}.dash-stats{gap:7px}.stat{padding:11px}.stat strong{font-size:22px}.stat small{font-size:9px}.dashboard-panels{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr}.price-card ul{min-height:auto}.head-row .small-muted{display:none}}
@media(max-width:390px){.post .poster{height:235px}.post-actions button{font-size:9px}.feed-grid{gap:9px}.discover-controls{flex-wrap:wrap}.discover-controls select{width:100%}.story-strip{gap:5px}.story{min-width:58px}.story-ring{width:57px;height:57px}.story-face{width:47px;height:47px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.profile-hero{border:1px solid #31344a;border-radius:20px;overflow:hidden;background:#171925}.profile-cover{height:185px;background:radial-gradient(circle at 70% 25%,#ff749477,transparent 38%),linear-gradient(110deg,#6035a6,#28214b 45%,#111c32);position:relative}.profile-cover:after{content:'✦ CREATOR PROFILE';position:absolute;right:22px;top:23px;font-weight:900;letter-spacing:3px;color:#ffffff66;font-size:14px}.profile-top{display:flex;gap:16px;align-items:flex-end;margin:-40px 22px 20px;position:relative;flex-wrap:wrap}.profile-big-avatar{height:91px;width:91px;background:#242033;border:4px solid #171925;border-radius:50%;overflow:hidden}.profile-big-avatar img{width:100%;height:100%;object-fit:cover}.profile-title{flex:1;min-width:180px}.profile-title h2{margin:0 0 2px}.profile-title p{margin:0;font-size:12px}.profile-details{padding:0 25px 25px}.profile-details p{font-size:14px;max-width:470px}.profile-badges{display:flex;gap:8px;flex-wrap:wrap}.profile-badges span{background:#272a3d;padding:7px 10px;border-radius:15px;color:#bec1d2;font-size:11px}.profile-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
@media(max-width:700px){.profile-top{align-items:center;margin:-40px 15px 16px}.profile-details{padding:0 17px 20px}.profile-tools{width:100%}.profile-big-avatar{height:77px;width:77px}}

/* Vidnecta Hybrid Design 1.0: vivid public discovery and calm private studio */
:root{--pink:#f04883;--cyan:#55e3d5;--violet:#7c52ed;--grad:linear-gradient(110deg,#fa4d8a,#a050f5 80%)}
.hybrid-hero{background:linear-gradient(135deg,#faf8ff 0%,#f8f2ff 52%,#eee8ff 100%);color:#211837;border-radius:27px;min-height:405px;padding:36px 36px 25px 36px;display:grid;grid-template-columns:1.08fr .92fr;gap:16px;position:relative;overflow:hidden;margin-bottom:40px;border:1px solid #faf6ff;box-shadow:0 19px 50px #0a061434}
.hybrid-hero:before{content:'';height:380px;width:380px;position:absolute;right:-114px;top:-130px;border-radius:50%;border:80px solid #d9caff5b;pointer-events:none}.hybrid-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.hybrid-eyebrow{color:#7e56d5;font-size:10px;letter-spacing:1.65px;font-weight:850;margin-bottom:22px}.h-star{font-size:17px;margin-right:8px}.hybrid-copy h1{color:#24183b;font-size:clamp(37px,3.15vw,57px);line-height:1.065;letter-spacing:-2.3px;margin:0 0 19px;font-weight:900}.hybrid-copy h1 em{background:linear-gradient(90deg,#7450eb,#ed5ba3);color:transparent;-webkit-background-clip:text;background-clip:text}.hybrid-copy p{font-size:13.5px;line-height:1.78;color:#656078;max-width:420px;margin:0 0 23px}.hybrid-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hybrid-start{background:linear-gradient(110deg,#8053eb,#9b5cf5);border-color:transparent;color:white;box-shadow:0 8px 20px #7742dc38}.hybrid-outline{color:#543d79;background:white;border-color:#ded5ef}.hybrid-benefits{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#777086;font-weight:650;margin-top:26px}.hybrid-benefits span::first-letter{color:#7652db}.hybrid-scene{min-height:345px;position:relative;display:grid;place-items:center}.circle-glow{position:absolute;height:310px;width:310px;background:radial-gradient(circle,#d7c3f9 0,#d9ccf3a8 47%,transparent 73%);border-radius:50%}.hero-phone{position:relative;width:188px;height:334px;background:#121321;border:6px solid #212035;border-radius:30px;box-shadow:0 27px 45px #30225569;transform:rotate(-7deg);z-index:2;overflow:hidden}.phone-top{height:27px;display:flex;align-items:center;justify-content:space-around;color:#dbd8e7;font-size:9px}.phone-top b{color:#fb699b}.phone-visual{height:267px;position:relative;overflow:hidden}.phone-visual img{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#fb7f9c,#6436a8)}.phone-visual:after{content:'';position:absolute;inset:36% 0 0;background:linear-gradient(transparent,#130e22ef)}.phone-overlay{position:absolute;bottom:16px;left:11px;right:9px;z-index:2;display:grid;gap:4px;color:#fff}.phone-overlay small{font-size:7px;color:#eedaff}.phone-overlay strong{font-size:14px;line-height:1.2}.phone-overlay span{font-size:8px;color:#fbe9ff}.phone-bottom{height:27px;display:flex;align-items:center;justify-content:space-around;font-size:12px;color:#f9f9fd}.phone-bottom strong{font-size:17px;background:linear-gradient(90deg,#ee548d,#8c55e6);border-radius:6px;line-height:16px;padding:1px 6px}.hero-float{position:absolute;z-index:4;background:#fff;box-shadow:0 13px 33px #4a328b33;border:1px solid #f3eafc;border-radius:15px;padding:10px 12px;display:flex;align-items:center;gap:9px;min-width:154px}.hero-float strong{font-size:10px;display:block;color:#2d2340}.hero-float small{font-size:9px;display:block;color:#837891}.float-icon{background:#eee5ff;border-radius:10px;padding:7px 9px;font-size:18px;color:#8552ed}.float-icon.coral{background:#ffe5ee;color:#ed5182}.left-float{top:36px;left:-7px;transform:rotate(6deg)}.right-float{right:-10px;bottom:39px;transform:rotate(6deg)}.hybrid-section-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px;gap:12px}.hybrid-section-header span{color:#67e5d9;font-size:10px;letter-spacing:1.4px;font-weight:850}.hybrid-section-header h2{color:#fbfaff;font-size:24px;margin:5px 0}.hybrid-section-header p{color:#9c9bab;font-size:12px;margin:0}.hybrid-white-outline{border-color:#424559;background:#171a28;font-size:12px}
/* Private creator pages transition to a clean productivity workspace */
body.work-mode .shell{grid-template-columns:248px minmax(0,1fr);max-width:1600px;background:#f8f8fc}
body.work-mode .leftbar{background:#0b0c15;border-right-color:#222435}
body.work-mode .rightbar{display:none}
body.work-mode .main{background:#f8f8fc;padding:45px clamp(24px,4.4vw,72px) 90px;min-height:calc(100vh - 75px)}
.workspace{color:#242238;max-width:1080px;margin:0 auto}
.workspace h1,.workspace h2,.workspace h3{color:#242238}.workspace h1 em{background:linear-gradient(90deg,#7755e5,#e85d9d);color:transparent;background-clip:text;-webkit-background-clip:text}
.workspace .eyebrow{color:#7755e5}.workspace .section-intro,.workspace p{color:#696a7f}.workspace .btn-primary{background:linear-gradient(110deg,#7952eb,#a660f4);color:white;box-shadow:0 12px 23px #8255ed23}
.workspace .btn-outline{background:white;border-color:#e1dded;color:#6a4ac9}.workspace .btn-outline:hover{background:#f2ecff}
.workspace .ai-hero{background:linear-gradient(117deg,#eeeaff,#fff7fe);border:1px solid #e5dcfa;box-shadow:0 18px 40px #7552bd0e;padding:30px 35px;border-radius:22px}
.workspace .ai-hero p{color:#727087}.workspace .ai-card,.workspace .panel,.workspace .price-card,.workspace .stat{background:#fff;border:1px solid #e9e7ef;box-shadow:0 8px 32px #24113b08}
.workspace .ai-card{padding:31px}.workspace .field label{color:#434058}.workspace .field textarea,.workspace .field input,.workspace .field select{color:#27283d;background:#fafaff;border-color:#dddbe9}.workspace .field textarea::placeholder{color:#9e9db0}.workspace .ai-output{background:#f8f6ff;border:1px solid #e4def6}.workspace .ai-output p{color:#43415f}.workspace .ai-output .chip{background:#fff;border-color:#dedbe8;color:#625d7d}.workspace .ai-output .chip.active{background:#7651e8;color:#fff;border-color:#7651e8}
.workspace .demo-note{color:#838295}.workspace .stat small{color:#77778b}.workspace .stat strong{color:#211f32}.workspace .stat span{color:#7354c9}.workspace .panel small{color:#858599}.workspace .activity{border-bottom-color:#eceaf1;color:#464153}.workspace .activity .status{color:#17916b}.workspace .dashboard-placeholder{background:repeating-linear-gradient(90deg,transparent 0 35px,#7e58d508 35px 36px),linear-gradient(180deg,#f2edff,#e9e5f9);color:#79689b}
.workspace .price-toggle{background:#eeedf5}.workspace .price-toggle button{color:#807c90}.workspace .price-toggle button.active{background:#fff;color:#7652dd;box-shadow:0 2px 13px #2c205a13}.workspace .price-card small{color:#827f91}.workspace .price-card .amount{color:#282137}.workspace .price-card .amount span{color:#9691a2}.workspace .price-card ul{color:#676479}.workspace .price-card.highlight{border-color:#8663e4;box-shadow:0 18px 44px #7f60dd18}.workspace .price-card .btn{min-height:45px}
.workspace #outputTitle{color:#393252}
/* Visible notion of design decision */
.design-mode{display:inline-flex;padding:7px 10px;border:1px solid #3c394d;border-radius:24px;color:#aba6c7;font-size:10px;letter-spacing:.2px;font-weight:700;margin:17px 11px 0}.design-mode b{color:#55e3d5;margin-left:5px}
@media(max-width:1240px){body.work-mode .shell{grid-template-columns:205px minmax(0,1fr)}.hybrid-hero{grid-template-columns:1fr .85fr;padding:32px 23px}.hybrid-copy h1{font-size:clamp(32px,3.4vw,48px)}.left-float{left:-17px}.right-float{right:-15px}}
@media(max-width:1080px){body.work-mode .shell{grid-template-columns:210px minmax(0,1fr)}.hybrid-hero{grid-template-columns:1.1fr .8fr}.hybrid-scene{transform:scale(.89);margin:-22px -18px}.hybrid-copy h1{font-size:42px}}
@media(max-width:700px){.hybrid-hero{grid-template-columns:1fr;padding:28px 23px 10px;min-height:0;border-radius:19px;margin-bottom:29px}.hybrid-copy h1{font-size:clamp(36px,10vw,49px);letter-spacing:-1.7px}.hybrid-copy p{font-size:13px}.hybrid-benefits{margin:18px 0 0;font-size:9px;gap:9px}.hybrid-actions .btn{padding:11px 12px;font-size:12px}.hybrid-scene{height:258px;min-height:0;transform:scale(.72);transform-origin:top center;margin-top:17px;margin-bottom:-67px}.hero-phone{transform:rotate(-6deg)}.left-float{left:-10px}.right-float{right:-10px}.hybrid-section-header{align-items:start}.hybrid-section-header h2{font-size:22px}.hybrid-section-header .btn{display:none}.hybrid-section-header p{line-height:1.5}.work-mode .page{padding:0}body.work-mode .shell{display:block}body.work-mode .main{padding:27px 17px 100px;min-height:calc(100vh - 130px)}.workspace .ai-hero{padding:23px 19px}.workspace .ai-card{padding:18px}.workspace .ai-hero h1{font-size:34px}.workspace .stat{padding:13px}.workspace .stat strong{font-size:23px}.workspace .price-card{padding:18px}}
@media(max-width:700px){.hybrid-scene{height:325px;min-height:325px;transform:none;margin:3px auto 0}.hero-phone{transform:rotate(-6deg) scale(.88)}.circle-glow{height:240px;width:240px}.left-float{left:-15px;top:50px;transform:scale(.78) rotate(6deg)}.right-float{right:-17px;bottom:42px;transform:scale(.78) rotate(6deg)}.hybrid-hero{padding-bottom:9px}.hybrid-section-header{margin-top:10px}}

/* WordPress production starter overrides */
body{background:#0a0b12}body.admin-bar .topbar{top:32px}body.admin-bar .leftbar,body.admin-bar .rightbar{top:104px}
.topbar{z-index:100}.top-create{font-size:12px}.search-bar{max-width:570px;margin-left:auto}.search-bar input{font-size:13px}.mini-avatar{text-decoration:none;display:grid;place-items:center}
.nav-item{text-decoration:none}.nav-item:focus-visible{outline:2px solid #3ee8db}.vnt-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:23px;font-size:22px;font-weight:700;line-height:1}
.left-text{color:#a2a6b9;font-size:12px;line-height:1.85;padding:12px 16px}.rightbar .right-card{margin-bottom:16px}.right-card>.btn{width:100%;font-size:11px;white-space:normal;text-align:center}.rightbar .vnc-creator-card{background:transparent;border:0;padding:8px;box-shadow:none;display:grid;grid-template-columns:33px 1fr;gap:2px 9px;text-align:left;color:#fff}.vnc-sidebar-creators .vnc-avatar{width:33px;height:33px;grid-row:span 3}.vnc-sidebar-creators .vnc-creator-card small,.vnc-sidebar-creators .vnc-creator-card .vnc-action{font-size:10px}.rightbar .vnc-sidebar-creators{display:grid;gap:6px}.rightbar .vnc-creator-card:hover{background:#24283a}.rightbar .vnc-avatar{font-size:13px}
.vnt-legal{font-size:11px;color:#b9b8cc;line-height:1.7;text-align:center;padding:10px}
.main{min-height:80vh}.main>.vnt-section{margin-bottom:35px}.vnt-section .head-row{margin-bottom:16px}.vnt-section .head-row h2{margin:9px 0 4px}.vnt-section .head-row p{margin:0}.vnt-section .section-header{margin-top:20px}
.vnt-niche-links{margin:17px 0 3px}.hybrid-hero .hero-art{height:100%;width:100%;object-fit:cover}.hybrid-hero{min-height:405px}
.vnt-page-heading{margin:0 0 26px}.vnt-page-heading h1{font-size:clamp(30px,3vw,47px);margin:10px 0 12px}.vnt-page-heading em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.vnt-page-heading p{color:#b1b4c3}
.vnt-search-filters{display:grid;grid-template-columns:1.6fr 1fr 1fr auto;align-items:end;gap:10px;padding:14px;background:#171a26;border:1px solid #303244;border-radius:18px;margin-bottom:18px}
.vnt-search-filters label{display:grid;gap:6px;font-size:11px;color:#b2b5c5;font-weight:700}.vnt-search-filters input,.vnt-search-filters select{width:100%;padding:12px;border:1px solid #34364b;border-radius:10px;background:#0f111c;color:#fff;min-width:0}.vnt-search-filters .btn{padding:12px}
.vnt-muted{font-size:11px;color:#9c9fac}
.vnc-empty{background:#191b29;border:1px dashed #41445c;border-radius:16px;padding:24px;color:#c9c9d8;line-height:1.7}.vnc-empty p{margin:8px 0 14px}.vnc-empty a:not(.btn){color:#63ded8}
.vnc-creators-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vnc-creator-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:19px 11px;border:1px solid #2c2e3f;border-radius:17px;background:#191b29;min-width:0;transition:transform .15s,border-color .15s}
.vnc-creator-card:hover{transform:translateY(-2px);border-color:#8d63e8}
.vnc-creator-card strong{font-size:13px;overflow-wrap:anywhere}.vnc-creator-card small{color:#aaaec2}.vnc-creator-card .vnc-action{color:#60e8df;font-weight:700;font-size:11px}
.vnc-avatar{display:grid;place-items:center;border:3px solid #ef4ca9;outline:2px solid #6c63fa;outline-offset:2px;width:60px;height:60px;border-radius:50%;color:#261633;font-size:24px;font-weight:900}
.vnc-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.vnc-video-card{background:#181b28;border:1px solid #343548;border-radius:17px;overflow:hidden;min-width:0}
.vnc-video-art{height:170px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 65% 20%,#e956b565,transparent 53%),linear-gradient(135deg,#322558,#413f91 52%,#207b8c)}
.vnc-video-card:nth-child(3n+2) .vnc-video-art{background:radial-gradient(circle at 70% 20%,#f2d15b73,transparent 45%),linear-gradient(135deg,#532750,#bb5974,#693e85)}
.vnc-video-card:nth-child(3n+3) .vnc-video-art{background:radial-gradient(circle at 70% 20%,#5be5e780,transparent 45%),linear-gradient(135deg,#193359,#3083a1,#7261b9)}
.vnc-play{display:grid;place-items:center;background:#f8f8ffdc;border-radius:50%;color:#312146;font-size:21px;height:55px;width:55px;padding-left:3px}.vnc-video-platform{position:absolute;top:10px;left:10px;background:#0a0c14cc;padding:5px 9px;border-radius:7px;color:#fff;font-size:10px}.vnc-card-body{padding:17px}.vnc-card-body h3{margin:8px 0 6px;font-size:16px;line-height:1.35}.vnc-card-body p{font-size:12px;margin-bottom:14px}.vnc-card-body p a{color:#66e4dd}.vnc-card-body .vnc-watch-link{display:inline-block;font-size:11px;padding:9px 11px;white-space:normal}.vnc-tag{color:#bb9aff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.vnt-profile-card{padding:26px;background:#171929;border:1px solid #38364b;border-radius:18px;display:flex;align-items:start;gap:25px;margin-bottom:22px}.vnt-profile-avatar{width:90px;height:90px;font-size:35px}.vnt-profile-card h2{margin-bottom:9px}.vnt-profile-card p{max-width:650px;color:#afb1c1}
.vnt-cta{margin:35px 0 10px;padding:32px;border-radius:20px;background:linear-gradient(120deg,#33224c,#261f4a 65%,#264a66);border:1px solid #654678}.vnt-cta h2{margin:8px 0}.vnt-cta p{max-width:560px}.vnt-cta .btn{margin-top:9px}.vnt-cta .btn-outline{border-color:#8e719d}
.vn-workspace-page .main{background:#f8f7fc;border-radius:0}.vnt-page-workspace{max-width:1080px;margin:auto;min-height:75vh}.vnt-page-workspace>h1{font-size:43px}
.vnt-page-workspace .ai-card{background:#fff;border-radius:19px;padding:27px;border:1px solid #e7e5ee;box-shadow:0 10px 25px #26133a0a;margin:17px 0}
.vnt-page-workspace .ai-card h3{color:#2d2641}.vnt-page-workspace p,.vnt-page-workspace .demo-note{color:#6a6680}
.vnt-page-workspace input,.vnt-page-workspace textarea,.vnt-page-workspace select{box-sizing:border-box}
.vnt-page-workspace .ai-output.visible{display:block}.vnt-page-workspace .ai-output h3{margin:0 0 10px}.vnt-page-workspace .ai-output .vnt-draft{white-space:pre-wrap;color:#3b3356;line-height:1.85;margin-bottom:18px}
.vnt-cta-light{padding:23px;border:1px solid #dfd7f1;border-radius:18px;background:linear-gradient(110deg,#ece7fe,#fef4fa)}.vnt-cta-light h3{color:#2d2143}
.vnt-dashboard-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vnt-stat{background:#fff;border:1px solid #e6e3ef;padding:18px;border-radius:16px;display:grid;gap:6px;min-width:0}.vnt-stat small{color:#888099}.vnt-stat strong{font-size:19px;color:#352548;overflow-wrap:anywhere}.vnt-stat span{font-size:10px;color:#7959b4}
.vnt-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:15px}.vnt-dashboard-grid .ai-card{margin-top:15px}.vnt-my-videos{margin:16px 0}.vnt-my-videos>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #e6e1ef;padding:10px 0;font-size:12px}.vnt-my-videos strong{color:#3a3049}.vnt-my-videos span{color:#8d75a3}.vnt-page-workspace .vnc-empty{background:#faf9ff;color:#4e4960;border-color:#d6cdeb}
.vnc-form{display:grid;gap:15px}.vnc-form label{display:grid;gap:7px;font-size:12px;color:#413858;font-weight:750}.vnc-form input,.vnc-form select,.vnc-form textarea,.vnt-form input{width:100%;padding:12px;border:1px solid #ded8ea;border-radius:10px;background:#fbfaff;color:#29233e;font:inherit}.vnc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vnc-form>.btn{justify-self:start}.vnc-notice,.vnc-status{padding:12px;border:1px solid #cfbfee;background:#f0e9fc;color:#4b3675;border-radius:10px}
.vnt-pricing-notice{padding:15px 20px;color:#533a77;border:1px solid #d5c2f1;background:#f0e8fe;border-radius:14px;margin-bottom:20px;font-size:13px}.vnt-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vnt-price-grid .price-card{padding:23px;display:flex;flex-direction:column;gap:10px;position:relative}.vnt-plan-head{font-weight:800;color:#34204f}.vnt-price{font-weight:900;font-size:36px;color:#261b35;letter-spacing:-1px}.vnt-price span{font-size:13px;color:#83758c;font-weight:500}.vnt-price-grid ul{padding-left:18px;color:#625a70;font-size:12px;line-height:2}.vnt-price-grid .btn{margin-top:auto;text-align:center}.vnt-price-grid .featured{border:2px solid #926af0}.vnt-plan-badge{position:absolute;top:14px;right:14px;font-size:9px;background:#f2eaff;color:#7851d8;border-radius:8px;padding:5px 8px;font-weight:800}.vnt-price-grid button:disabled{opacity:.55;cursor:not-allowed}
.vnt-regular-page{padding:8px 0 40px}.vnt-regular-page h1{font-size:40px}.vnt-entry{font-size:14px;line-height:1.8;max-width:750px}.vnt-entry a{color:#58e1d5;text-decoration:underline}.vnt-article{padding:20px 0;border-bottom:1px solid #393b4e}
.mobile-nav a{color:#9ca3b9;display:grid;justify-items:center;align-items:center;gap:2px;font-size:10px}.mobile-nav a span{font-size:20px}.mobile-nav .create-mobile{background:var(--grad);color:#fff;border-radius:15px;padding:8px;font-size:26px;margin-top:-15px}
@media(max-width:1240px){.vnt-price-grid{gap:10px}.vnt-price-grid .price-card{padding:16px}}
@media(max-width:1080px){.vnt-search-filters{grid-template-columns:1fr 1fr}.vnt-search-filters .btn{align-self:end}.vnc-creators-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.top-create{display:none}.topbar .top-actions{display:flex}.mobile-nav{display:flex;justify-content:space-around}.mobile-nav a{flex:1}.mobile-nav .create-mobile{flex:0 0 50px}.vnt-search-filters{grid-template-columns:1fr 1fr}.vnt-search-filters label:first-child{grid-column:1/-1}.vnt-search-filters .btn{grid-column:1/-1}.vnc-creators-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vnc-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vnt-dashboard-top{grid-template-columns:1fr}.vnt-dashboard-grid{grid-template-columns:1fr}.vnt-price-grid{grid-template-columns:1fr}.vnt-profile-card{display:block}.vnt-profile-card .vnc-avatar{margin-bottom:20px}.vnt-page-workspace>h1{font-size:32px}.vnt-cta{padding:22px}.vnt-section .head-row{align-items:start}.vnt-section .head-row .btn{display:none}}
@media(max-width:450px){.vnc-video-grid{grid-template-columns:1fr}.vnt-search-filters{grid-template-columns:1fr}.vnt-search-filters label:first-child{grid-column:auto}.vnt-search-filters .btn{grid-column:auto}.vnt-page-workspace .field-grid{grid-template-columns:1fr}.vnc-form-row{grid-template-columns:1fr}.vnt-page-workspace .ai-card{padding:20px}.vnt-cta-light{padding:18px}}
@media(max-width:782px){body.admin-bar .topbar{top:46px}}
