/* Self-hosted fonts (variable woff2, latin subset) */
@font-face{font-family:'Exo 2';font-style:normal;font-display:swap;font-weight:100 900;src:url(../fonts/exo-2-latin-wght-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(../fonts/inter-latin-wght-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:100 800;src:url(../fonts/jetbrains-mono-latin-wght-normal.woff2) format('woff2')}
/* ==========================================================================
   CINEXA v2 - dark navy redesign (preview)  ·  hand-written CSS, no build step
   Token names keep the existing --cinexa-* vocabulary so the Blade views re-theme.
   ========================================================================== */
:root{
  --cinexa-bg:#12141f; --cinexa-bg-2:#181b2b; --cinexa-panel:#1b1f33; --cinexa-panel-2:#232842;
  --cinexa-field-bg:#151829;
  --cinexa-text:#e7eafa; --cinexa-muted:#9aa2c3; --cinexa-faint:#7f88ae;
  --cinexa-indigo:#7c8cff; --cinexa-cyan:#6ee7f9; --cinexa-purple:#a78bfa; --cinexa-magenta:#ff7aa8;
  --cinexa-btc:#f7931a; --ok:#4ade80; --warn:#fbbf24; --danger:#fb7185;
  --cinexa-border:rgba(var(--line-rgb),.16); --cinexa-border-strong:rgba(var(--line-rgb),.32);
  --cinexa-header-bg:rgba(var(--s0-rgb),.78); --cinexa-footer-bg:rgba(var(--sf-rgb),.92);
  --r-card:16px; --r-ctl:10px; --r-pill:999px;
  --shadow-card:0 1px 0 rgba(255,255,255,.04) inset,0 14px 34px -14px rgba(var(--shadow-rgb),.7);
  --glow-hover:0 0 0 1px rgba(var(--indigo-rgb),.5),0 10px 44px -10px rgba(var(--indigo-rgb),.4);

  /* ---- theme layer (v4): rgb triplets so every tint/glow re-themes; light values live in html[data-theme=light] ---- */
  color-scheme:dark;
  --indigo-rgb:124,140,255; --cyan-rgb:110,231,249; --violet-rgb:167,139,250; --rose-rgb:255,122,168; --line-rgb:139,148,255;
  --ok-rgb:74,222,128; --warn-rgb:251,191,36; --danger-rgb:251,113,133; --btc-rgb:247,147,26;
  --s0-rgb:18,20,31; --s1-rgb:24,27,43; --strong-rgb:255,255,255; --text-rgb:231,234,250; --muted-rgb:154,162,195; --faint-rgb:127,136,174; --inset-rgb:6,8,20; --panel-rgb:27,31,51; --panel2-rgb:35,40,66; --bg-rgb:18,20,31; --s2-rgb:27,31,51; --s3-rgb:35,40,66; --sf-rgb:15,17,28; --shadow-rgb:5,6,18;
  --cinexa-strong:#fff; --t2:#c2c8e6; --on-brand:#12141f; --h1-mid:#d9deff;
  --ok-text:#b8f3cf; --warn-text:#f5d98a; --danger-text:#ffc3cc; --info-text:#b8f1fb; --btc-text:#ffb457; --rose-text:#ffb3cc;
  --ok2:#34d399; --danger2:#f87171;
  --grad-brand:linear-gradient(135deg,#8b9bff,#6ee7f9); --grad-btn:linear-gradient(135deg,#8b9bff,#6a78f0 55%,#8a6ff0);
  --btn-shadow:0 8px 28px -8px rgba(124,140,255,.7),0 1px 0 rgba(255,255,255,.25) inset;
  --btn-shadow-h:0 12px 34px -8px rgba(124,140,255,.85),0 1px 0 rgba(255,255,255,.3) inset;
  --fx-a:#171a2b; --fx-b:#131625; --band-a:#1e2340; --band-b:#191d33; --ad-a:#252b52; --ad-b:#1a1e38;
  --focus-a:rgba(47,40,86,.95); --focus-b:rgba(30,28,56,.97); --adm-side:#141728; --adm-side-grad:linear-gradient(180deg,#151829,#12141f); --login-bg:#151829;
  --obj-filter:drop-shadow(0 22px 34px rgba(124,140,255,.38)) drop-shadow(0 0 22px rgba(110,231,249,.18));
  --aurora-op:.5; --grid-op:.07;
  --font-display:'Exo 2',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif; --font-mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html{font-size:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cinexa-bg);color:var(--cinexa-text);font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;margin:0;letter-spacing:-.01em}
p{margin:0}
::selection{background:rgba(var(--indigo-rgb),.4)}

/* ---------- backgrounds: aurora + vignette grid (21st: aurora / vignette-grid-background) ---------- */
.bg-fx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
  background:
   radial-gradient(ellipse 80% 50% at 12% -10%,rgba(var(--indigo-rgb),.20),transparent 60%),
   radial-gradient(ellipse 60% 40% at 92% 4%,rgba(var(--violet-rgb),.15),transparent 55%),
   radial-gradient(ellipse 60% 45% at 50% 112%,rgba(var(--cyan-rgb),.09),transparent 60%),var(--cinexa-bg)}
.bg-fx::after{content:none}
.aurora{position:absolute;border-radius:50%;filter:blur(90px);opacity:var(--aurora-op);animation:drift 22s ease-in-out infinite alternate}
.aurora.a1{width:520px;height:520px;left:-120px;top:20%;background:rgba(var(--indigo-rgb),.22)}
.aurora.a2{width:460px;height:460px;right:-100px;top:45%;background:rgba(var(--violet-rgb),.18);animation-delay:-8s}
@keyframes drift{to{transform:translate3d(60px,-40px,0) scale(1.15)}}

/* ---------- layout helpers ---------- */
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:72px 0;position:relative}
.section.alt{background:linear-gradient(180deg,rgba(var(--s1-rgb),.0),rgba(var(--s1-rgb),.85) 12%,rgba(var(--s1-rgb),.85) 88%,rgba(var(--s1-rgb),0))}
.eyebrow{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cinexa-cyan);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--cinexa-cyan))}
.h-xl{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:800}
.h-lg{font-size:clamp(1.7rem,3vw,2.35rem);font-weight:700}
.h-md{font-size:1.3rem;font-weight:700}
.lead{color:var(--cinexa-muted);font-size:1.1rem;max-width:60ch}
.grad-text{background:linear-gradient(100deg,var(--cinexa-strong) 0%,var(--cinexa-cyan) 38%,var(--cinexa-indigo) 70%,var(--cinexa-purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.mono{font-family:var(--font-mono)}
.muted{color:var(--cinexa-muted)}.faint{color:var(--cinexa-faint)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;flex-wrap:wrap}
.sec-head .lead{margin-top:10px}

/* ---------- buttons / chips ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.02em;padding:.72rem 1.3rem;border-radius:var(--r-ctl);border:1px solid transparent;cursor:pointer;transition:transform .18s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap}
.btn-primary{background:var(--grad-btn);color:#fff;box-shadow:var(--btn-shadow)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--btn-shadow-h)}
.btn-ghost{background:rgba(var(--indigo-rgb),.07);border-color:var(--cinexa-border-strong);color:var(--cinexa-text)}
.btn-ghost:hover{background:rgba(var(--indigo-rgb),.16);border-color:var(--cinexa-indigo)}
.btn-aqua{background:rgba(var(--cyan-rgb),.1);border-color:rgba(var(--cyan-rgb),.4);color:var(--cinexa-cyan)}
.btn-aqua:hover{background:rgba(var(--cyan-rgb),.18)}
.btn-sm{padding:.45rem .85rem;font-size:.82rem}
.btn-danger{background:rgba(var(--danger-rgb),.1);border-color:rgba(var(--danger-rgb),.4);color:var(--danger)}
.chip{display:inline-flex;align-items:center;gap:6px;padding:.28rem .75rem;border-radius:var(--r-pill);font-size:.78rem;font-weight:500;border:1px solid var(--cinexa-border);background:rgba(var(--indigo-rgb),.07);color:var(--cinexa-muted);font-family:var(--font-body);cursor:pointer;transition:.2s}
.chip:hover,.chip.on{color:var(--cinexa-strong);border-color:var(--cinexa-indigo);background:rgba(var(--indigo-rgb),.2)}
.badge{display:inline-block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .55rem;border-radius:6px;border:1px solid var(--cinexa-border-strong);color:var(--cinexa-indigo);background:rgba(var(--indigo-rgb),.1)}
.badge.ok{color:var(--ok);border-color:rgba(var(--ok-rgb),.4);background:rgba(var(--ok-rgb),.08)}
.badge.warn{color:var(--warn);border-color:rgba(var(--warn-rgb),.4);background:rgba(var(--warn-rgb),.08)}
.badge.danger{color:var(--danger);border-color:rgba(var(--danger-rgb),.4);background:rgba(var(--danger-rgb),.08)}
.badge.aqua{color:var(--cinexa-cyan);border-color:rgba(var(--cyan-rgb),.4);background:rgba(var(--cyan-rgb),.08)}

/* ---------- cards (21st: glowing cards - cursor-follow glow via --mx/--my set in JS) ---------- */
.card{position:relative;background:linear-gradient(180deg,rgba(var(--s3-rgb),.55),rgba(var(--s2-rgb),.92));border:1px solid var(--cinexa-border);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:26px;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}
.card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(var(--indigo-rgb),.18),transparent 45%)}
.card:hover::before{opacity:1}
.card.hoverable:hover{border-color:var(--cinexa-border-strong);transform:translateY(-3px);box-shadow:var(--glow-hover)}
.card h3{font-size:1.15rem}
.card p{color:var(--cinexa-muted);font-size:.95rem}
.card-flat{background:var(--cinexa-panel);border:1px solid var(--cinexa-border);border-radius:var(--r-card);padding:22px}

/* grid feature cards (21st: efferd grid-feature-cards) - plus-corner marks */
.gfc{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--cinexa-border);border-radius:20px;overflow:hidden;background:rgba(var(--s2-rgb),.5)}
.gfc>div{position:relative;padding:34px 30px;border-right:1px solid var(--cinexa-border)}
.gfc>div:last-child{border-right:0}
.gfc>div::before{content:"+";position:absolute;top:10px;left:12px;font-family:var(--font-mono);color:var(--cinexa-indigo);opacity:.7;font-size:.9rem}

/* bento grid (21st: agency-bento-grid) */
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(150px,auto);gap:18px}
.bento .b-a{grid-column:span 4;grid-row:span 2}
.bento .b-b{grid-column:span 2}
.bento .b-c{grid-column:span 2}
.bento .b-d{grid-column:span 3}
.bento .b-e{grid-column:span 3}
.bento .card{display:flex;flex-direction:column;justify-content:flex-end;min-height:230px}
.bento .b-a{min-height:420px}
.bento .thumb{position:absolute;right:-10px;top:-6px;width:46%;max-width:300px;pointer-events:none;z-index:0}
.bento .b-a .thumb{width:54%;max-width:420px;top:50%;right:2%;transform:translateY(-52%)}
.bento .b-b .thumb,.bento .b-c .thumb{width:42%;top:12px;right:6px}
.bento .b-d .thumb,.bento .b-e .thumb{width:30%;top:50%;transform:translateY(-50%);right:14px}
.bento .card>*:not(.thumb){position:relative;z-index:1}
.bento .card .tx{max-width:58%}
.bento .b-b .tx,.bento .b-c .tx{max-width:100%;margin-top:120px}
.bento .b-a .tx{max-width:46%}

