/* AV8 Experience R2 — one visual/performance contract across entry, community and tools */
:root{
  --av8-x-bg:#05070b;--av8-x-panel:rgba(10,14,22,.78);--av8-x-panel2:rgba(14,18,28,.92);
  --av8-x-line:rgba(167,196,255,.14);--av8-x-line-hot:rgba(128,233,255,.42);
  --av8-x-text:#f2f6fb;--av8-x-muted:#95a2b3;--av8-x-cyan:#80e9ff;--av8-x-blue:#2c68ff;
  --av8-x-violet:#9c5cff;--av8-x-mag:#e64dff;--av8-x-gold:#d8b76a;
  --av8-x-r:18px;--av8-x-shadow:0 20px 70px rgba(0,0,0,.34)
}
html{background:var(--av8-x-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{background:radial-gradient(900px 520px at 10% -12%,rgba(44,104,255,.11),transparent 62%),radial-gradient(760px 540px at 94% 4%,rgba(230,77,255,.08),transparent 64%),var(--av8-x-bg)}
::selection{background:rgba(128,233,255,.24);color:#fff}
a,button,input,select,textarea{transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--av8-x-cyan);outline-offset:2px}
button:not(:disabled):active,a.button:active,.tool:active{transform:translateY(1px) scale(.99)}
.panel,.quick-card,.av8-profile-card,.card,.page-card,.section,.layer,.node,.channel,.preset-card{border-color:var(--av8-x-line)!important}
.panel,.av8-profile-card,.card,.page-card{background:linear-gradient(180deg,rgba(16,21,31,.84),rgba(7,10,16,.84))!important;box-shadow:var(--av8-x-shadow)}
.quick-card,.preset-card,.av8-destination{position:relative;isolation:isolate;overflow:hidden}
.quick-card::after,.preset-card::after,.av8-destination::after{content:"";position:absolute;inset:auto -18% -58% 28%;height:85%;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(128,233,255,.11),transparent 67%);opacity:.72}
.quick-card:hover,.av8-destination:hover,.preset-card:hover{transform:translateY(-2px);border-color:var(--av8-x-line-hot)!important}
.stage{contain:layout paint style;background:#030507;box-shadow:0 26px 90px rgba(0,0,0,.45)}
.stage canvas{image-rendering:auto}
.av8-x-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--av8-x-line);border-radius:999px;color:var(--av8-x-muted);font-size:9px;letter-spacing:.11em;background:rgba(255,255,255,.025)}
.av8-x-chip.live{color:var(--av8-x-cyan);border-color:rgba(128,233,255,.32)}
.av8-x-welcome{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;background:rgba(2,4,8,.82);backdrop-filter:blur(18px)}
.av8-x-welcome-card{width:min(720px,100%);padding:clamp(22px,5vw,42px);border:1px solid var(--av8-x-line-hot);border-radius:26px;background:linear-gradient(145deg,rgba(12,17,27,.98),rgba(5,8,14,.98));box-shadow:0 36px 120px rgba(0,0,0,.62),0 0 50px rgba(44,104,255,.12)}
.av8-x-welcome-card h1{font-size:clamp(36px,7vw,72px);line-height:.95;letter-spacing:-.045em;margin:.2em 0 .3em}
.av8-x-welcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}
.av8-x-welcome-grid a{padding:14px;border:1px solid var(--av8-x-line);border-radius:14px;text-decoration:none;background:rgba(255,255,255,.025)}
.av8-x-welcome-grid a:hover{border-color:var(--av8-x-line-hot);background:rgba(128,233,255,.045)}
.av8-x-welcome-grid strong{display:block}.av8-x-welcome-grid span{display:block;margin-top:3px;color:var(--av8-x-muted);font-size:11px}
.av8-account-gate{border-color:var(--av8-x-line)!important;background:linear-gradient(180deg,rgba(9,13,20,.86),rgba(5,8,14,.86))!important}
.av8-account-form label{color:var(--av8-x-muted)}
.av8-account-form input{border-color:var(--av8-x-line)!important;background:rgba(3,6,10,.72)!important}
.av8-account-form input:focus{border-color:var(--av8-x-cyan)!important;box-shadow:0 0 0 1px rgba(128,233,255,.24),0 0 22px rgba(44,104,255,.08)}
.av8-account-consent{display:grid;gap:8px;padding:12px;border:1px solid var(--av8-x-line);border-radius:14px;background:rgba(255,255,255,.018)}
.av8-account-consent label{display:flex!important;gap:9px!important;align-items:flex-start;font-size:.82rem!important;line-height:1.35}
.av8-account-consent input{width:auto!important;margin-top:2px}
.av8-account-consent a{color:var(--av8-x-cyan)}
.wrap,.av8-profile-page,.av8-portal-page,.page{view-transition-name:av8-main}
.av8-shell-header,.topbar{view-transition-name:av8-header}
.av8-shell-radio{view-transition-name:av8-radio}
.av8-identity-card{view-transition-name:av8-identity}
@supports(content-visibility:auto){.quick-card,.av8-profile-card,.card,.page-card,.panel:not(.stage),.preset-card{content-visibility:auto;contain-intrinsic-size:auto 220px}}
html.av8-perf-lite .av8-shell-header,html.av8-perf-lite .av8-shell-footer,html.av8-perf-lite .av8-identity-card,html.av8-perf-lite .av8-shell-chat,html.av8-perf-lite .av8-x-welcome{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.av8-perf-lite .av8-x-welcome{background:rgba(2,4,8,.96)}
html.av8-perf-lite .panel,html.av8-perf-lite .quick-card,html.av8-perf-lite .av8-profile-card{box-shadow:0 12px 28px rgba(0,0,0,.28)!important}
@media(max-width:720px){.av8-x-welcome-grid{grid-template-columns:1fr}.av8-x-welcome-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.quick-card:hover,.av8-destination:hover,.preset-card:hover{transform:none}}