/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
/* Die Aktionszelle ist eine Reihe mit einer Mittellinie · Schalter und Knopf stehen mittig, nicht oben buendig. */
.end{display:flex;justify-content:flex-end;align-items:center;gap:var(--nx-luecke-knopf)}
@keyframes nxin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* DIE SEITENBREITE STEHT AN .main · NICHT NOCHMAL AN JEDEM KASTEN.
  .main traegt bereits max-width und Polster. Die Breite ein zweites Mal an
  den Kindern rechnete dieselben 68px erneut ab · und weil manche Kaesten
  ihren Rand selbst auf 0 setzen, standen sie danach 34px weiter links als
  ihre Nachbarn. Gemessen  auf der Studio-Uebersicht: vier Kaesten
  auf 284, fuenf auf 318, alle gleich breit. Das ist die Unruhe, die man
  sieht, ohne sie benennen zu koennen. */
.nx-soon-h{display:flex;align-items:center;gap:10px;font:800 var(--nx-typo-text) var(--nx-f-text);letter-spacing:.03em;color:#fff;margin-bottom:12px}
.nx-soon-badge{font:800 9px var(--nx-f-text);letter-spacing:.08em;color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:3px 8px}
/* .finner hat FUENF Kinder, aber nur VIER Spalten: .nx-fg ueberspannt die
  erste Zeile, darunter stehen .fbrand und drei .fcol. Die Regel nannte
  fuenf Breiten · die fuenfte verfiel, und Spalte 1 wurde mit 526 px
  doppelt so breit wie ihre Nachbarn (171/227/263). Dazu schob
  margin-left die zweite Spalte noch einmal weg · zusammen die Luecke
  von 310 px im Bild. Vier Spalten: die Marke traegt den Claim und darf
  breiter sein, die drei Linkspalten sind gleich. */
/* minmax(0,...) ist noetig: ein blosses 1.5fr heisst minmax(auto,1.5fr),
  und der Claim "Second screen for gaming culture." hat eine breite
  min-content · er drueckte Spalte 1 auf 526 px zurueck, egal was die
  Regel sagte. Gemessen: 515/222/222/257 statt der gewollten Gleichheit. */
@keyframes nxfadeup{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes nxtoastin{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Eine einzelne Karte in einem zweispaltigen Raster liess die halbe
  Zeile schwarz · 565 Punkte bei 1440, waehrend die Tafel darueber und die
  darunter bis zur Inhaltskante laufen. Steht nur eine da, nimmt sie die
  Zeile. */
.nx-fm-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 8px}
.nx-fm-grid > :only-child{grid-column:1/-1}
@media(max-width:980px){.nx-fm-grid{grid-template-columns:1fr}}
.nx-fm{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--nx-r-tafel);padding:18px 20px}
.nx-fm-h{display:flex;align-items:center;gap:10px;font-family:var(--nx-f-text);font-weight:700;font-size:14px;color:#fff;margin-bottom:5px}
.nx-fm-soon{background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:2px 8px;font:800 8.5px var(--nx-f-text);letter-spacing:.14em}
.nx-fm-s{margin:0 0 13px;font:400 var(--nx-typo-text)/1.55 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-fm-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-fm-sub{display:block;font-size:var(--nx-typo-meta);color:var(--dim);margin-top:1px}
.nx-fm-num{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--nx-text)}
.nx-fm-ava{width:30px;height:30px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;flex:none;background:var(--accent);color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text)}
.nx-fm-btn{margin-top:12px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);background:var(--nx-hebung);color:var(--txt);border-radius:var(--nx-r-bedien);padding:8px 16px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;transition:.15s}
.nx-fm-note{margin-top:11px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-fm-veil{filter:grayscale(.6) brightness(.75);pointer-events:none;user-select:none}
.nx-rm{max-width:1180px;margin:22px auto 8px;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 4px}
@media(max-width:900px){.nx-rm{grid-template-columns:1fr}}
.nx-rm-card{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--nx-r-karte,14px);padding:18px 20px}
.nx-rm-h{display:flex;align-items:center;gap:10px;font-family:var(--nx-f-text);font-weight:700;font-size:14px;color:#fff;margin-bottom:6px}
.nx-rm-soon{background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);border-radius:var(--nx-r-bedien);padding:2px 8px;font:800 8.5px var(--nx-f-text);letter-spacing:.14em}
.nx-rm-s{font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim);margin:0 0 12px}
.nx-rm-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-rm-row b{color:var(--txt)}
.nx-rm-ava{width:30px;height:30px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;flex:none;background:var(--accent);color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text)}
.nx-rm-btn{margin-left:auto;flex:none;border:1px solid rgba(255,255,255,.16);background:var(--nx-hebung);color:var(--txt);border-radius:var(--nx-r-bedien);padding:6px 12px;font:700 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer;transition:.15s}
.nx-rm-note{margin-top:10px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-rm-stat{display:inline-block;margin-right:16px}
.nx-rm-stat b{display:block;font:800 18px var(--nx-f-titel);color:var(--txt)}
.nx-rm-stat span{font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--nx-leise)}
@keyframes nxIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.nx-sev-toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);background:var(--nx-flaeche-2);border:1px solid rgba(52,229,216,.5);color:#bff5ef;border-radius:var(--nx-r-pille);padding:10px 20px;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;z-index:5100;max-width:80vw;text-align:center}
.nx-chan-body{padding:16px;display:flex;flex-direction:column;gap:10px}
.nx-chan-lead{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin:0 0 4px}
.nx-chan-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line,#23233a);border-radius:var(--nx-r-karte);padding:12px 12px}
.nx-chan-row > div{flex:1}
.nx-chan-row b{display:block;font:800 var(--nx-typo-text) var(--nx-f-text)}
.nx-chan-row span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-chan-tgl{flex:none;width:40px;height:22px;border-radius:999px;border:1px solid var(--line,#23233a);background:#23233a;position:relative;cursor:pointer;transition:.15s}
.nx-chan-tgl::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#8a8aa5;transition:.15s}
.nx-chan-tgl.on{background:rgba(52,229,216,.25);border-color:rgba(52,229,216,.6)}
.nx-chan-tgl.on::after{left:20px;background:var(--accent)}
.nx-chan-save{margin-top:6px;padding:12px;border:none;border-radius:var(--nx-r-karte);background:var(--accent,#5b27e8);color:#fff;font:800 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;box-shadow:none}
a[href*="nextari-studio-coaching"],a[href*="nextari-studio-drops"]{display:none}