/* 3D object treatments */
.obj{filter:var(--obj-filter);animation:float 7s ease-in-out infinite}
.obj.d2{animation-delay:-2.3s}.obj.d3{animation-delay:-4.6s}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}
.bento .b-a .obj{animation-name:float-c}
.bento .b-d .obj,.bento .b-e .obj{animation-name:float-c}
@keyframes float-c{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.thumb{will-change:transform}
/* sonar rings behind hero objects (21st: sonar-grid) */
.sonar{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:-1}
.sonar i{position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(var(--indigo-rgb),.35);animation:sonar 5s ease-out infinite;opacity:0}
.sonar i:nth-child(2){animation-delay:1.6s}.sonar i:nth-child(3){animation-delay:3.2s}
@keyframes sonar{0%{transform:scale(.4);opacity:.7}100%{transform:scale(2.2);opacity:0}}

/* ---------- header (21st: tubelight navbar) ---------- */
.site-header{position:sticky;top:0;z-index:50;background:var(--cinexa-header-bg);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--cinexa-border)}
.site-header .in{display:flex;align-items:center;justify-content:space-between;gap:18px;height:68px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:.08em}
.logo-mark{width:30px;height:30px;border-radius:9px;background:var(--grad-brand);display:grid;place-items:center;box-shadow:0 0 18px rgba(var(--indigo-rgb),.55);color:var(--on-brand)}
.logo-mark svg{width:17px;height:17px}
.tl-nav{display:flex;align-items:center;gap:4px;padding:5px;border-radius:var(--r-pill);background:rgba(var(--s3-rgb),.55);border:1px solid var(--cinexa-border)}
.tl-item{position:relative;padding:.45rem 1.05rem;border-radius:var(--r-pill);font-size:.88rem;font-weight:500;color:var(--cinexa-muted);transition:color .2s,background .2s;display:flex;align-items:center;gap:6px}
.tl-item:hover{color:var(--cinexa-strong)}
.tl-item.active{color:var(--cinexa-strong);background:rgba(var(--indigo-rgb),.16)}
.tl-item.active::before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:28px;height:3px;border-radius:0 0 4px 4px;background:var(--cinexa-indigo);box-shadow:0 0 14px 3px rgba(var(--indigo-rgb),.75),0 0 28px 8px rgba(var(--cyan-rgb),.25)}
.tl-item .caret{width:10px;height:10px;opacity:.6}
.has-menu{position:relative}
.mega{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);width:640px;padding:12px;border-radius:18px;background:rgba(var(--s2-rgb),.97);border:1px solid var(--cinexa-border-strong);box-shadow:0 30px 70px -20px rgba(var(--shadow-rgb),.85);opacity:0;visibility:hidden;transition:.2s;display:grid;grid-template-columns:1fr 1fr;gap:4px;z-index:60}
.has-menu:hover .mega,.has-menu:focus-within .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.mega a{display:flex;gap:11px;padding:10px 12px;border-radius:12px;align-items:flex-start}
.mega a:hover{background:rgba(var(--indigo-rgb),.13)}
.mega .mi{flex:0 0 32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(var(--indigo-rgb),.14);color:var(--cinexa-indigo);border:1px solid var(--cinexa-border)}
.mega .mi svg{width:16px;height:16px}
.mega b{display:block;font-family:var(--font-display);font-size:.88rem;font-weight:600;color:var(--cinexa-strong)}
.mega span.d{display:block;font-size:.76rem;line-height:1.35;color:var(--cinexa-muted)}
.mega .all{grid-column:1/-1;border-top:1px solid var(--cinexa-border);border-radius:0 0 12px 12px;margin-top:4px;align-items:center;color:var(--cinexa-cyan);font-size:.85rem}
.hd-right{display:flex;align-items:center;gap:10px}
.ticker{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.76rem;padding:.38rem .8rem;border-radius:var(--r-pill);border:1px solid rgba(var(--btc-rgb),.4);color:var(--btc-text);background:rgba(var(--btc-rgb),.08)}
.ticker i{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.35}}
.zoom{display:inline-flex;align-items:center;border:1px solid var(--cinexa-border);border-radius:var(--r-ctl);overflow:hidden;font-size:.78rem}
.zoom button{background:none;border:0;color:var(--cinexa-muted);padding:.38rem .6rem;cursor:pointer;font-family:var(--font-mono)}
.zoom button:hover{color:var(--cinexa-strong);background:rgba(var(--indigo-rgb),.15)}
.zoom span{padding:0 .4rem;color:var(--cinexa-faint);font-family:var(--font-mono)}
.hd-menu-btn{display:none;background:rgba(var(--indigo-rgb),.1);border:1px solid var(--cinexa-border-strong);border-radius:10px;width:40px;height:40px;color:var(--cinexa-strong);place-items:center;cursor:pointer;flex:0 0 auto}
.hd-menu-btn svg{width:20px;height:20px}
.hd-menu-btn .ico-close{display:none}
.hd-menu-btn[aria-expanded="true"]{background:rgba(var(--indigo-rgb),.22);border-color:var(--cinexa-indigo)}
.hd-menu-btn[aria-expanded="true"] .ico-open{display:none}
.hd-menu-btn[aria-expanded="true"] .ico-close{display:block}

/* ---------- footer (21st: glowing footer + large wordmark) ---------- */
.site-footer{margin-top:96px;position:relative;background:var(--cinexa-footer-bg);border-top:1px solid var(--cinexa-border);overflow:hidden}
.site-footer::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--cinexa-indigo),var(--cinexa-cyan),transparent);box-shadow:0 0 40px 6px rgba(var(--indigo-rgb),.5)}
.site-footer::after{content:"";position:absolute;left:50%;top:-180px;transform:translateX(-50%);width:900px;height:360px;background:radial-gradient(ellipse,rgba(var(--indigo-rgb),.18),transparent 65%);pointer-events:none}
.f-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px;padding:64px 0 36px;position:relative;z-index:1}
.f-grid h4{font-size:.78rem;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cinexa-faint);margin-bottom:16px;font-weight:500}
.f-grid a{display:block;color:var(--cinexa-muted);font-size:.93rem;padding:.22rem 0;transition:.2s}
.f-grid a:hover{color:var(--cinexa-cyan);transform:translateX(3px)}
.f-brand .f-row{display:flex;align-items:center;gap:8px;margin-top:10px;padding:0;max-width:36ch;color:var(--cinexa-muted);font-size:.84rem}
.f-brand .f-row svg{flex:0 0 16px;width:16px;height:16px;fill:currentColor;stroke:none}
.f-brand .f-row span{min-width:0;overflow-wrap:anywhere;word-break:break-all;line-height:1.35}
.f-brand .f-onion{color:var(--cinexa-cyan);font-family:var(--font-mono);font-size:.74rem}
.f-brand .f-talk svg{color:var(--cinexa-btc)}
.f-brand .f-talk span{word-break:normal;font-weight:600;color:var(--cinexa-text)}
.f-brand .f-row:hover{color:var(--cinexa-cyan);transform:none}
.f-word{font-family:var(--font-display);font-weight:800;font-size:clamp(4rem,17vw,15rem);line-height:.8;text-align:center;letter-spacing:.04em;margin:10px 0 -.12em;user-select:none;position:relative;z-index:0;
  background:linear-gradient(180deg,rgba(var(--indigo-rgb),.38),rgba(var(--indigo-rgb),.02) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.f-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 0 26px;border-top:1px solid var(--cinexa-border);font-size:.84rem;color:var(--cinexa-faint)}
.pgp-proof{margin:0;padding:16px;overflow:auto;max-height:28rem;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.78rem;line-height:1.45;background:rgba(var(--inset-rgb),.55);border:1px solid var(--cinexa-border);border-radius:12px;color:var(--cinexa-text)}

/* ---------- mobile bottom nav ---------- */
.m-nav{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:70;padding:6px;border-radius:22px;background:rgba(var(--s2-rgb),.92);backdrop-filter:blur(16px);border:1px solid var(--cinexa-border-strong);box-shadow:0 18px 40px -10px rgba(var(--shadow-rgb),.8);justify-content:space-around}
.m-nav a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 0 6px;font-size:.66rem;font-weight:500;color:var(--cinexa-muted);border-radius:16px;letter-spacing:.02em}
.m-nav a svg{width:21px;height:21px}
.m-nav a.active{color:var(--cinexa-strong);background:rgba(var(--indigo-rgb),.16)}
.m-nav a.active::before{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:26px;height:3px;border-radius:0 0 4px 4px;background:var(--cinexa-indigo);box-shadow:0 0 14px 3px rgba(var(--indigo-rgb),.75)}

/* ---------- mascot ---------- */
.mascot-dock{position:fixed;right:18px;bottom:14px;z-index:65;display:flex;flex-direction:column;align-items:flex-end;gap:0;pointer-events:none}
.mascot-dock>*{pointer-events:auto}
.mascot-bubble{position:relative;margin-right:30px;margin-bottom:-6px;padding:.5rem .85rem;border-radius:14px 14px 4px 14px;background:rgba(var(--s3-rgb),.96);border:1px solid var(--cinexa-border-strong);font-size:.8rem;color:var(--cinexa-text);box-shadow:0 12px 30px -10px rgba(var(--shadow-rgb),.8);max-width:220px;opacity:0;transform:translateY(6px);transition:.4s;line-height:1.35}
.mascot-bubble.show{opacity:1;transform:none}
.mascot-bubble b{color:var(--cinexa-cyan);font-weight:600}
.mascot-dock [data-mascot]{filter:drop-shadow(0 12px 18px rgba(var(--shadow-rgb),.7)) drop-shadow(0 0 18px rgba(var(--indigo-rgb),.25))}

/* ---------- page head ---------- */
.page-head{padding:64px 0 28px;position:relative}
.page-head .grid{display:grid;grid-template-columns:1.4fr .8fr;gap:30px;align-items:center}
.page-head .lead{margin-top:14px}
.page-head .head-obj{position:relative;display:grid;place-items:center;min-height:220px}
.page-head .head-obj img{width:auto;max-width:min(280px,100%);max-height:240px;object-fit:contain}
.crumbs{font-family:var(--font-mono);font-size:.76rem;color:var(--cinexa-faint);margin-bottom:14px;display:flex;gap:8px;align-items:center}
.crumbs a:hover{color:var(--cinexa-cyan)}

/* ---------- forms ---------- */
label.lbl{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cinexa-muted);margin-bottom:8px}
.field{width:100%;background:var(--cinexa-field-bg);border:1px solid var(--cinexa-border);color:var(--cinexa-text);border-radius:var(--r-ctl);padding:.8rem 1rem;font-family:var(--font-body);font-size:.98rem;transition:.2s;outline:none}
textarea.field{min-height:120px;resize:vertical;font-family:var(--font-mono);font-size:.88rem}
.field.mono{font-family:var(--font-mono);font-size:.9rem}
.field:focus{border-color:var(--cinexa-indigo);box-shadow:0 0 0 3px rgba(var(--indigo-rgb),.2)}
.field::placeholder{color:var(--cinexa-faint)}
select.field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%239aa2c3' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:2.4rem}
.check{display:flex;align-items:center;gap:9px;font-size:.9rem;color:var(--cinexa-muted);cursor:pointer}
.check input{appearance:none;width:18px;height:18px;border-radius:5px;border:1px solid var(--cinexa-border-strong);background:var(--cinexa-field-bg);display:grid;place-items:center;cursor:pointer}
.check input:checked{background:var(--cinexa-indigo);border-color:var(--cinexa-indigo)}
.check input:checked::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.tabs{display:inline-flex;padding:4px;border-radius:12px;background:var(--cinexa-field-bg);border:1px solid var(--cinexa-border);gap:2px}
.tab{background:none;border:0;color:var(--cinexa-muted);padding:.5rem 1.1rem;border-radius:9px;font-family:var(--font-display);font-weight:600;font-size:.88rem;cursor:pointer;transition:.2s}
.tab.on{background:linear-gradient(135deg,rgba(var(--indigo-rgb),.35),rgba(var(--violet-rgb),.25));color:var(--cinexa-strong);box-shadow:0 0 0 1px rgba(var(--indigo-rgb),.4) inset}
.form-row{display:grid;gap:16px}
.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* ---------- tools index ---------- */
.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:28px}
.search{flex:1;min-width:240px;position:relative}
.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--cinexa-faint)}
.search .field{padding-left:2.7rem;border-radius:var(--r-pill)}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tool-card{display:flex;flex-direction:column;gap:0;padding:0;min-height:236px}
.tool-card .t-top{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 22px 0}
.tool-card .ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(var(--ac),.14);border:1px solid rgba(var(--ac),.4);color:rgb(var(--ac));box-shadow:0 0 22px -4px rgba(var(--ac),.5)}
.tool-card .ico svg{width:20px;height:20px}
.tool-card .t-obj{position:absolute;right:12px;top:16px;width:82px;height:82px;object-fit:contain}
.tool-card .t-body{padding:16px 22px 22px;margin-top:auto;position:relative;z-index:1}
.tool-card h3{font-size:1.04rem;margin-bottom:7px}
.tool-card .t-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-family:var(--font-mono);font-size:.72rem;color:var(--cinexa-faint)}
.tool-card .t-foot .go{color:rgb(var(--ac));display:inline-flex;align-items:center;gap:4px;transition:.2s}
.tool-card:hover .t-foot .go{transform:translateX(4px)}
.tool-card::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgb(var(--ac)),transparent);opacity:.7}
.ac-indigo{--ac:124,140,255}.ac-aqua{--ac:110,231,249}.ac-violet{--ac:167,139,250}.ac-rose{--ac:255,122,168}.ac-amber{--ac:251,191,36}.ac-green{--ac:74,222,128}

