/* ViLo v8.2.2 continuity layer */
:root{--v822-surface:color-mix(in srgb,var(--panel) 88%,transparent);--v822-line:color-mix(in srgb,var(--accent2) 26%,var(--line));--v822-soft:color-mix(in srgb,var(--accent) 10%,var(--panel2))}
html{scroll-behavior:smooth} body{overflow-x:hidden}
.card,.admin-head,.studio-page-head-v790,.creator-page-tab-content,.creator-shop-v50,.creator-posts-v48{min-width:0}
select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--accent2) 50%),linear-gradient(135deg,var(--accent2) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px!important;cursor:pointer;transition:border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease}
select:hover{border-color:var(--v822-line)}select:focus{outline:none;border-color:var(--accent2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent2) 18%,transparent)}
.profile-menu>summary{transition:transform 180ms ease,border-color 180ms ease,background 180ms ease}.profile-menu>summary:hover{transform:translateY(-1px)}
.profile-dropdown{transform-origin:top right;animation:v822-menu-in 220ms cubic-bezier(.2,.8,.2,1);box-shadow:0 24px 70px rgba(0,0,0,.42);border-color:var(--v822-line)!important;overflow:hidden}
.profile-dropdown a{transition:background 160ms ease,color 160ms ease,transform 160ms ease}.profile-dropdown a:hover{background:color-mix(in srgb,var(--accent2) 12%,transparent);transform:translateX(3px)}
@keyframes v822-menu-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
/* prevent stale navigation overlays from trapping clicks */
body:not(.is-navigating) .seamless-transition-overlay,body:not(.is-navigating) .page-transition-overlay{pointer-events:none!important;opacity:0!important}
.owner-admin-main-v56,.creator-studio-main-v790{isolation:isolate}.owner-admin-sidebar-v56,.creator-studio-sidebar-v790{z-index:4}.profile-dropdown,.notify-dropdown{z-index:10050!important}
/* CRM filter continuity */
.crm-filter-bar-v790,.crm-segment-tabs-v790{max-width:100%;overflow:hidden}.crm-filter-bar-v790 form{min-width:0}.crm-segment-tabs-v790{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:6px 2px 10px;overscroll-behavior-inline:contain}.crm-segment-tabs-v790>*{flex:0 0 auto;white-space:nowrap}.crm-segment-tabs-v790::-webkit-scrollbar{height:5px}.crm-segment-tabs-v790::-webkit-scrollbar-thumb{background:var(--v822-line);border-radius:999px}
/* vPanel modules */
.owner-admin-main-v56>.admin-head,.owner-admin-main-v56>.studio-page-head-v790{border:1px solid var(--v822-line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--accent2) 8%,var(--panel2)));padding:24px;margin-bottom:20px}.owner-admin-main-v56>.grid,.owner-admin-main-v56>.card{max-width:100%}.owner-admin-main-v56 .grid.two{align-items:start}
/* creator public tabs */
.creator-page-tab-content,.creator-shop-v50,.creator-posts-v48{background:transparent!important}.creator-page-tab-content>section,.creator-shop-v50>section,.creator-posts-v48>section{border-radius:20px}.creator-page-tab-content .tab-nav,.creator-profile-tabs{background:transparent!important;border:0!important;padding:0!important;gap:8px}.creator-profile-tabs a,.creator-page-tab-content .tab-nav a{background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:13px}.creator-profile-tabs a.active,.creator-page-tab-content .tab-nav a.active{border-color:var(--accent2);background:color-mix(in srgb,var(--accent2) 13%,var(--panel))}
/* memberships */
.membership-tier-card-v811,.tier-card-v811{min-width:0}.tier-card-actions-v811,.membership-tier-actions-v811{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important}.tier-card-actions-v811 .btn,.membership-tier-actions-v811 .btn{min-width:0!important;width:auto!important;writing-mode:horizontal-tb!important;word-break:normal!important;white-space:normal!important}.tier-card-actions-v811 details,.membership-tier-actions-v811 details{grid-column:1/-1}
/* shop and posts remove giant boxed canvas */
.creator-shop-v50,.creator-posts-v48,.creator-page-tab-content{padding-inline:0!important}.shop-catalog-v50,.creator-post-feed-v48{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.shop-product-grid-v50{grid-template-columns:repeat(auto-fit,minmax(250px,330px))!important;justify-content:start}.creator-post-card-v48{max-width:980px;margin-inline:auto}
/* support */
.support-grid-v811{align-items:start}.support-ticket-detail-v811{min-height:320px}.support-start-v822{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;min-height:280px;padding:38px;border:1px solid var(--v822-line);border-radius:22px;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--accent2) 18%,transparent),transparent 38%),linear-gradient(135deg,var(--v822-soft),var(--panel))}.support-start-v822>span{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#061018;font-size:28px;box-shadow:0 16px 40px color-mix(in srgb,var(--accent2) 20%,transparent)}.support-start-v822 small,.support-compose-v822>header small{color:var(--accent2);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.support-start-v822 h2{margin:5px 0 8px;font-size:clamp(1.6rem,3vw,2.5rem)}.support-start-v822 p{margin:0;color:var(--muted);max-width:700px;line-height:1.65}.support-compose-v822{animation:v822-rise 260ms ease}.support-compose-v822>header{background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--accent2) 14%,transparent),transparent 50%);border-radius:18px;padding:22px!important}.support-form-v811{background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 92%,transparent),color-mix(in srgb,var(--accent) 7%,var(--panel)));border:1px solid var(--v822-line)!important}.support-context-card-v793,.support-context-card-v794{border-color:var(--v822-line)!important;background:color-mix(in srgb,var(--accent2) 8%,var(--panel2))!important}.support-faq-v788{position:relative;overflow:hidden}.support-faq-v788:before{content:"";position:absolute;inset:auto -80px -100px auto;width:240px;height:240px;border-radius:50%;background:color-mix(in srgb,var(--accent2) 12%,transparent);filter:blur(10px);pointer-events:none}.faq-item-v788{transition:transform 180ms ease,border-color 180ms ease,background 180ms ease}.faq-item-v788:hover{transform:translateY(-2px);border-color:var(--v822-line)}.faq-item-v788[open]{background:color-mix(in srgb,var(--accent2) 7%,var(--panel))}.faq-item-v788[open] summary b{transform:rotate(45deg)}.faq-item-v788 summary b{transition:transform 180ms ease}
@keyframes v822-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* gift */
.gift-page-v822{max-width:1160px;margin:0 auto;padding:34px 0 70px}.gift-hero-v822{padding:38px;border:1px solid var(--v822-line);border-radius:24px;background:radial-gradient(circle at 86% 10%,color-mix(in srgb,var(--accent2) 18%,transparent),transparent 38%),linear-gradient(135deg,var(--panel),var(--v822-soft));margin-bottom:20px}.gift-hero-v822 span{color:var(--accent2);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.gift-hero-v822 h1{font-size:clamp(2.4rem,6vw,5rem);line-height:.96;margin:12px 0}.gift-hero-v822 p{color:var(--muted);font-size:1.1rem;max-width:720px}.gift-layout-v822{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:20px;align-items:start}.gift-builder-v822,.gift-redeem-v822{border-color:var(--v822-line)!important}.gift-redeem-v822{position:sticky;top:90px}.gift-redeem-v822>span{color:var(--accent2);font-weight:900;text-transform:uppercase;font-size:.76rem;letter-spacing:.08em}
/* discover icons */
.discover-tabs-v810 a,.discover-tabs-v70 a{display:inline-flex!important;align-items:center;gap:8px}.discover-tabs-v810 a:before,.discover-tabs-v70 a:before{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--accent2) 10%,var(--panel2));color:var(--accent2);font-size:12px}.discover-tabs-v810 a:nth-child(1):before,.discover-tabs-v70 a:nth-child(1):before{content:"✦"}.discover-tabs-v810 a:nth-child(2):before,.discover-tabs-v70 a:nth-child(2):before{content:"♡"}.discover-tabs-v810 a:nth-child(3):before,.discover-tabs-v70 a:nth-child(3):before{content:"●"}.discover-tabs-v810 a:nth-child(4):before,.discover-tabs-v70 a:nth-child(4):before{content:"＋"}.discover-tabs-v810 a:nth-child(5):before,.discover-tabs-v70 a:nth-child(5):before{content:"↗"}.discover-tabs-v810 a:nth-child(6):before,.discover-tabs-v70 a:nth-child(6):before{content:"◇"}
/* roadmap */
.roadmap-page,.roadmap-public-v682,.public-roadmap{max-width:1240px;margin-inline:auto}.roadmap-hero,.roadmap-public-v682>header{border:1px solid var(--v822-line)!important;border-radius:24px!important;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--accent2) 17%,transparent),transparent 40%),linear-gradient(135deg,var(--panel),var(--v822-soft))!important}.roadmap-card,.roadmap-item{transition:transform 180ms ease,border-color 180ms ease}.roadmap-card:hover,.roadmap-item:hover{transform:translateY(-3px);border-color:var(--v822-line)}
/* responsive */
@media(max-width:900px){.gift-layout-v822{grid-template-columns:1fr}.gift-redeem-v822{position:static}.support-start-v822{grid-template-columns:1fr}.support-start-v822 .btn{justify-self:start}.tier-card-actions-v811,.membership-tier-actions-v811{grid-template-columns:1fr!important}.tier-card-actions-v811 .btn,.membership-tier-actions-v811 .btn{width:100%!important}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* v8.2.2 profile menu */
.profile-menu-v822>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:16px;padding:7px 10px;background:color-mix(in srgb,var(--panel) 90%,transparent);transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease}
.profile-menu-v822>summary::-webkit-details-marker{display:none}.profile-menu-v822>summary:hover{transform:translateY(-1px);border-color:var(--v822-line);background:color-mix(in srgb,var(--accent2) 7%,var(--panel))}.profile-menu-v822>summary i{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform 180ms ease}.profile-menu-v822[open]>summary i{transform:rotate(225deg) translate(-1px,-1px)}
.profile-dropdown-v822{position:absolute;right:0;top:calc(100% + 10px);z-index:10050;width:min(330px,calc(100vw - 24px));padding:12px;border:1px solid var(--v822-line);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--accent) 7%,var(--panel2)));box-shadow:0 28px 80px rgba(0,0,0,.48);animation:v822-menu-in 220ms cubic-bezier(.2,.8,.2,1)}
.profile-dropdown-v822>header{display:flex;align-items:center;gap:12px;padding:10px 10px 14px;border-bottom:1px solid var(--line)}.profile-menu-avatar-v822{flex:0 0 auto}.profile-dropdown-v822>header div{min-width:0}.profile-dropdown-v822>header strong,.profile-dropdown-v822>header span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-v822>header span{margin-top:2px;color:var(--muted);font-size:.84rem}.profile-dropdown-v822 section{display:grid;gap:4px;padding:10px 0}.profile-dropdown-v822 section+section{border-top:1px solid var(--line)}.profile-dropdown-v822 a{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;padding:10px 12px;color:var(--text);text-decoration:none;transition:background-color 160ms ease,color 160ms ease,transform 160ms ease}.profile-dropdown-v822 a:hover{background:color-mix(in srgb,var(--accent2) 11%,transparent);color:var(--accent2);transform:translateX(3px)}.profile-dropdown-v822 footer{border-top:1px solid var(--line);padding-top:10px}.profile-dropdown-v822 footer a{color:color-mix(in srgb,var(--danger) 84%,var(--text))}
/* exact creator tab and tier action repairs */
#vilo-creator-tab-content,.creator-tab-panel{background:transparent!important;border:0!important;box-shadow:none!important}.tier-card-actions-v811,.membership-tier-actions-v811{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tier-card-actions-v811 .btn,.membership-tier-actions-v811 .btn{display:flex!important;min-height:48px!important;align-items:center!important;justify-content:center!important;line-height:1.2!important}.tier-checkout-v811{min-width:0!important}.tier-checkout-v811 .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
@media(max-width:620px){.profile-name{display:none}.profile-dropdown-v822{right:-4px}.tier-card-actions-v811,.membership-tier-actions-v811,.tier-checkout-v811 .actions{grid-template-columns:1fr!important}}