/* NUVYTERA: approved light marketplace shell, scoped to legacy sub-apps only.
   Does not alter the Society 3D scene or the core financial/workflow logic. */
html[data-nv-light]{color-scheme:light;--bg:#f8f9f4;--surface:#ffffff;--surface2:#f0f5ee;--panel:#ffffff;--border:#d8e4d9;--line:#d8e4d9;--text:#1b2f25;--soft:#5b7065;--muted:#617168;--faint:#77877c;--accent:#396c4b;--lime:#bbe98c;}
html[data-nv-light] body{background:#f8f9f4;color:#1b2f25}
html[data-nv-light] :where(.global-header,.site-header,.global,header){background:#fffefa;color:#1d3828;border-bottom-color:#dce6dc}
html[data-nv-light] :where(a,p,small,span,li){text-decoration-color:currentColor}
html[data-nv-light] :where(.sidebar,.form-pane,.panel,.metric,.section-card,.shop-header,.state-page,.priority,.tool,.data-row,.empty-message,.upload-block,.upload-drop,.portfolio-item,.listing-card,.review,.visibility-list label,.toggle-publish,.rights){color:#233b2e;border-color:#dce6dc;background:#fff}
html[data-nv-light] :where(.sidebar,.site-header,.global-header,.global){box-shadow:0 1px 0 #e4e9df}
html[data-nv-light] :where(.sidebar,.side-nav){background:#fcfdf9}
html[data-nv-light] :where(.side-nav a[aria-current=page],.tabs button[aria-selected=true]){background:#e5f1e6;color:#17432d;border-color:#558e5b;box-shadow:inset 3px 0 #4c9a6e}
html[data-nv-light] :where(.account-badge,.status-pill,.loading-placeholder,.theme-options button,.layout-options button){background:#ebf2eb;color:#315c42;border-color:#c5ddca}
html[data-nv-light] :where(.btn-muted,.secondary,.outline,.button.outline,.presets button){background:#fff;border-color:#cadbcc;color:#2d4e3d}
html[data-nv-light] :where(.primary,.btn-primary,.button.primary){background:#a9e48e;color:#12351f;border-color:#8ccf71}
html[data-nv-light] :where(.data-warning,.alert){background:#fff7eb;color:#815319;border-color:#ecd2a7}
html[data-nv-light] :where(.priority-index,.status-pill.paid,.status-pill.active,.status-pill.new){background:#e8f4e4;color:#285a38}
html[data-nv-light] :where(.tool,.metric,.panel,.section-card,.state-page){box-shadow:0 9px 28px #26403208}
html[data-nv-light] :where(input:not([type=checkbox]):not([type=radio]),textarea,select){background:#fff;border-color:#cbdace;color:#20392b}
html[data-nv-light] :where(input::placeholder,textarea::placeholder){color:#859489}
html[data-nv-light] :where(.tabs,.form-footer){background:#f4f8f1;border-color:#d9e8d8}
html[data-nv-light] :where(.tabs button,.theme-options button,.layout-options button){color:#365344}
html[data-nv-light] :where(.upload-preview,.listing-photo,.gallery>figure){background:#e9efe8;border-color:#d5e0d5;color:#436a4e}
html[data-nv-light] :where(.hire-card,.balance){background:linear-gradient(130deg,#ebf7e7,#f9fff7);border-color:#d2e6cf;color:#1e452b}
html[data-nv-light] :where(.notice){background:#edf7ed;border-color:#cbe5cd;color:#355843}
html[data-nv-light] :where(.network){color:#357c62}
html[data-nv-light] :where(.status-chip){background:#e1f4df;border-color:#c0dbc2;color:#27633c}
html[data-nv-light] :where(.avatar){background:#deebe1}
html[data-nv-light] :where(button:not(.primary):not(.btn-primary),a.button:not(.primary)){border-color:#d0e0d3}
html[data-nv-light] :where(.btn-muted,.secondary,.outline,.button.outline,.presets button):hover{background:#eaf5e9;color:#1c422d}
html[data-nv-light] :where(.panel,.metric,.section-card,.listing-card,.priority,.tool):hover{border-color:#a9d6b6}
html[data-nv-light] :where(.data-row,.empty-message,.priority,.tool,.listing-card){background:#fff}
html[data-nv-light] :where(.review,.form-pane,.loading-placeholder){background:#fff}
html[data-nv-light] :where(.upload-drop,.theme-options button,.layout-options button){background:#f8fbf7}
html[data-nv-light] :where(.toggle-publish,.rights){background:#f2faf1}
html[data-nv-light] :where(.side-nav a,.global nav a,.site-header a,.header-link){color:#325a44}
html[data-nv-light] :where(.site-header a:hover,.global nav a:hover,.side-nav a:hover){color:#15482a}
html[data-nv-light] :where(.state-page p,.section-card p,.panel p){color:#5a7063}
html[data-nv-light="payments"] header{background:#fffefa}
html[data-nv-light="payments"] :where(.panel,.balance){background:#fff}
html[data-nv-light="payments"] :where(.amount,.presets button){background:#fff}
html[data-nv-light="payments"] :where(button:not(.primary),.button:not(.primary)){background:#eaf3eb;color:#1d3f2a}
html[data-nv-light="payments"] :where(.primary,.button.primary){background:#b5e981;color:#17351f}
html[data-nv-light="creator-shop"] .global{max-width:none}
html[data-nv-light="creator-shop"] .banner{background:linear-gradient(125deg,#b7f435 0%,#6f9873 60%,#274534 100%)}
html[data-nv-light="creator-shop"] .hire-card{background:linear-gradient(130deg,#e9f5e7,#d7edce)}
html[data-nv-light="profile-studio"] .live-card.theme-night{--card-bg:#111c23;--card-text:#ebf2ee;--card-soft:#a9bec0;--card-line:#364950}
html[data-nv-light="creator-dashboard"] .global-header{background:#fffefa}
@media(max-width:680px){html[data-nv-light] :where(.global-header,.site-header,.global){padding-inline:17px}html[data-nv-light] :where(.panel,.section-card,.metric){border-radius:12px}}
/* Explicit light replacements for old dark authentication panels: no invisible headings. */
html[data-nv-light="creator-dashboard"] .access-panel,
html[data-nv-light="profile-studio"] .login-state{background:#ffffff;border:1px solid #d5e3d6;box-shadow:0 26px 75px #25432a13;color:#203d2b}
html[data-nv-light="creator-dashboard"] .access-panel :where(h1,p),
html[data-nv-light="profile-studio"] .login-state :where(h1,p){color:#203d2b}
html[data-nv-light="creator-dashboard"] .access-panel p,
html[data-nv-light="profile-studio"] .login-state p:not(.eyebrow){color:#567060}
html[data-nv-light="creator-dashboard"] .access-panel h1 em{color:#2f7445}
html[data-nv-light="creator-dashboard"] .access-icon,
html[data-nv-light="profile-studio"] .circle-mark{color:#32734b;background:#ebf6e7;border-color:#d0e2cc}
html[data-nv-light="creator-dashboard"] .eyebrow,
html[data-nv-light="profile-studio"] .eyebrow{color:#557f5a}
html[data-nv-light="creator-shop"] .creator-heading h2{color:#3b7951}
html[data-nv-light="creator-shop"] .section-code,
html[data-nv-light="creator-shop"] .eyebrow,
html[data-nv-light="creator-shop"] .section-kicker{color:#397d4b}
html[data-nv-light="creator-shop"] .avatar{color:#327347}
html[data-nv-light="creator-shop"] .banner-content p{color:#0c3020}
html[data-nv-light="payments"] .notice.error{color:#925333}
/* Phone-specific input and touch improvements across light creator/work pages. */
@media (max-width: 680px) {
  html[data-nv-light]{scroll-padding-top:76px;}
  html[data-nv-light] body{overflow-x:clip;}
  html[data-nv-light] :where(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px!important;min-height:44px;}
  html[data-nv-light] :where(button,.btn,.primary,.secondary,.outline,.button,a.cta){min-height:44px;touch-action:manipulation;}
  html[data-nv-light] :where(.global-header,.site-header,.global){min-height:66px;height:auto;padding-block:11px;}
  html[data-nv-light] :where(.access-panel,.login-state,.state-page){margin-top:28px;padding:clamp(20px,6vw,28px);}
  html[data-nv-light] :where(.panel,.metric,.section-card,.shop-header){max-width:100%;}
  html[data-nv-light] :where(.data-row,.tool,.panel,.form-pane){min-width:0;}
  html[data-nv-light] .sidebar{overscroll-behavior:contain;}
  html[data-nv-light="payments"] .amount input{font-size:32px!important;}
  html[data-nv-light="creator-shop"] :where(.listing-card,.gallery>figure){max-width:100%;}
}
/* NUVYTERA ATELIER / DESIGN SYSTEM v1 — 2026-11-02
   Designed against the approved white homepage. App logic and data untouched. */
:root{
 --at-paper:#F8F9F4;--at-milk:#FFFEFA;--at-white:#FFFFFF;
 --at-ink:#182720;--at-forest:#24352E;--at-deep:#1F3A2C;
 --at-leaf:#587B59;--at-sage:#9BB5A0;--at-mint:#E8F1E5;
 --at-muted:#63766A;--at-line:#DCE6D9;--at-line-strong:#C8D9CB;
 --at-soft:#F0F5EE;--at-lime:#B7E58F;
 --at-shadow:0 18px 52px rgba(30,58,42,.065),0 2px 10px rgba(26,50,34,.025);
 --at-shadow-strong:0 25px 64px rgba(22,48,30,.13);
 --at-radius:22px;
}
html[data-nv-light]{color-scheme:light;--bg:var(--at-paper);--surface:var(--at-white);--surface2:var(--at-soft);--panel:var(--at-white);--border:var(--at-line);--line:var(--at-line);--text:var(--at-ink);--soft:var(--at-muted);--faint:#819287;--muted:var(--at-muted);--accent:var(--at-leaf);--lime:var(--at-leaf);}
html[data-nv-light] body{background:linear-gradient(165deg,#fcfdf8 0%,#f8f9f4 53%,#eff4ed 140%);color:var(--at-ink);-webkit-font-smoothing:antialiased;}
html[data-nv-light] :where(h1,h2,h3){color:var(--at-ink);font-family:"Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:-.055em}
html[data-nv-light] :where(p,.muted,.lead,.quiet){color:var(--at-muted)}
html[data-nv-light] :where(button,input,textarea,select){font-family:Inter,system-ui,sans-serif}
html[data-nv-light] :where(a,button){-webkit-tap-highlight-color:transparent}
html[data-nv-light] :where(a,button,input,textarea,select):focus-visible{outline:3px solid #7aa683!important;outline-offset:3px}
html[data-nv-light] :where(.global-header,.site-header,.global,body>header){
 background:rgba(255,254,250,.91)!important;
 border-color:var(--at-line)!important;
 box-shadow:0 1px 0 #ffffffbd,0 6px 32px #193f2508!important;
 -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
}
html[data-nv-light] :where(.brand,.brand a){color:var(--at-forest);font-weight:800!important;letter-spacing:-.075em!important}
html[data-nv-light] :where(.brand span,.brand small){color:var(--at-leaf)!important}
html[data-nv-light] :where(.eyebrow,.overline,.section-code,.section-heading small,.small-tag,.nav-heading){
 color:var(--at-leaf)!important;
 font-weight:800!important;letter-spacing:.17em!important;text-transform:uppercase;
}
html[data-nv-light] :where(.panel,.metric,.section-card,.tool,.form-pane,.card,.listing-card,.review,.data-row,.priority,.mini-panel,.state-page,.upload-block,.portfolio-item,.visibility-list label){
 background:var(--at-white)!important;
 border:1px solid var(--at-line)!important;
 color:var(--at-ink)!important;
 border-radius:var(--at-radius)!important;
 box-shadow:var(--at-shadow)!important;
}
html[data-nv-light] :where(.panel,.metric,.section-card,.tool,.listing-card,.priority,.mini-panel,.data-row,.portfolio-item){
 transition:transform .23s cubic-bezier(.2,.8,.2,1),border-color .23s,box-shadow .23s;
}
@media(hover:hover){
 html[data-nv-light] :where(.metric,.tool,.listing-card,.priority,.mini-panel):hover{
  transform:translateY(-3px);border-color:#9dbdaa!important;box-shadow:var(--at-shadow-strong)!important
 }
}
html[data-nv-light] :where(.primary,.btn-primary,.button.primary,.card-buy,.cta.primary){
 background:var(--at-forest)!important;color:#f9fbf4!important;
 border:1px solid var(--at-forest)!important;border-radius:12px!important;
 box-shadow:0 9px 26px #24352e20!important;font-weight:800!important;
 transition:transform .2s,box-shadow .2s,background .2s;
}
html[data-nv-light] :where(.primary,.btn-primary,.button.primary,.card-buy,.cta.primary):hover{
 background:#315947!important;box-shadow:0 14px 35px #24352e35!important;transform:translateY(-1px)
}
html[data-nv-light] :where(.secondary,.btn-muted,.button.outline,.button.secondary,.outline,.card-preview){
 background:#fff!important;color:var(--at-forest)!important;border:1px solid var(--at-line-strong)!important;
 border-radius:12px!important;box-shadow:none!important;
}
html[data-nv-light] :where(.button.outline,.secondary,.btn-muted,.card-preview):hover{background:#eef6ed!important;color:#234a31!important}
html[data-nv-light] :where(input:not([type=checkbox]):not([type=radio]),textarea,select){
 background:#fff!important;border:1px solid var(--at-line-strong)!important;
 color:var(--at-ink)!important;border-radius:12px!important;min-height:44px;
 box-shadow:0 2px 8px #1a392608;
}
html[data-nv-light] :where(input,textarea)::placeholder{color:#86968c!important}
html[data-nv-light] :where(.badge,.status-pill,.status-chip,.account-badge,.tag,.small-tag){
 background:#e9f2e8!important;color:#315c40!important;border:1px solid #cde0ce!important;
 border-radius:999px!important;
}
html[data-nv-light] :where(.metrics,.dashboard-grid,.editor-grid,.grid,.shop-content,.listing-grid){
 column-gap:clamp(13px,2.5vw,24px);row-gap:clamp(13px,2.5vw,24px)
}
html[data-nv-light] :where(.data-row,.priority,.tool,.wallet-option){border-color:#e3e9e0!important}
html[data-nv-light] :where(.panel p,.section-card p,.metric small,.card p,.data-row small){color:var(--at-muted)}
html[data-nv-light] :where(.review,.form-pane,.loading-placeholder){background:var(--at-white)}
html[data-nv-light] :where(.page-heading,.heading,.intro,.page-title){isolation:isolate}

/* HERO ART DIRECTION / light editorial depth */
html[data-nv-light="creator-dashboard"] .page-heading,
html[data-nv-light="profile-studio"] .page-heading,
html[data-nv-light="payments"] .intro{
 position:relative;min-height:240px;
 padding:clamp(25px,3.8vw,53px)!important;
 background:
  radial-gradient(circle at 85% 8%,rgba(180,216,166,.43),transparent 34%),
  linear-gradient(116deg,#fffffd 8%,#f1f7ee 100%)!important;
 border:1px solid #dfe9dc;border-radius:26px;
 box-shadow:var(--at-shadow);
 overflow:hidden;
}
html[data-nv-light="creator-dashboard"] .page-heading::after,
html[data-nv-light="profile-studio"] .page-heading::after,
html[data-nv-light="payments"] .intro::after{
 content:"";position:absolute;right:-80px;top:-120px;width:380px;height:380px;
 border:1px solid rgba(83,131,89,.17);border-radius:50%;pointer-events:none;z-index:0;
 box-shadow:0 0 0 42px rgba(255,255,255,.12),0 0 0 82px rgba(54,108,62,.03);
}
html[data-nv-light] :where(.page-heading,.intro) > :not(.nv-at-orb){position:relative;z-index:2}
html[data-nv-light] :where(.page-heading,.intro) h1{max-width:710px;font-size:clamp(35px,4.2vw,61px)!important;line-height:1.05!important;letter-spacing:-.075em!important}
html[data-nv-light] :where(.page-heading,.intro) :where(.lead,p){max-width:610px;line-height:1.74}
html[data-nv-light] :where(.page-heading,.intro) :where(.lead,.eyebrow,.heading-actions){position:relative;z-index:2}
html[data-nv-light] .nv-at-orb{
 position:absolute;right:clamp(18px,4vw,75px);top:50%;transform:translateY(-50%);
 width:clamp(158px,21vw,244px);height:clamp(158px,21vw,244px);z-index:1;
 pointer-events:auto;perspective:900px;filter:drop-shadow(0 17px 22px #34594424)
}
html[data-nv-light] .nv-at-orb::before{
 content:"";position:absolute;inset:10%;border-radius:50%;
 background:radial-gradient(circle,#a8d59c6b,transparent 68%);filter:blur(19px);
 pointer-events:none
}
html[data-nv-light] .nv-at-orb canvas{width:100%;height:100%;position:relative;display:block}
html[data-nv-light] .nv-at-orb .nv-at-ring{
 position:absolute;inset:19%;border:1px solid rgba(68,123,79,.24);border-radius:50%;
 transform:rotate(-30deg) rotateX(67deg);pointer-events:none
}
html[data-nv-light] .nv-at-orb .nv-at-ring:last-child{inset:7%;transform:rotate(47deg) rotateX(72deg);border-color:#93b89465}
html[data-nv-light] :where(.page-heading,.intro) .nv-at-orb + *{position:relative;z-index:2}

/* DASHBOARD / spacious data-led workspace */
html[data-nv-light="creator-dashboard"] .layout{max-width:1760px;margin:auto}
html[data-nv-light="creator-dashboard"] .sidebar{
 top:75px!important;bottom:0;height:calc(100dvh - 75px);
 background:#fcfdf9!important;border-right:1px solid var(--at-line)!important;
 padding:25px 15px!important;box-shadow:none!important
}
html[data-nv-light="creator-dashboard"] .side-nav{background:transparent!important;gap:5px}
html[data-nv-light="creator-dashboard"] .side-nav a{
 border-radius:10px!important;color:#52675a!important;font-weight:650;
 transition:background .16s,transform .16s;padding:11px 13px;
}
html[data-nv-light="creator-dashboard"] .side-nav a:hover{background:#edf4eb!important;color:var(--at-forest)!important;transform:translateX(2px)}
html[data-nv-light="creator-dashboard"] .side-nav a[aria-current="page"]{background:#e4eee4!important;color:#254a34!important;border:0!important;box-shadow:inset 3px 0 #497d53!important}
html[data-nv-light="creator-dashboard"] .main{padding:clamp(20px,3vw,40px)!important}
html[data-nv-light="creator-dashboard"] .global-header{min-height:75px}
html[data-nv-light="creator-dashboard"] .metrics{gap:14px!important;grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-nv-light="creator-dashboard"] .metric{padding:clamp(20px,2.5vw,33px)!important;position:relative;overflow:hidden}
html[data-nv-light="creator-dashboard"] .metric::after{
 content:"";position:absolute;width:74px;height:74px;right:-20px;bottom:-23px;
 border-radius:50%;background:linear-gradient(130deg,#deeddb70,#bdd6c1b5);pointer-events:none
}
html[data-nv-light="creator-dashboard"] .metric strong{font-size:clamp(31px,3.3vw,48px)!important;color:var(--at-forest)!important;letter-spacing:-.07em}
html[data-nv-light="creator-dashboard"] .dashboard-grid{gap:20px!important}
html[data-nv-light="creator-dashboard"] .panel{padding:clamp(20px,2.6vw,35px)!important}
html[data-nv-light="creator-dashboard"] .panel h2{font-size:clamp(22px,2.2vw,29px)!important}
html[data-nv-light="creator-dashboard"] .priority{border-radius:13px!important;box-shadow:none!important; background:#f8faf6!important}
html[data-nv-light="creator-dashboard"] .tool-grid{gap:14px}
html[data-nv-light="creator-dashboard"] .tool{padding:22px!important;position:relative;overflow:hidden}
html[data-nv-light="creator-dashboard"] .tool::after{content:"↗";position:absolute;right:20px;top:14px;color:#9bb8a0;font-size:18px}
html[data-nv-light="creator-dashboard"] .focus-panel{background:linear-gradient(135deg,#284438,#466c4c)!important;color:#fff!important}
html[data-nv-light="creator-dashboard"] .focus-panel :where(h2,h3,p,small){color:#e6f4e7!important}
html[data-nv-light="creator-dashboard"] .focus-panel :where(.btn,.btn-primary){background:#e7f6df!important;color:#1e422d!important;border:0!important}

/* PROFILE STUDIO / refined live-preview split */
html[data-nv-light="profile-studio"] main{max-width:1510px!important}
html[data-nv-light="profile-studio"] .page-heading{margin:26px auto 28px!important}
html[data-nv-light="profile-studio"] .editor-grid{gap:22px!important;align-items:start}
html[data-nv-light="profile-studio"] .form-pane{padding:clamp(20px,3vw,36px)!important}
html[data-nv-light="profile-studio"] .form-pane :where(h2,h3){color:var(--at-forest)!important}
html[data-nv-light="profile-studio"] .tabs{
 background:#edf4ec!important;border:1px solid #d8e5d8!important;border-radius:14px!important;
 padding:6px!important;gap:4px!important;
}
html[data-nv-light="profile-studio"] .tabs button{border-radius:10px!important;font-weight:750!important;box-shadow:none!important}
html[data-nv-light="profile-studio"] .tabs button[aria-selected="true"]{
 background:#264537!important;color:#fff!important;border-color:#264537!important;box-shadow:0 6px 18px #26453725!important
}
html[data-nv-light="profile-studio"] .preview-column{
 position:sticky;top:98px;border-radius:22px!important;overflow:hidden;
 background:#f0f4ed!important;padding:14px!important;border:1px solid var(--at-line)!important;
 box-shadow:var(--at-shadow)
}
html[data-nv-light="profile-studio"] .live-card.theme-night{background:#192920!important;color:#f4f8f1!important}
html[data-nv-light="profile-studio"] .live-card.theme-night :where(h3,strong){color:#eef7f0!important}
html[data-nv-light="profile-studio"] .portfolio-item{box-shadow:none!important}
html[data-nv-light="profile-studio"] .upload-drop{
 background:repeating-linear-gradient(-45deg,#fafdfa,#fafdfa 13px,#f2f8f1 13px,#f2f8f1 26px)!important;
 border:1px dashed #98ba9d!important;border-radius:16px!important
}

/* PAYMENTS / white finance surfaces with green balance centerpiece */
html[data-nv-light="payments"] main{max-width:1390px!important;padding-top:34px!important}
html[data-nv-light="payments"] .intro{min-height:245px}
html[data-nv-light="payments"] .intro h1{font-size:clamp(39px,4.6vw,68px)!important}
html[data-nv-light="payments"] .balance{
 display:flex;align-items:center;gap:22px;justify-content:space-between;
 background:linear-gradient(116deg,#28463a,#527558)!important;
 border:1px solid #274a36!important;border-radius:26px!important;
 color:#fff!important;box-shadow:0 22px 58px #31503c30!important;
 padding:clamp(22px,3.4vw,38px)!important;position:relative;overflow:hidden;
}
html[data-nv-light="payments"] .balance::after{
 content:"";position:absolute;right:-100px;top:-160px;height:390px;width:390px;border-radius:50%;
 border:1px solid #ffffff32;box-shadow:0 0 0 48px #ffffff0d,0 0 0 99px #ffffff0b;pointer-events:none
}
html[data-nv-light="payments"] .balance :where(h1,h2,h3,p,span,small,strong,.badge){color:#f6fdf5!important}
html[data-nv-light="payments"] .balance strong{font-size:clamp(34px,4vw,53px)!important}
html[data-nv-light="payments"] .grid{gap:20px!important}
html[data-nv-light="payments"] .panel{padding:clamp(22px,3vw,34px)!important}
html[data-nv-light="payments"] .presets{gap:9px!important}
html[data-nv-light="payments"] .presets button{
 background:#ecf3ea!important;color:#254b33!important;
 border:1px solid #d3e3d1!important;border-radius:10px!important;
}
html[data-nv-light="payments"] .network{color:#2a7351!important}
html[data-nv-light="payments"] .token{background:#eff7ed!important;color:#28563d!important;border-radius:12px!important}
html[data-nv-light="payments"] .history-row{border-color:var(--at-line)!important}

/* CREATOR SHOP / premium storefront editorial */
html[data-nv-light="creator-shop"] .shop-header{
 border-radius:26px!important;overflow:hidden;box-shadow:var(--at-shadow)!important;
 border:1px solid var(--at-line)!important;
}
html[data-nv-light="creator-shop"] .banner{
 background:linear-gradient(125deg,#d9ecd0 0%,#8cbf90 39%,#325b45 100%)!important;
 border-radius:22px 22px 0 0!important;min-height:205px!important;overflow:hidden;
}
html[data-nv-light="creator-shop"] .banner::after{
 content:"";position:absolute;right:9%;top:-58%;height:360px;width:360px;
 border-radius:50%;border:1px solid #ffffff59;box-shadow:0 0 0 45px #ffffff14,0 0 0 89px #ffffff11
}
html[data-nv-light="creator-shop"] .shop-content{gap:23px!important}
html[data-nv-light="creator-shop"] .section-card{padding:clamp(25px,3vw,39px)!important}
html[data-nv-light="creator-shop"] .listing-card{overflow:hidden}

/* refined CSS 3D microinteractions on focus tiles (WebGL orb where available) */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 html[data-nv-light="creator-dashboard"] .tool,
 html[data-nv-light="creator-shop"] .listing-card{transform-style:preserve-3d;will-change:auto}
 html[data-nv-light="creator-dashboard"] .tool:hover,
 html[data-nv-light="creator-shop"] .listing-card:hover{
  transform:perspective(950px) rotateX(1.7deg) rotateY(-2deg) translateY(-5px)!important;
 }
}
@media(max-width:1200px){
 html[data-nv-light] :where(.page-heading,.intro) .nv-at-orb{opacity:.48;right:10px}
 html[data-nv-light="creator-dashboard"] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 html[data-nv-light] :where(.page-heading,.intro){padding:25px 20px!important;min-height:0}
 html[data-nv-light] :where(.page-heading,.intro) h1{font-size:clamp(34px,9vw,46px)!important}
 html[data-nv-light] :where(.page-heading,.intro) .nv-at-orb{display:none!important}
 html[data-nv-light="creator-dashboard"] .main{padding:17px!important}
 html[data-nv-light="creator-dashboard"] .metrics{gap:9px!important}
 html[data-nv-light="creator-dashboard"] .metric{padding:18px!important;border-radius:14px!important}
 html[data-nv-light="creator-dashboard"] .metric strong{font-size:33px!important}
 html[data-nv-light="creator-dashboard"] .panel{padding:22px!important}
 html[data-nv-light="profile-studio"] .preview-column{position:relative;top:auto}
 html[data-nv-light="payments"] main{padding:18px!important}
 html[data-nv-light="payments"] .balance{gap:15px;flex-wrap:wrap}
 html[data-nv-light] :where(.panel,.section-card,.card){border-radius:17px!important}
 html[data-nv-light] :where(input,select,textarea){font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-nv-light] *,html[data-nv-light] *::before,html[data-nv-light] *::after{
  scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important
 }
}