/* ---------- tool page ---------- */
.tool-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start}
.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.panel-title h3{font-size:1.05rem}
.result-row{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:11px 0;border-bottom:1px dashed var(--cinexa-border);font-size:.93rem}
.result-row:last-child{border-bottom:0}
.result-row dt{color:var(--cinexa-muted);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;padding-top:2px}
.result-row dd{margin:0;word-break:break-all}
.code{font-family:var(--font-mono);font-size:.85rem;background:var(--cinexa-field-bg);border:1px solid var(--cinexa-border);padding:.15rem .5rem;border-radius:6px;color:var(--cinexa-cyan)}
pre.codeblock{margin:0;font-family:var(--font-mono);font-size:.82rem;line-height:1.7;background:var(--cinexa-field-bg);border:1px solid var(--cinexa-border);padding:16px 18px;border-radius:12px;overflow-x:auto;color:var(--t2)}
pre.codeblock .k{color:var(--cinexa-purple)}pre.codeblock .s{color:var(--cinexa-cyan)}pre.codeblock .n{color:var(--cinexa-magenta)}pre.codeblock .c{color:var(--cinexa-faint)}
.gauge{height:10px;border-radius:99px;background:var(--cinexa-field-bg);border:1px solid var(--cinexa-border);overflow:hidden}
.gauge i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--ok),var(--cinexa-cyan),var(--cinexa-indigo))}
.callout{display:flex;gap:12px;padding:14px 16px;border-radius:12px;background:rgba(var(--warn-rgb),.07);border:1px solid rgba(var(--warn-rgb),.3);color:var(--warn-text);font-size:.9rem}
.callout.info{background:rgba(var(--cyan-rgb),.06);border-color:rgba(var(--cyan-rgb),.3);color:var(--info-text)}
.callout svg{flex:0 0 20px;width:20px;height:20px;margin-top:2px}
.mini-list a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;transition:.2s}
.mini-list a:hover{background:rgba(var(--indigo-rgb),.12)}
.mini-list img{width:44px;height:44px;object-fit:contain}
.mini-list b{display:block;font-family:var(--font-display);font-size:.92rem}
.mini-list span{font-size:.78rem;color:var(--cinexa-muted)}

/* ---------- stat cards / tables ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{padding:20px 22px}
.stat .n{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1.1;margin-top:6px}
.stat .l{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cinexa-muted)}
.stat .d{font-size:.8rem;margin-top:8px;color:var(--ok)}
.spark{height:36px;margin-top:10px;width:100%}
.table-wrap{border:1px solid var(--cinexa-border);border-radius:14px;overflow:hidden;background:var(--cinexa-panel)}
table.t{width:100%;border-collapse:collapse;font-size:.92rem}
table.t th{text-align:left;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cinexa-muted);padding:13px 18px;background:rgba(var(--s3-rgb),.6);border-bottom:1px solid var(--cinexa-border);font-weight:500}
table.t td{padding:14px 18px;border-bottom:1px solid rgba(var(--line-rgb),.08);vertical-align:middle}
table.t tr:last-child td{border-bottom:0}
table.t tbody tr:hover td{background:rgba(var(--indigo-rgb),.06)}
.pager{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:26px;font-family:var(--font-mono);font-size:.85rem}
.pager a,.pager span{min-width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--cinexa-border);color:var(--cinexa-muted);padding:0 10px}
.pager a:hover{border-color:var(--cinexa-indigo);color:var(--cinexa-strong)}
.pager .cur{background:rgba(var(--indigo-rgb),.25);color:var(--cinexa-strong);border-color:var(--cinexa-indigo)}
.subnav{display:flex;gap:4px;flex-wrap:wrap;padding:5px;border-radius:14px;background:rgba(var(--s3-rgb),.5);border:1px solid var(--cinexa-border);width:fit-content;max-width:100%;overflow-x:auto}
.subnav a{padding:.5rem 1rem;border-radius:10px;font-size:.88rem;color:var(--cinexa-muted);white-space:nowrap}
.subnav a:hover{color:var(--cinexa-strong)}.subnav a.on{background:rgba(var(--indigo-rgb),.2);color:var(--cinexa-strong);box-shadow:0 0 0 1px rgba(var(--indigo-rgb),.35) inset}

/* ---------- hero-adjacent / misc ---------- */
.ext-band{position:relative;border-radius:24px;padding:48px;overflow:hidden;border:1px solid var(--cinexa-border-strong);background:
  radial-gradient(600px 300px at 90% 20%,rgba(var(--violet-rgb),.28),transparent 60%),
  radial-gradient(500px 300px at 0% 100%,rgba(var(--cyan-rgb),.14),transparent 60%),linear-gradient(135deg,var(--band-a),var(--band-b))}
.ext-band .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.ext-band .objs{position:relative;height:260px}
.ext-band .objs img{position:absolute}
.steps{counter-reset:s;display:grid;gap:14px}
.step{display:flex;gap:16px;align-items:flex-start}
.step::before{counter-increment:s;content:counter(s);flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:.85rem;color:var(--cinexa-cyan);border:1px solid rgba(var(--cyan-rgb),.4);background:rgba(var(--cyan-rgb),.08)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--cinexa-border-strong),transparent);margin:0}
.auth-wrap{min-height:calc(100vh - 200px);display:grid;place-items:center;padding:56px 0}
.auth-card{width:100%;max-width:440px;position:relative}
.auth-obj{position:absolute;width:128px;right:-58px;top:-92px;z-index:2}
.toc{position:sticky;top:96px}
.toc a{display:block;padding:.4rem .9rem;border-left:2px solid var(--cinexa-border);color:var(--cinexa-muted);font-size:.9rem}
.toc a:hover,.toc a.on{color:var(--cinexa-strong);border-color:var(--cinexa-indigo)}
.legal h2{font-size:1.35rem;margin:38px 0 14px;scroll-margin-top:96px}
.legal ul{padding-left:0;list-style:none;display:grid;gap:10px;margin:0}
.legal li{position:relative;padding-left:26px;color:var(--t2);font-size:.98rem}
.legal li::before{content:"";position:absolute;left:4px;top:.6em;width:8px;height:8px;border-radius:2px;background:var(--cinexa-indigo);box-shadow:0 0 10px rgba(var(--indigo-rgb),.7);transform:rotate(45deg)}
.legal li.no::before{background:var(--cinexa-magenta);box-shadow:0 0 10px rgba(var(--rose-rgb),.6)}
.legal p{color:var(--t2);margin-bottom:12px}
.legal code{font-family:var(--font-mono);font-size:.85em;color:var(--cinexa-cyan);background:var(--cinexa-field-bg);padding:.1rem .4rem;border-radius:5px}
.big-404{font-family:var(--font-display);font-weight:800;font-size:clamp(7rem,22vw,15rem);line-height:.9;letter-spacing:.02em;background:linear-gradient(180deg,var(--cinexa-strong) 0%,var(--cinexa-indigo) 55%,rgba(var(--indigo-rgb),.1));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 40px rgba(var(--indigo-rgb),.35))}

/* ---------- admin look ---------- */
.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:var(--cinexa-bg)}
.admin-side{background:var(--adm-side);border-right:1px solid var(--cinexa-border);padding:22px 16px;min-height:100vh;display:flex;flex-direction:column;gap:6px}
.admin-side .logo{padding:4px 10px 18px}
.admin-side a{display:flex;gap:11px;align-items:center;padding:.6rem .85rem;border-radius:11px;color:var(--cinexa-muted);font-size:.92rem}
.admin-side a svg{width:17px;height:17px}
.admin-side a:hover{color:var(--cinexa-strong);background:rgba(var(--indigo-rgb),.1)}
.admin-side a.on{color:var(--cinexa-strong);background:rgba(var(--indigo-rgb),.2);box-shadow:0 0 0 1px rgba(var(--indigo-rgb),.3) inset}
.admin-side .grp{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cinexa-faint);padding:14px 12px 4px}
.admin-main{min-width:0}
.admin-top{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid var(--cinexa-border);background:rgba(var(--s0-rgb),.8);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}
.admin-body{padding:30px 32px 60px;display:grid;gap:24px}
.switch{width:42px;height:24px;border-radius:99px;background:var(--cinexa-field-bg);border:1px solid var(--cinexa-border-strong);position:relative;cursor:pointer;display:inline-block;transition:.2s}
.switch::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--cinexa-muted);transition:.2s}
.switch.on{background:rgba(var(--indigo-rgb),.35);border-color:var(--cinexa-indigo)}
.switch.on::after{left:20px;background:#fff;box-shadow:0 0 10px rgba(var(--indigo-rgb),.9)}
.bars{display:flex;align-items:flex-end;gap:8px;height:150px;padding-top:10px}
.bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--cinexa-indigo),rgba(var(--indigo-rgb),.15));min-height:8px}
.bars i:nth-child(3n){background:linear-gradient(180deg,var(--cinexa-cyan),rgba(var(--cyan-rgb),.12))}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .tl-nav{display:none}.hd-menu-btn{display:grid}
  .zoom{display:none}
  .gfc{grid-template-columns:1fr}.gfc>div{border-right:0;border-bottom:1px solid var(--cinexa-border)}
  .tool-grid{grid-template-columns:repeat(2,1fr)}
  .bento{grid-template-columns:repeat(2,1fr)}
  .bento .b-a,.bento .b-b,.bento .b-c,.bento .b-d,.bento .b-e{grid-column:span 2;grid-row:auto}
  .bento .b-b,.bento .b-c{grid-column:span 1}
  .stats{grid-template-columns:repeat(2,1fr)}
  .tool-layout{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr 1fr}
  .ext-band .grid,.page-head .grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  body{font-size:1rem;padding-bottom:92px}
  .wrap{padding:0 18px}
  .section{padding:56px 0}
  .ticker{display:none}
  .site-header .in{height:60px;gap:8px;flex-wrap:nowrap}
  .hd-right{gap:6px;flex:0 0 auto}
  .hd-right .btn{white-space:nowrap}
  .tool-grid,.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}
  .bento .card{min-height:200px}
  .bento .b-b,.bento .b-c{grid-column:span 2}
  .bento .b-a .tx{max-width:100%}.bento .b-a .thumb{position:relative;transform:none;top:auto;right:auto;width:60%;margin:0 auto 14px}
  .bento .b-a{justify-content:flex-start}.bento .tx{max-width:100%}
  .bento .b-b .tx,.bento .b-c .tx{margin-top:90px}
  .bento .b-d .thumb,.bento .b-e .thumb{width:34%;top:16px;transform:none}
  .bento .b-d .tx,.bento .b-e .tx{margin-top:60px}
  .m-nav{display:flex}
  .mascot-dock{bottom:96px;right:8px}
  .mascot-bubble{display:none}
  .stats{grid-template-columns:1fr 1fr}
  .f-grid{grid-template-columns:1fr 1fr;gap:28px;padding-top:44px}.f-brand{grid-column:1/-1}
  .ext-band{padding:28px 22px}.ext-band .objs{height:200px}
  .result-row{grid-template-columns:1fr;gap:2px}
  .admin-shell{grid-template-columns:1fr}.admin-side{position:static;height:auto;flex-direction:row;overflow-x:auto}.admin-side .grp,.admin-side .logo{display:none}
  .admin-body{padding:20px 16px}.admin-top{padding:12px 16px}
  .auth-obj{width:100px;right:-14px;top:-62px}
  .page-head{padding-top:40px}.page-head .head-obj{min-height:160px}.page-head .head-obj img{width:170px}
  .toc{display:none}
  table.t th,table.t td{padding:11px 12px}
}
.mobile-menu{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 8px);z-index:60;max-height:min(70vh,calc(100dvh - 150px));overflow:auto;overscroll-behavior:contain;padding:8px;border-radius:18px;background:rgba(var(--s2-rgb),.985);border:1px solid var(--cinexa-border-strong);box-shadow:0 30px 70px -20px rgba(var(--shadow-rgb),.9),0 0 0 1px rgba(var(--indigo-rgb),.12);backdrop-filter:blur(18px)}
.mobile-menu.open{display:grid;gap:2px}
.mobile-menu a{display:flex;align-items:center;padding:.72rem .9rem;border-radius:12px;color:var(--cinexa-muted);font-weight:500}
.mobile-menu a:hover,.mobile-menu a:focus-visible{background:rgba(var(--indigo-rgb),.13);color:var(--cinexa-strong);transform:none}
.mobile-menu a.on{color:var(--cinexa-strong);background:rgba(var(--indigo-rgb),.16)}
.mobile-menu .mm-label{margin:8px 10px 2px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cinexa-faint)}
@media (min-width:1081px){.mobile-menu,.mobile-menu.open{display:none}}
@media (prefers-reduced-motion:reduce){.obj,.aurora,.sonar i{animation:none}.reveal{opacity:1;transform:none}}
[hidden]{display:none!important}
.result-row dd{word-break:normal;overflow-wrap:anywhere}

.page-head+section .subnav,.page-head+section>.wrap>aside{margin-top:14px}
html,body{overflow-x:clip}
.page-head,.section,main{overflow-x:clip}
@media (max-width:760px){.sonar i{width:180px;height:180px}}
@media (max-width:760px){.mascot-dock [data-mascot]{transform:scale(.72);transform-origin:100% 100%}}
.mega span.d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ==========================================================================
   v3 additions - hero, Flow Explorer, Forum Dossier, tool kit, account, archive, admin
   ========================================================================== */
.wrap.wide{max-width:1480px}
.sample{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--warn);border:1px dashed rgba(var(--warn-rgb),.5);padding:.12rem .5rem;border-radius:6px;background:rgba(var(--warn-rgb),.06);white-space:nowrap}
.alert{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border-radius:12px;border:1px solid var(--cinexa-border-strong);background:rgba(var(--indigo-rgb),.08);font-size:.92rem;color:var(--t2)}
.alert svg{flex:0 0 18px;width:18px;height:18px;margin-top:3px}
.alert.ok{border-color:rgba(var(--ok-rgb),.4);background:rgba(var(--ok-rgb),.07);color:var(--ok-text)}.alert.ok svg{color:var(--ok)}
.alert.err{border-color:rgba(var(--danger-rgb),.45);background:rgba(var(--danger-rgb),.08);color:var(--danger-text)}.alert.err svg{color:var(--danger)}
.alert.warn{border-color:rgba(var(--warn-rgb),.45);background:rgba(var(--warn-rgb),.07);color:var(--warn-text)}.alert.warn svg{color:var(--warn)}

/* ---------- HERO ---------- */
.hero{position:relative;padding:58px 0 40px;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}
.hero-pill{display:inline-flex;align-items:center;gap:10px;padding:.35rem .9rem .35rem .4rem;border-radius:99px;border:1px solid var(--cinexa-border-strong);background:rgba(var(--s3-rgb),.6);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cinexa-cyan)}
.hero-pill b{background:var(--grad-brand);color:var(--on-brand);padding:.16rem .55rem;border-radius:99px;font-weight:600;letter-spacing:.08em}
.hero h1{font-size:clamp(3.6rem,10.5vw,8.2rem);font-weight:800;letter-spacing:.04em;line-height:.92;margin:22px 0 0;text-transform:uppercase;position:relative;display:inline-block;
  background:linear-gradient(100deg,var(--cinexa-strong) 5%,var(--h1-mid) 30%,var(--cinexa-indigo) 62%,var(--cinexa-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 34px rgba(var(--indigo-rgb),.35))}
.hero h1::after{content:"CINEXA";position:absolute;inset:0;z-index:-1;color:rgba(var(--cyan-rgb),.55);transform:translate(3px,2px);-webkit-text-fill-color:rgba(var(--cyan-rgb),.28);filter:blur(.4px)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero-art{position:relative;aspect-ratio:1/1;max-width:600px;width:100%;margin-left:auto}
.hero-art .sonar i{width:300px;height:300px}
.hero-art .main{position:absolute;left:14%;top:25%;width:72%;z-index:2}
.hero-art .o1,.hero-art .o2,.hero-art .o3,.hero-art .o4,.hero-art .o5{position:absolute;z-index:3}
.hero-art .o1{width:20%;left:4%;top:4%}.hero-art .o2{width:19%;right:6%;top:0}.hero-art .o3{width:20%;right:-1%;bottom:16%}.hero-art .o4{width:23%;left:-2%;bottom:14%}.hero-art .o5{width:17%;left:30%;bottom:2%}
.hero-art .halo{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(var(--indigo-rgb),.38),rgba(var(--violet-rgb),.14) 45%,transparent 68%);filter:blur(10px)}
.hero-art .ring{position:absolute;inset:5%;border-radius:50%;border:1px dashed rgba(var(--line-rgb),.28);animation:spin 60s linear infinite}
.hero-art .ring.r2{inset:-4%;border-style:solid;border-color:rgba(var(--line-rgb),.1);animation-duration:90s;animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.marquee{position:relative;overflow:hidden;border-block:1px solid var(--cinexa-border);background:rgba(var(--s1-rgb),.55);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee .track{display:flex;gap:46px;width:max-content;padding:16px 0;animation:marq 38s linear infinite;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cinexa-muted)}
.marquee .track span{display:inline-flex;align-items:center;gap:46px}.marquee .track span::after{content:"";width:6px;height:6px;border-radius:2px;background:var(--cinexa-indigo);transform:rotate(45deg);box-shadow:0 0 10px rgba(var(--indigo-rgb),.8)}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- generic extras ---------- */
.kv{display:grid;gap:0}
.kv>div{display:grid;grid-template-columns:170px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid rgba(var(--line-rgb),.1);font-size:.93rem}
.kv>div:last-child{border:0}.kv dt,.kv .k{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cinexa-muted);padding-top:3px}
.kv dd,.kv .v{margin:0;overflow-wrap:anywhere}
.hex{font-family:var(--font-mono);font-size:.82rem;color:var(--cinexa-cyan);overflow-wrap:anywhere;word-break:break-all}
.sticky-col{position:sticky;top:92px}
.twocol{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:start}
.twocol.rev{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.sidecard h4{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cinexa-faint);margin:0 0 12px;font-weight:500}
.bullets{display:grid;gap:10px;padding:0;margin:0;list-style:none;font-size:.92rem;color:var(--t2)}
.bullets li{position:relative;padding-left:22px}.bullets li::before{content:"";position:absolute;left:3px;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--cinexa-indigo);transform:rotate(45deg);box-shadow:0 0 8px rgba(var(--indigo-rgb),.7)}
.verdict{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:14px;border:1px solid rgba(var(--ok-rgb),.4);background:linear-gradient(135deg,rgba(var(--ok-rgb),.12),rgba(var(--ok-rgb),.03))}
.verdict.bad{border-color:rgba(var(--danger-rgb),.45);background:linear-gradient(135deg,rgba(var(--danger-rgb),.13),rgba(var(--danger-rgb),.03))}
.verdict .vi{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--ok-rgb),.18);color:var(--ok);flex:0 0 44px;box-shadow:0 0 24px rgba(var(--ok-rgb),.35)}
.verdict.bad .vi{background:rgba(var(--danger-rgb),.18);color:var(--danger);box-shadow:0 0 24px rgba(var(--danger-rgb),.3)}
.verdict .vi svg{width:22px;height:22px}.verdict b{font-family:var(--font-display);font-size:1.12rem;display:block}.verdict span{color:var(--cinexa-muted);font-size:.88rem}
.words{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.words span{display:flex;gap:8px;align-items:center;padding:.5rem .7rem;border-radius:10px;background:var(--cinexa-field-bg);border:1px solid var(--cinexa-border);font-family:var(--font-mono);font-size:.85rem}
.words span em{font-style:normal;color:var(--cinexa-faint);font-size:.7rem;width:1.3em}
.range{width:100%;accent-color:var(--cinexa-indigo)}
.captcha{display:flex;gap:12px;align-items:center}
.captcha .cimg{flex:1;height:58px;border-radius:10px;background:repeating-linear-gradient(115deg,rgba(var(--indigo-rgb),.12) 0 6px,rgba(var(--violet-rgb),.08) 6px 12px),var(--cinexa-field-bg);border:1px solid var(--cinexa-border-strong);display:grid;place-items:center;font-family:var(--font-mono);font-size:1.7rem;letter-spacing:.35em;color:var(--t2);font-style:italic;text-shadow:2px 2px 0 rgba(var(--cyan-rgb),.35)}
.meter{display:grid;gap:8px}.meter .row{display:grid;grid-template-columns:130px 1fr 52px;gap:12px;align-items:center;font-size:.86rem}
.meter .row .gauge{height:9px}.meter .row .p{font-family:var(--font-mono);text-align:right;color:var(--cinexa-text)}
.donut{--p:72;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--cinexa-magenta) calc(var(--p)*1%),rgba(var(--indigo-rgb),.15) 0);display:grid;place-items:center;position:relative;flex:0 0 150px}
.donut::before{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--cinexa-panel)}
.donut b{position:relative;font-family:var(--font-display);font-size:1.9rem}
.donut small{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;color:var(--cinexa-muted);text-align:center;margin-top:-4px}
.io-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.io-item{padding:12px 14px;border-radius:12px;background:var(--cinexa-field-bg);border:1px solid var(--cinexa-border);display:grid;gap:3px;font-size:.88rem}
.io-item+.io-item{margin-top:8px}.io-item .a{font-family:var(--font-mono);font-size:.78rem;color:var(--cinexa-cyan);overflow-wrap:anywhere}
.io-item .v{display:flex;justify-content:space-between;color:var(--cinexa-muted);font-size:.8rem}.io-item .v b{color:var(--cinexa-strong);font-weight:500}
.sec-nav{display:flex;gap:6px;flex-wrap:wrap}
.sbar{display:flex;gap:10px;flex-wrap:wrap}
.sbar .pill{display:inline-flex;gap:8px;align-items:center;padding:.4rem .9rem;border-radius:99px;background:rgba(var(--s3-rgb),.6);border:1px solid var(--cinexa-border);font-family:var(--font-mono);font-size:.78rem;color:var(--cinexa-muted)}
.sbar .pill b{color:var(--cinexa-strong);font-weight:500}.sbar .pill.btc b{color:var(--cinexa-btc)}
.docs h3{font-size:1rem;margin:20px 0 6px;color:var(--cinexa-strong)}.docs h3:first-child{margin-top:0}.docs p,.docs li{color:var(--t2);font-size:.93rem}.docs ul{margin:6px 0 0;padding-left:18px;display:grid;gap:4px}
.flowline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-family:var(--font-mono);font-size:.78rem}
.flowline span{padding:.3rem .7rem;border-radius:99px;border:1px solid var(--cinexa-border-strong);background:rgba(var(--indigo-rgb),.1)}.flowline i{color:var(--cinexa-faint);font-style:normal}
.link-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:14px}
.link-card .fav{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 42px;background:rgba(var(--indigo-rgb),.14);border:1px solid var(--cinexa-border-strong);color:var(--cinexa-indigo);font-family:var(--font-display);font-weight:700}
.link-card b{font-family:var(--font-display);display:block;color:var(--cinexa-strong)}.link-card small{display:block;color:var(--cinexa-faint);font-family:var(--font-mono);font-size:.72rem;margin:2px 0 6px}
.modal-back{position:fixed;inset:0;z-index:90;background:rgba(var(--shadow-rgb),.66);backdrop-filter:blur(6px);display:none;place-items:center;padding:20px}
.modal-back.open{display:grid}.modal{width:min(30rem,100%);position:relative;overflow:visible}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
.pill-btn{display:inline-flex;align-items:center;padding:.22rem .7rem;border-radius:99px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--cinexa-border-strong);color:var(--cinexa-cyan);background:rgba(var(--cyan-rgb),.06);cursor:pointer;white-space:nowrap}
.pill-btn:hover{background:rgba(var(--cyan-rgb),.16);color:var(--cinexa-strong)}
.empty{display:grid;place-items:center;text-align:center;gap:10px;padding:40px 20px;color:var(--cinexa-muted)}.empty img{width:120px}

/* ---------- FLOW EXPLORER ---------- */
.fx-top{display:grid;gap:14px}
.fx-search{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:14px;align-items:end}
.fx-search .acts{display:flex;gap:10px;flex-wrap:wrap}
.fx-meta{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--cinexa-border)}
.fx-meta .field{width:auto;padding:.5rem .9rem;font-size:.85rem;border-radius:99px}
.fx-meta select.field{padding-right:2.2rem}
.fx-users{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}
.fx-users .u{display:inline-flex;gap:7px;align-items:center;padding:.22rem .7rem;border-radius:99px;font-size:.78rem;border:1px solid rgba(var(--cyan-rgb),.4);background:rgba(var(--cyan-rgb),.07);color:var(--cinexa-cyan)}
.fx-users .u small{color:var(--cinexa-muted);font-family:var(--font-mono);font-size:.64rem}
.fx-trail{font-family:var(--font-mono);font-size:.74rem;color:var(--cinexa-cyan);letter-spacing:.06em}
.fx-shell{position:relative;border-radius:20px;border:1px solid var(--cinexa-border-strong);background:linear-gradient(180deg,var(--fx-a),var(--fx-b));overflow:hidden;box-shadow:var(--shadow-card)}
.fx-head{display:flex;flex-direction:column;gap:10px;padding:14px 18px 12px;border-bottom:1px solid var(--cinexa-border);background:rgba(var(--s2-rgb),.8)}
.fx-cols{position:absolute;left:0;right:0;top:0;z-index:4;display:grid;grid-template-columns:1fr 1fr 1.1fr 1fr 1fr;gap:78px;padding:12px 26px 0;text-align:center;pointer-events:none}
.fx-cols div{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--ok)}
.fx-cols div::before,.fx-cols div::after{content:"";width:22px;height:2px;border-radius:2px;background:currentColor;opacity:.8}
.fx-cols .out{color:var(--danger)}.fx-cols .foc{color:var(--cinexa-purple)}.fx-cols .foc::before,.fx-cols .foc::after{display:none}
.fx-cols div:nth-child(1)::after,.fx-cols div:nth-child(2)::after,.fx-cols div:nth-child(4)::before,.fx-cols div:nth-child(5)::before{display:none}
.fx-cols em{font-style:normal;color:var(--cinexa-muted)}
.fx-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.fx-legend{display:flex;gap:8px 18px;flex-wrap:wrap;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cinexa-muted)}
.fx-legend span{display:inline-flex;gap:8px;align-items:center}
.fx-legend i{display:inline-block;width:11px;height:11px;border-radius:3px}
.fx-legend .ln{width:22px;height:2px;border-radius:2px}
.lg-in{background:var(--ok2)}.lg-out{background:var(--danger2)}
.lg-focus{border:2px solid var(--cinexa-purple);border-radius:50%!important;width:12px!important;height:12px!important}
.lg-ver{border:1px solid var(--ok2);background:rgba(var(--ok-rgb),.25)}.lg-heu{border:1px solid var(--warn);background:rgba(var(--warn-rgb),.2)}.lg-bit{border:1px solid var(--cinexa-cyan);background:rgba(var(--cyan-rgb),.15)}.lg-priv{border:1px solid var(--cinexa-purple);background:rgba(var(--violet-rgb),.28)}
.fx-tools{display:flex;gap:6px}.fx-tools button{background:rgba(var(--s3-rgb),.7);border:1px solid var(--cinexa-border-strong);color:var(--cinexa-text);border-radius:10px;padding:.38rem .8rem;font-family:var(--font-mono);font-size:.76rem;cursor:pointer}
.fx-tools button:hover{border-color:var(--cinexa-indigo);background:rgba(var(--indigo-rgb),.2)}
.fx-viewport{position:relative;height:800px;overflow:auto;background:
  radial-gradient(ellipse 50% 50% at 50% 50%,rgba(var(--indigo-rgb),.12),transparent 70%)}
.fx-stage{position:relative;min-width:1400px;height:100%;transform-origin:0 0;transition:transform .2s}
.fx-edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
.fx-edges path{fill:none;stroke-width:2;stroke-linecap:round;opacity:.7}
.fx-edges path.in{stroke:var(--ok2)}.fx-edges path.out{stroke:var(--danger2)}
.fx-edges path.dim{opacity:.12}.fx-edges path.hl{opacity:1;stroke-width:3;filter:drop-shadow(0 0 6px currentColor)}
.fx-edges text{font-family:var(--font-mono);font-size:10.5px;fill:var(--t2);paint-order:stroke;stroke:var(--fx-b);stroke-width:4px;stroke-linejoin:round}
.fx-grid{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:1fr 1fr 1.1fr 1fr 1fr;gap:78px;padding:44px 26px 26px;height:100%}
.fx-col{display:flex;flex-direction:column;justify-content:center;gap:14px}
.fx-node{position:relative;padding:12px 14px 12px 16px;border-radius:14px;background:linear-gradient(180deg,rgba(var(--s3-rgb),.95),rgba(var(--s2-rgb),.97));border:1px solid var(--cinexa-border-strong);cursor:pointer;transition:.2s;font-size:.8rem;box-shadow:0 10px 26px -14px rgba(var(--shadow-rgb),.9)}
.fx-node:hover,.fx-node.sel{border-color:var(--cinexa-indigo);box-shadow:var(--glow-hover);transform:translateY(-2px)}
.fx-node .dot{position:absolute;left:-1px;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--cinexa-faint)}
.fx-node.ver .dot{background:var(--ok2);box-shadow:0 0 10px var(--ok2)}.fx-node.heu .dot{background:var(--warn);box-shadow:0 0 10px var(--warn)}.fx-node.bit .dot{background:var(--cinexa-cyan);box-shadow:0 0 10px var(--cinexa-cyan)}.fx-node.priv .dot{background:var(--cinexa-purple);box-shadow:0 0 10px var(--cinexa-purple)}
.fx-node .t{font-family:var(--font-display);font-weight:600;font-size:.88rem;color:var(--cinexa-strong);line-height:1.25;display:flex;justify-content:space-between;gap:6px}
.fx-node .ad{font-family:var(--font-mono);font-size:.68rem;color:var(--cinexa-cyan);margin-top:2px}
.fx-node .m{font-size:.7rem;color:var(--cinexa-muted);margin-top:4px;display:flex;gap:6px;flex-wrap:wrap}
.fx-node .bal{font-family:var(--font-mono);font-weight:500;color:var(--cinexa-strong);margin-top:6px;font-size:.88rem}
.fx-node .act{display:flex;gap:6px;margin-top:8px}
.fx-node.focus{border:2px solid var(--cinexa-purple);box-shadow:0 0 0 5px rgba(var(--violet-rgb),.12),0 0 44px -6px rgba(var(--violet-rgb),.55);padding:16px 16px 16px 18px;background:linear-gradient(180deg,var(--focus-a),var(--focus-b))}
.fx-node.focus .t{font-size:1.02rem}
.fx-node .more{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cinexa-faint)}
.fx-viewport .watermark{position:absolute;right:14px;bottom:10px;z-index:3}
.fx-lower{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
.fx-sel .kv>div{grid-template-columns:120px 1fr}
.bar-cell{display:grid;gap:5px}.bar-cell i{display:block;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--cinexa-indigo),var(--cinexa-cyan));box-shadow:0 0 10px rgba(var(--indigo-rgb),.5)}
.bar-cell.out i{background:linear-gradient(90deg,var(--danger),var(--warn))}.bar-cell.in i{background:linear-gradient(90deg,var(--ok2),#6ee7f9)}

/* ---------- FORUM DOSSIER ---------- */
.ds-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center}
.ds-ident{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}
.ds-avatar{width:110px;height:110px;position:relative}.ds-avatar img{width:100%}
.ds-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ds-name{font-family:var(--font-display);font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800;letter-spacing:.01em;margin:8px 0 4px}
.ds-id{font-family:var(--font-mono);font-size:.78rem;color:var(--cinexa-muted)}.ds-id b{color:var(--cinexa-cyan);font-weight:500}
.ds-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ds-hl{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.ds-hl>div{padding:15px 16px;border-radius:14px;background:var(--cinexa-field-bg);border:1px solid var(--cinexa-border)}
.ds-hl .l{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cinexa-muted)}
.ds-hl .v{font-weight:600;color:var(--cinexa-strong);margin-top:8px}.ds-hl .s{font-family:var(--font-mono);font-size:.76rem;color:var(--cinexa-cyan);margin-top:2px}
.ds-signals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.ds-signals .alert{font-size:.88rem}
.ds-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ds-stat{--ac:124,140,255;text-align:left;position:relative;overflow:hidden;padding:18px;border-radius:16px;border:1px solid var(--cinexa-border);background:radial-gradient(120% 80% at 0 0,rgba(var(--ac),.18),transparent 55%),linear-gradient(180deg,rgba(var(--s3-rgb),.6),rgba(var(--s2-rgb),.95));cursor:pointer;transition:.25s;color:inherit;font:inherit}
.ds-stat:hover{transform:translateY(-3px);border-color:rgba(var(--ac),.55)}
.ds-stat::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:rgb(var(--ac));box-shadow:0 0 14px rgb(var(--ac))}
.ds-stat .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.ds-stat .l{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cinexa-muted)}
.ds-stat .ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--ac),.16);border:1px solid rgba(var(--ac),.45);color:rgb(var(--ac));box-shadow:0 0 16px rgba(var(--ac),.25)}.ds-stat .ic svg{width:16px;height:16px}
.ds-stat .n{font-family:var(--font-display);font-size:2.1rem;font-weight:800;margin-top:12px;color:var(--cinexa-strong);line-height:1}
.ds-stat .d{font-size:.76rem;color:var(--cinexa-muted);margin-top:8px;line-height:1.4}
.ds-stat.a-green{--ac:74,222,128}.ds-stat.a-purple{--ac:167,139,250}.ds-stat.a-amber{--ac:251,146,60}.ds-stat.a-magenta{--ac:255,122,168}.ds-stat.a-cyan{--ac:110,231,249}
.ds-filter{display:grid;gap:14px}
.ds-views{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ds-views button{display:flex;gap:10px;align-items:center;padding:.7rem 1rem;border-radius:12px;border:1px solid var(--cinexa-border);background:rgba(var(--s3-rgb),.45);color:var(--cinexa-muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.2s;text-align:left}
.ds-views button svg{width:16px;height:16px;flex:0 0 16px}
.ds-views button:hover{color:var(--cinexa-strong);border-color:var(--cinexa-border-strong)}
.ds-views button.on{color:var(--cinexa-strong);background:linear-gradient(135deg,rgba(var(--indigo-rgb),.3),rgba(var(--violet-rgb),.18));border-color:var(--cinexa-indigo);box-shadow:0 0 22px -6px rgba(var(--indigo-rgb),.6)}
.ds-periods{display:flex;gap:8px;flex-wrap:wrap}
.ds-pane[hidden]{display:none}
.ds-conn .authors a{margin-right:8px;color:var(--cinexa-strong)}.ds-conn .authors a small{color:var(--cinexa-muted)}
.ds-ranks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px}
.ds-ranks>div{padding:14px;border-radius:12px;background:var(--cinexa-field-bg);border:1px solid var(--cinexa-border)}
.ds-ranks .l{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cinexa-muted)}.ds-ranks .n{font-family:var(--font-mono);font-size:1.4rem;color:var(--cinexa-cyan);margin-top:6px}.ds-ranks .s{font-size:.72rem;color:var(--cinexa-muted)}

/* ---------- ACCOUNT ---------- */
.acc-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.acc-side{position:sticky;top:92px;display:grid;gap:14px}
.acc-user{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;background:rgba(var(--s3-rgb),.5);border:1px solid var(--cinexa-border)}
.acc-user img{width:48px;height:48px}.acc-user b{font-family:var(--font-display);display:block;line-height:1.2}.acc-user span{font-size:.74rem;color:var(--cinexa-muted);font-family:var(--font-mono)}
.vnav{display:grid;gap:4px;padding:8px;border-radius:14px;background:rgba(var(--s2-rgb),.8);border:1px solid var(--cinexa-border)}
.vnav a{display:flex;gap:10px;align-items:center;padding:.6rem .8rem;border-radius:10px;color:var(--cinexa-muted);font-size:.92rem}
.vnav a svg{width:17px;height:17px}.vnav a:hover{color:var(--cinexa-strong);background:rgba(var(--indigo-rgb),.1)}.vnav a.on{color:var(--cinexa-strong);background:rgba(var(--indigo-rgb),.2);box-shadow:0 0 0 1px rgba(var(--indigo-rgb),.3) inset}
.token-box{padding:18px;border-radius:14px;background:var(--cinexa-field-bg);border:1px dashed rgba(var(--cyan-rgb),.5);font-family:var(--font-mono);font-size:1.3rem;letter-spacing:.14em;text-align:center;color:var(--cinexa-cyan);text-shadow:0 0 18px rgba(var(--cyan-rgb),.4)}
.prof-banner{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--cinexa-border-strong);padding:30px;background:radial-gradient(500px 240px at 90% 0,rgba(var(--violet-rgb),.3),transparent 60%),radial-gradient(400px 240px at 0 100%,rgba(var(--cyan-rgb),.14),transparent 60%),linear-gradient(135deg,var(--band-a),var(--band-b));display:flex;gap:26px;align-items:center}
.prof-banner img.av{width:120px;flex:0 0 120px}
.timeline{display:grid;gap:0}.timeline>div{position:relative;padding:0 0 18px 28px;border-left:1px solid var(--cinexa-border-strong);margin-left:8px;font-size:.9rem}
.timeline>div::before{content:"";position:absolute;left:-6px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--cinexa-indigo);box-shadow:0 0 12px rgba(var(--indigo-rgb),.8)}
.timeline small{display:block;color:var(--cinexa-faint);font-family:var(--font-mono);font-size:.7rem}

/* ---------- FORUM ARCHIVE ---------- */
.post-card{display:grid;grid-template-columns:150px minmax(0,1fr);border-radius:16px;overflow:hidden;border:1px solid var(--cinexa-border);background:var(--cinexa-panel)}
.post-card+.post-card{margin-top:14px}
.post-card aside{padding:18px 14px;background:rgba(var(--s3-rgb),.5);border-right:1px solid var(--cinexa-border);font-size:.8rem;color:var(--cinexa-muted);display:grid;gap:4px;align-content:start;justify-items:center;text-align:center}
.post-card aside b{font-family:var(--font-display);color:var(--cinexa-strong);font-size:.95rem}
.post-card aside .av{width:52px;height:52px;border-radius:50%;background:var(--grad-brand);display:grid;place-items:center;color:var(--on-brand);font-weight:700;font-family:var(--font-display);font-size:1.2rem}
.post-card .body{padding:16px 20px;min-width:0}
.post-card .ph{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-family:var(--font-mono);font-size:.72rem;color:var(--cinexa-faint);padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(var(--line-rgb),.1)}
.post-card .ph b{color:var(--cinexa-text);font-weight:500;font-family:var(--font-display);font-size:.9rem}
.post-card .txt{color:var(--t2);font-size:.95rem}.post-card .txt p+p{margin-top:10px}
.quote{border-left:3px solid var(--cinexa-indigo);background:rgba(var(--indigo-rgb),.08);padding:10px 14px;border-radius:0 10px 10px 0;margin:10px 0;font-size:.88rem;color:var(--t2)}.quote small{display:block;font-family:var(--font-mono);color:var(--cinexa-cyan);margin-bottom:4px}
.chart-bars{display:grid;gap:10px}.chart-bars .r{display:grid;grid-template-columns:150px 1fr 80px;gap:12px;align-items:center;font-size:.86rem}.chart-bars .r .gauge{height:10px}.chart-bars .r span:last-child{font-family:var(--font-mono);text-align:right;color:var(--cinexa-muted)}
.cols-chart{display:flex;align-items:flex-end;gap:10px;height:190px;padding-top:10px}.cols-chart div{flex:1;display:grid;gap:6px;justify-items:center;align-content:end;height:100%;font-family:var(--font-mono);font-size:.66rem;color:var(--cinexa-muted)}.cols-chart i{display:block;width:100%;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--cinexa-indigo),rgba(var(--indigo-rgb),.15))}

/* ---------- ADMIN (own layout) ---------- */
.admin-shell{grid-template-columns:268px 1fr}
.admin-side{background:var(--adm-side-grad);position:sticky;top:0;height:100vh;overflow-y:auto}
.admin-side .brand{display:flex;gap:10px;align-items:center;padding:4px 10px 16px;margin-bottom:6px;border-bottom:1px solid var(--cinexa-border)}
.admin-side .brand small{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cinexa-cyan)}
.admin-side .side-foot{margin-top:auto;display:grid;gap:8px;padding-top:16px;border-top:1px solid var(--cinexa-border)}
.admin-side .side-foot a,.admin-side .side-foot button{justify-content:flex-start}
.admin-side .sidecube{display:grid;place-items:center;margin:14px 0 4px;padding:12px;border-radius:14px;background:rgba(var(--indigo-rgb),.07);border:1px solid var(--cinexa-border);position:relative}.admin-side .sidecube img{width:84px}
@media (max-height:960px){.admin-side .sidecube{display:none}}
.admin-top h1{font-size:1.35rem;font-weight:700;line-height:1.2}.admin-top p{font-size:.84rem;color:var(--cinexa-muted)}
.admin-top .who{display:flex;gap:10px;align-items:center;font-size:.85rem;color:var(--cinexa-muted)}
.avatar-s{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--grad-brand);color:var(--on-brand);font-weight:700;font-family:var(--font-display);font-size:.8rem}
.admin-body{max-width:1280px;width:100%}
.admin-sec{display:grid;gap:18px}
.admin-sec>.card>h2,.card>h2.h-md,h2.sec-t{font-size:1.15rem;margin-bottom:16px}
.fgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.fgrid .span2{grid-column:1/-1}
.hint{font-size:.78rem;color:var(--cinexa-faint);margin-top:6px}
.save-bar{position:sticky;bottom:16px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;background:rgba(var(--s2-rgb),.94);backdrop-filter:blur(12px);border:1px solid var(--cinexa-border-strong);box-shadow:0 18px 40px -14px rgba(var(--shadow-rgb),.9)}
.ad-card{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:22px;align-items:center}
.ad-thumb{aspect-ratio:16/9;border-radius:12px;border:1px solid var(--cinexa-border-strong);background:radial-gradient(circle at 70% 30%,rgba(var(--violet-rgb),.5),transparent 55%),linear-gradient(135deg,var(--ad-a),var(--ad-b));display:grid;place-items:center;overflow:hidden}.ad-thumb img{width:56%}
.ad-metrics{display:flex;gap:16px;flex-wrap:wrap;font-family:var(--font-mono);font-size:.76rem;color:var(--cinexa-muted)}.ad-metrics b{color:var(--cinexa-strong);font-weight:500}
.upload{display:grid;place-items:center;gap:8px;text-align:center;padding:26px;border-radius:14px;border:1.5px dashed var(--cinexa-border-strong);background:rgba(var(--indigo-rgb),.05);color:var(--cinexa-muted);font-size:.9rem}
.upload img{width:70px}
.repeat{padding:16px;border-radius:14px;background:var(--cinexa-field-bg);border:1px solid var(--cinexa-border)}.repeat+.repeat{margin-top:12px}
.repeat .rh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cinexa-muted)}
.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid rgba(var(--line-rgb),.1)}.toggle-row:last-child{border:0}.toggle-row b{display:block;font-family:var(--font-display)}.toggle-row span.d{font-size:.85rem;color:var(--cinexa-muted)}
.progress{height:12px;border-radius:99px;background:var(--cinexa-field-bg);border:1px solid var(--cinexa-border);overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cinexa-indigo),var(--cinexa-cyan));box-shadow:0 0 14px rgba(var(--indigo-rgb),.7)}
.stat-bars{display:grid;gap:7px}.stat-bars .r{display:grid;grid-template-columns:96px 1fr 120px;gap:12px;align-items:center;font-size:.82rem;font-family:var(--font-mono);color:var(--cinexa-muted)}.stat-bars .gauge{height:10px}
.login-split{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}
.login-art{position:relative;display:grid;place-items:center;padding:40px;overflow:hidden;background:radial-gradient(600px 400px at 30% 30%,rgba(var(--indigo-rgb),.22),transparent 60%),radial-gradient(500px 400px at 80% 80%,rgba(var(--violet-rgb),.18),transparent 60%),var(--login-bg);border-right:1px solid var(--cinexa-border)}
.login-art{align-content:start}.login-art .big{width:min(300px,52%);margin-top:6vh}
.login-art .cap{position:absolute;left:40px;bottom:36px;max-width:360px}
.login-form{display:grid;place-items:center;padding:40px 24px}
.diff-list{display:grid;gap:8px;max-height:260px;overflow:auto}

/* ---------- v3 responsive ---------- */
@media (max-width:1180px){
  .ds-stats{grid-template-columns:repeat(3,1fr)}.ds-hl{grid-template-columns:repeat(2,1fr)}.ds-views{grid-template-columns:repeat(2,1fr)}
  .fx-lower{grid-template-columns:1fr}.twocol,.twocol.rev{grid-template-columns:1fr}
  .ad-card{grid-template-columns:160px 1fr}.ad-card>:last-child{grid-column:1/-1}
}
@media (max-width:1080px){
  .hero .grid{grid-template-columns:1fr}.hero-art{margin:10px auto 0;max-width:480px}
  .acc-layout{grid-template-columns:1fr}.acc-side{position:static}.vnav{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
  .login-split{grid-template-columns:1fr}.login-art{display:none}
  .ds-ident{grid-template-columns:auto 1fr}.ds-links{grid-column:1/-1;justify-content:flex-start}
  .fx-search{grid-template-columns:1fr}
  .admin-shell{grid-template-columns:1fr}.admin-side{position:static;height:auto;min-height:0;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;align-items:center;padding:10px}
  .admin-side>*{flex:0 0 auto}.admin-side .grp,.admin-side .brand small,.admin-side .sidecube,.admin-side .side-foot{display:none}.admin-side .brand{border:0;padding:0 10px 0 4px;margin:0}
  .admin-side a{white-space:nowrap}
}
@media (max-width:760px){
  .hero{padding-top:34px}.hero h1{font-size:clamp(3.4rem,18vw,5rem)}
  .kv>div{grid-template-columns:1fr;gap:2px}.words{grid-template-columns:repeat(2,1fr)}.io-grid{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}.ds-form{grid-template-columns:1fr}.ds-stats{grid-template-columns:1fr 1fr}.ds-hl,.ds-signals,.ds-ranks{grid-template-columns:1fr}.ds-views{grid-template-columns:1fr}
  .post-card{grid-template-columns:1fr}.post-card aside{display:flex;gap:10px;align-items:center;justify-content:flex-start;text-align:left;border-right:0;border-bottom:1px solid var(--cinexa-border);padding:10px 14px}.post-card aside .av{width:34px;height:34px;font-size:.9rem}
  .fx-viewport{height:560px}.fx-head{padding:12px}.fx-meta .field{width:100%}.fx-users{margin-left:0}
  .ad-card{grid-template-columns:1fr}.prof-banner{flex-direction:column;text-align:center;padding:24px 18px}
  .meter .row{grid-template-columns:90px 1fr 46px}.chart-bars .r{grid-template-columns:100px 1fr 60px}.stat-bars .r{grid-template-columns:78px 1fr 90px}
  .acc-layout{gap:16px}.save-bar{flex-wrap:wrap}.captcha{flex-direction:column;align-items:stretch}
}
.stat .n{overflow-wrap:anywhere}
@media (max-width:900px){.qa-gear{display:none}.stat .n{font-size:1.3rem;overflow-wrap:normal}}

/* ==========================================================================
   v4 - THEME TOGGLE + LIGHT THEME
   One stylesheet, two themes: the dark values are the :root defaults above; everything below only
   re-maps tokens (and fixes the handful of shadows/glows that need a different treatment on light).
   Attribute is set on <html> by the inline <head> script + cinexa.js (key `cinexa-theme`, same as the Laravel layout).
   ========================================================================== */
.theme-toggle{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--cinexa-border-strong);background:rgba(var(--indigo-rgb),.1);color:var(--cinexa-strong);cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;flex:0 0 auto;padding:0}
.theme-toggle:hover{background:rgba(var(--indigo-rgb),.2);border-color:var(--cinexa-indigo);transform:rotate(-12deg)}
.theme-toggle:focus-visible{outline:2px solid var(--cinexa-indigo);outline-offset:2px}
.theme-toggle svg{width:18px;height:18px;grid-area:1/1;transition:opacity .25s,transform .35s}
/* dark theme shows the SUN (click → light); light theme shows the MOON (click → dark) - same icons/classes as the Laravel layout */
html:not([data-theme=light]) .theme-icon-dark,html[data-theme=light] .theme-icon-light{opacity:0;transform:rotate(-70deg) scale(.5);pointer-events:none}
.theme-floating{position:fixed;top:16px;right:16px;z-index:80;background:rgba(var(--s2-rgb),.85);backdrop-filter:blur(10px)}
html.theme-anim *,html.theme-anim *::before,html.theme-anim *::after{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s,fill .3s,stroke .3s!important}

html[data-theme=light]{
  color-scheme:light;
  --cinexa-bg:#f4f6fc; --cinexa-bg-2:#eef1fa; --cinexa-panel:#ffffff; --cinexa-panel-2:#f8f9fe; --cinexa-field-bg:#ffffff;
  --cinexa-text:#1a1e33; --cinexa-muted:#5b6280; --cinexa-faint:#6c7392;
  --cinexa-indigo:#4a5af0; --cinexa-cyan:#0a7c99; --cinexa-purple:#6a47e0; --cinexa-magenta:#d03370;
  --cinexa-btc:#a85d00; --ok:#15803d; --warn:#b45309; --danger:#d1243f;
  --cinexa-border:rgba(26,30,51,.1); --cinexa-border-strong:rgba(26,30,51,.2);
  --cinexa-header-bg:rgba(244,246,252,.84); --cinexa-footer-bg:rgba(238,241,250,.96);
  --indigo-rgb:91,108,255; --cyan-rgb:14,165,198; --violet-rgb:124,92,240; --rose-rgb:229,72,127; --line-rgb:26,30,51;
  --ok-rgb:22,163,74; --warn-rgb:217,119,6; --danger-rgb:225,29,72; --btc-rgb:217,119,6;
  --s0-rgb:244,246,252; --s1-rgb:238,241,250; --strong-rgb:15,18,38; --text-rgb:26,30,51; --muted-rgb:91,98,128; --faint-rgb:108,115,146; --inset-rgb:80,92,170; --panel-rgb:255,255,255; --panel2-rgb:248,249,254; --bg-rgb:244,246,252; --s2-rgb:255,255,255; --s3-rgb:248,249,254; --sf-rgb:238,241,250; --shadow-rgb:40,50,110;
  --cinexa-strong:#0f1226; --t2:#3a4160; --on-brand:#fff; --h1-mid:#2f3fd0;
  --ok-text:#14663a; --warn-text:#7c4a06; --danger-text:#a31d3b; --info-text:#0b6a84; --btc-text:#9a5200; --rose-text:#c42d68;
  --ok2:#16a34a; --danger2:#e11d48;
  --grad-brand:linear-gradient(135deg,#5b6cff,#7c5cf0); --grad-btn:linear-gradient(135deg,#6b7bff,#5b6cff 55%,#7c5cf0);
  --btn-shadow:0 8px 18px -8px rgba(91,108,255,.55),0 1px 0 rgba(255,255,255,.3) inset;
  --btn-shadow-h:0 12px 24px -8px rgba(91,108,255,.6),0 1px 0 rgba(255,255,255,.35) inset;
  --fx-a:#f9faff; --fx-b:#f0f3fc; --band-a:#e9edff; --band-b:#f3eeff; --ad-a:#dfe4ff; --ad-b:#eee9ff;
  --focus-a:rgba(240,236,255,.98); --focus-b:rgba(250,248,255,.98); --adm-side:#ffffff; --adm-side-grad:linear-gradient(180deg,#ffffff,#f4f6fc); --login-bg:#eef1fa;
  --obj-filter:drop-shadow(0 20px 18px rgba(58,70,150,.26)) drop-shadow(0 4px 5px rgba(58,70,150,.14));
  --aurora-op:.45; --grid-op:.05;
  --shadow-card:0 1px 2px rgba(40,50,110,.06),0 14px 30px -16px rgba(40,50,110,.2);
  --glow-hover:0 0 0 1px rgba(91,108,255,.45),0 16px 36px -14px rgba(91,108,255,.3);
}
html[data-theme=light] ::selection{background:rgba(91,108,255,.25)}
html[data-theme=light] .bg-fx{background:
   radial-gradient(ellipse 80% 50% at 12% -10%,rgba(91,108,255,.13),transparent 60%),
   radial-gradient(ellipse 60% 40% at 92% 4%,rgba(124,92,240,.10),transparent 55%),
   radial-gradient(ellipse 60% 45% at 50% 112%,rgba(14,165,198,.08),transparent 60%),var(--cinexa-bg)}
html[data-theme=light] .bg-fx::after{content:none}
html[data-theme=light] .aurora.a1{background:rgba(91,108,255,.16)}
html[data-theme=light] .aurora.a2{background:rgba(124,92,240,.13)}
/* header / nav */
html[data-theme=light] .site-header{box-shadow:0 1px 0 rgba(var(--line-rgb),.04),0 8px 24px -18px rgba(40,50,110,.25)}
html[data-theme=light] .tl-nav{background:rgba(255,255,255,.7);box-shadow:0 1px 2px rgba(40,50,110,.05)}
html[data-theme=light] .tl-item.active{background:rgba(var(--indigo-rgb),.12);color:var(--cinexa-indigo);font-weight:600}
html[data-theme=light] .tl-item.active::before,html[data-theme=light] .m-nav a.active::before{box-shadow:0 0 10px 1px rgba(91,108,255,.5)}
html[data-theme=light] .mega{background:rgba(255,255,255,.98);box-shadow:0 24px 50px -22px rgba(40,50,110,.35),0 2px 6px rgba(40,50,110,.06)}
html[data-theme=light] .m-nav{background:rgba(255,255,255,.94);box-shadow:0 14px 30px -12px rgba(40,50,110,.35)}
html[data-theme=light] .m-nav a.active{color:var(--cinexa-indigo)}
html[data-theme=light] .logo-mark{box-shadow:0 4px 12px -2px rgba(91,108,255,.45)}
html[data-theme=light] .ticker{background:rgba(var(--btc-rgb),.1);border-color:rgba(var(--btc-rgb),.4)}
html[data-theme=light] .ticker i{box-shadow:0 0 6px rgba(22,163,74,.6)}
html[data-theme=light] .zoom{background:rgba(255,255,255,.6)}
html[data-theme=light] .mobile-menu{background:rgba(255,255,255,.98);box-shadow:0 24px 50px -22px rgba(40,50,110,.35)}
/* surfaces */
html[data-theme=light] .card{background:linear-gradient(180deg,#ffffff,rgba(250,251,255,.96))}
html[data-theme=light] .card::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(var(--indigo-rgb),.09),transparent 45%)}
html[data-theme=light] .gfc{background:rgba(255,255,255,.7)}
html[data-theme=light] .section.alt{background:linear-gradient(180deg,rgba(238,241,250,0),rgba(238,241,250,.9) 12%,rgba(238,241,250,.9) 88%,rgba(238,241,250,0))}
html[data-theme=light] .marquee{background:rgba(255,255,255,.6)}
html[data-theme=light] .btn-ghost{background:rgba(255,255,255,.7)}
html[data-theme=light] .btn-ghost:hover{background:rgba(var(--indigo-rgb),.1)}
html[data-theme=light] .btn-aqua{color:var(--cinexa-cyan);background:rgba(var(--cyan-rgb),.1);border-color:rgba(var(--cyan-rgb),.45)}
html[data-theme=light] .chip{background:rgba(255,255,255,.75)}
html[data-theme=light] .chip:hover,html[data-theme=light] .chip.on{color:var(--cinexa-indigo);background:rgba(var(--indigo-rgb),.12)}
html[data-theme=light] .badge{background:rgba(var(--indigo-rgb),.09)}
html[data-theme=light] .hero-pill{background:rgba(255,255,255,.8);box-shadow:0 2px 8px -4px rgba(40,50,110,.2)}
html[data-theme=light] .tab.on{background:#fff;color:var(--cinexa-indigo);box-shadow:0 1px 3px rgba(40,50,110,.15),0 0 0 1px rgba(91,108,255,.25) inset}
html[data-theme=light] .field:focus{box-shadow:0 0 0 3px rgba(91,108,255,.18)}
html[data-theme=light] select.field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%235b6280' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E")}
html[data-theme=light] .switch.on::after{box-shadow:0 1px 4px rgba(40,50,110,.35)}
html[data-theme=light] .switch::after{background:#9aa2c3}
html[data-theme=light] .switch.on::after{background:#fff}
html[data-theme=light] .alert,html[data-theme=light] .callout{box-shadow:0 1px 2px rgba(40,50,110,.04)}
/* hero & text effects */
html[data-theme=light] .hero h1{filter:drop-shadow(0 6px 18px rgba(91,108,255,.18))}
html[data-theme=light] .hero h1::after{color:rgba(14,165,198,.35);-webkit-text-fill-color:rgba(14,165,198,.16)}
html[data-theme=light] .big-404{filter:drop-shadow(0 12px 24px rgba(91,108,255,.2))}
html[data-theme=light] .f-word{background:linear-gradient(180deg,rgba(91,108,255,.3),rgba(91,108,255,.03) 85%);-webkit-background-clip:text;background-clip:text}
html[data-theme=light] .site-footer::before{box-shadow:0 0 24px 2px rgba(91,108,255,.3)}
html[data-theme=light] .site-footer::after{background:radial-gradient(ellipse,rgba(91,108,255,.1),transparent 65%)}
html[data-theme=light] .f-social a{background:rgba(var(--btc-rgb),.1);color:var(--cinexa-btc)}
/* 3D objects: soft shadows instead of glow (see --obj-filter) + faint tinted disc under hero/page objects */
html[data-theme=light] .sonar i{border-color:rgba(var(--indigo-rgb),.28)}
html[data-theme=light] .hero-art .halo{opacity:.7}
html[data-theme=light] .mascot-dock [data-mascot]{filter:drop-shadow(0 10px 10px rgba(40,50,110,.28)) drop-shadow(0 1px 2px rgba(40,50,110,.2))}
html[data-theme=light] .mascot-bubble{background:#fff;box-shadow:0 12px 26px -12px rgba(40,50,110,.4)}
/* tool cards etc: glow → soft */
html[data-theme=light] .tool-card .ico{box-shadow:0 6px 14px -6px rgba(var(--ac),.55)}
html[data-theme=light] .ac-indigo{--ac:91,108,255}html[data-theme=light] .ac-aqua{--ac:8,140,174}html[data-theme=light] .ac-violet{--ac:112,76,226}
html[data-theme=light] .ac-rose{--ac:214,56,112}html[data-theme=light] .ac-amber{--ac:170,90,0}html[data-theme=light] .ac-green{--ac:22,150,70}

/* light polish: tinted backdrop disc behind page-head / card 3D objects so pale renders (seal, dossier) keep their edge */
html[data-theme=light] .page-head .head-obj::before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--indigo-rgb),.16),rgba(var(--indigo-rgb),.05) 55%,transparent 72%);z-index:-1}
html[data-theme=light] img.obj[src*="seal"]{filter:var(--obj-filter) saturate(1.5) contrast(1.12) brightness(.92)}
/* footer brand: keep the mark and wordmark on one line (was stacked because .f-grid a{display:block}) */
.f-grid .f-brand a.logo{display:flex;padding:0}

/* v6 - 3D GLOSSY LOGO (pearl CINEXA + crystal X). Two <img> variants (same 315x112 box), swapped by data-theme. */
.logo-img{display:block;height:52px;margin:-6px 0;width:auto;flex:none}
.logo-on-light{display:none}
html[data-theme=light] .logo-on-dark{display:none}
html[data-theme=light] .logo-on-light{display:block}
.logo{gap:0;transition:transform .2s,filter .2s}
.logo:hover{transform:translateY(-1px);filter:drop-shadow(0 4px 14px rgba(var(--indigo-rgb),.35))}
.admin-side .brand .brand-lock{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.admin-side .brand .logo-img{height:46px;margin-left:-6px}
.admin-side .brand .brand-lock small{margin-left:4px}
.f-grid .f-brand .logo-img{height:60px;margin-left:-8px}
@media (max-width:760px){.site-header .logo-img{height:42px}.admin-side .brand .logo-img{height:36px}}

/* ==========================================================================
   v6 - LARAVEL PORT LAYER
   Maps the legacy class vocabulary used by the existing Blade views (neon-border, btn-cyber, field-cyber, tool-panel …)
   onto the new design system, and adds the small pieces the Laravel layout needs. Everything is token driven, so dark/light
   both work. Tailwind utilities (public/css/tailwind.css) load first; where a rule here must beat a utility it is explicit.
   ========================================================================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip}
.font-display{font-family:var(--font-display);letter-spacing:.01em}
.font-mono,code,pre,kbd,samp{font-family:var(--font-mono)}
main p,main li,main label{line-height:var(--cinexa-line-height,1.65)}
main{position:relative;z-index:1}
body>header,body>footer{position:relative;z-index:1}
body>.site-header{position:sticky;z-index:50}
@media (scripting:none){.reveal,.reveal-section,.reveal-item{opacity:1!important;transform:none!important}}
.reveal-section,.reveal-item{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.reveal-section.is-visible,.reveal-item.is-visible,.reveal-section.in,.reveal-item.in{opacity:1;transform:none}
.uppercase:not(input):not(textarea){text-transform:none!important}
input.uppercase,textarea.uppercase{text-transform:uppercase!important}
@media (prefers-reduced-motion:reduce){.obj,.sonar i,.aurora,.hero-art .ring,.marquee .track{animation:none!important}.reveal,.reveal-section,.reveal-item{opacity:1;transform:none}}

/* ---- header extras ---- */
.zoom-controls .zoom-btn{background:none;border:0;color:var(--cinexa-muted);padding:.38rem .6rem;cursor:pointer;font-family:var(--font-mono);font-size:.78rem}
.zoom-controls .zoom-btn:hover{color:var(--cinexa-strong);background:rgba(var(--indigo-rgb),.15)}
.zoom-controls .zoom-reset{min-width:3rem;color:var(--cinexa-faint)}
.btc-price-ticker.is-loading{opacity:.65}
.ticker .btc-price-label{opacity:.85}
.tl-item .caret{width:10px;height:10px}
.tl-nav .has-menu>.tl-item{height:100%}
.nav-account .nav-account-trigger{gap:8px;cursor:pointer}
.nav-account .caret{opacity:.6}
.acct-menu{width:210px;grid-template-columns:1fr;left:auto;right:0;transform:translateY(8px)}
.has-menu:hover .acct-menu,.has-menu:focus-within .acct-menu,.has-menu.open .acct-menu{opacity:1;visibility:visible;transform:translateY(0)}
.acct-menu form{display:block}
.acct-menu .logout-btn{display:flex;width:100%;text-align:left;padding:10px 12px;border-radius:12px;background:none;border:0;color:var(--danger);cursor:pointer;font:inherit;font-size:.9rem}
.acct-menu .logout-btn:hover{background:rgba(var(--danger-rgb),.12)}
.acct-menu a{align-items:center}
.footer-btc-link{width:38px;height:38px;border-radius:50%;border:1px solid rgba(var(--btc-rgb),.45);display:grid;place-items:center;color:var(--cinexa-btc);padding:0;background:rgba(var(--btc-rgb),.08)}
.footer-btc-link svg{width:18px;height:18px;fill:currentColor}
.m-nav .mobile-nav-icon{display:contents}
.m-nav .mobile-nav-label{font-size:.66rem;font-weight:500;letter-spacing:.02em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.m-nav a svg{width:21px;height:21px}
@media (min-width:761px){.m-nav{display:none!important}}
@media (max-width:760px){body>.m-nav{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:70}body.has-mobile-nav main{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}}
.page-head-port .wrap.grid{display:grid;grid-template-columns:1.4fr .8fr;gap:30px;align-items:center}
.page-head-port{padding:54px 0 14px}
@media (max-width:1080px){.page-head-port .wrap.grid{grid-template-columns:1fr}}

/* ---- legacy classes → new look ---- */
:where(.neon-border){position:relative}
.neon-border{border:1px solid var(--cinexa-border);box-shadow:var(--shadow-card);background-image:linear-gradient(180deg,rgba(var(--s3-rgb),.5),rgba(var(--s2-rgb),.9))}
.neon-text-cyan{color:var(--cinexa-cyan)}
.neon-text-magenta{color:var(--cinexa-magenta)}
.btn-cyber{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--grad-btn);border:1px solid transparent;color:#fff;box-shadow:var(--btn-shadow);font-family:var(--font-display);font-weight:600;font-size:.92rem;letter-spacing:.02em;cursor:pointer;transition:transform .18s,box-shadow .2s,filter .2s}
:where(.btn-cyber){padding:.7rem 1.3rem;border-radius:var(--r-ctl)}
.btn-cyber:hover{transform:translateY(-1px);box-shadow:var(--btn-shadow-h);filter:brightness(1.05)}
.btn-cyber:disabled,.btn-cyber[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none;filter:none}
.field-cyber{background:var(--cinexa-field-bg);border:1px solid var(--cinexa-border-strong);color:var(--cinexa-text);transition:border-color .2s,box-shadow .2s;font-size:1rem;line-height:1.5}
:where(.field-cyber){border-radius:var(--r-ctl)}
textarea.field-cyber,input.field-cyber.font-mono,.field-cyber.font-mono{font-family:var(--font-mono);font-size:.9rem;line-height:1.55}
.field-cyber:focus{outline:none;border-color:var(--cinexa-indigo);box-shadow:0 0 0 3px rgba(var(--indigo-rgb),.2)}
.field-cyber::placeholder{color:var(--cinexa-faint)}
select.field-cyber{color-scheme:inherit}
.tab-btn-cyber{font-family:var(--font-display);font-weight:600;font-size:.88rem;letter-spacing:.01em;transition:.2s}
.tab-btn-cyber[aria-selected="true"]{background:linear-gradient(135deg,rgba(var(--indigo-rgb),.32),rgba(var(--violet-rgb),.22));border-color:rgba(var(--indigo-rgb),.5);color:var(--cinexa-strong);box-shadow:0 0 0 1px rgba(var(--indigo-rgb),.25) inset}
.tab-btn-cyber[aria-selected="false"]{color:var(--cinexa-muted);border-color:transparent}
.tab-btn-cyber[aria-selected="false"]:hover{color:var(--cinexa-strong)}
.tab-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tab-scroll::-webkit-scrollbar{display:none}
.tab-scroll-inner{display:flex;flex-wrap:nowrap;gap:.25rem;min-width:min-content}
.tab-scroll-inner .tab-btn-cyber{flex:0 0 auto;min-width:5.5rem;white-space:nowrap}
.tool-page-section{position:relative}
.tool-page-title{font-family:var(--font-display);font-weight:800!important;letter-spacing:-.01em!important;font-size:clamp(1.8rem,3.6vw,2.6rem)!important;color:var(--cinexa-strong)}
.tool-page-lead{color:var(--cinexa-muted)}
.tool-panel{background-color:var(--cinexa-panel)}
.hero-compact h1{font-family:var(--font-display)}
main label{font-family:var(--font-mono);letter-spacing:.12em}
main label.normal-case,main label.tracking-normal{font-family:var(--font-body);letter-spacing:0}
main label.flex,main label.inline-flex{font-family:var(--font-body)}
.skill-chip{transition:.25s}
.skill-chip:hover{border-color:var(--cinexa-border-strong);box-shadow:0 0 0 1px rgba(var(--indigo-rgb),.2)}
.learn-output{border:1px solid var(--cinexa-border);background:var(--cinexa-field-bg)}
::selection{background:rgba(var(--indigo-rgb),.4)}
hr{border-color:var(--cinexa-border)}
table{border-color:var(--cinexa-border)}
input[type=checkbox].accent-cyan-400,input[type=radio].accent-cyan-400{accent-color:var(--cinexa-indigo)}

/* ---- site ad banners (partials/ad-banners) ---- */
.cinexa-ad-banner{border-bottom:1px solid var(--cinexa-border)!important;background:linear-gradient(90deg,rgba(var(--s2-rgb),.97),rgba(var(--s3-rgb),.97))!important}

/* ---- about page ---- */
.about-glow-border{border:1px solid var(--cinexa-border-strong);border-radius:24px;background:linear-gradient(180deg,rgba(var(--s3-rgb),.55),rgba(var(--s2-rgb),.92));box-shadow:var(--shadow-card);position:relative;overflow:hidden}
.about-glow-border>.about-inner{position:relative;z-index:1}
html{background:var(--cinexa-bg)}
body{background:transparent}
.btn-rose{border-color:rgba(var(--rose-rgb),.45);color:var(--rose-text)}
.btn-rose:hover{background:rgba(var(--rose-rgb),.12);border-color:rgba(var(--rose-rgb),.7)}
.legal-layout{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px}
@media (max-width:760px){.legal-layout{grid-template-columns:1fr;padding:0 18px}.legal.card{padding:6px 20px 24px!important}}
.vnav form{display:block}
.vnav-btn{display:flex;gap:10px;align-items:center;width:100%;padding:.6rem .8rem;border-radius:10px;color:var(--cinexa-muted);font-size:.92rem;background:none;border:0;cursor:pointer;text-align:left;font-family:inherit}
.vnav-btn svg{width:17px;height:17px}
.vnav-btn:hover{color:var(--danger);background:rgba(var(--danger-rgb),.1)}
.auth-card .field-cyber{margin-top:0}
.form-grid{display:grid;gap:16px}
.field-error{margin-top:6px;font-size:.8rem;color:var(--danger-text)}