/* StudiAI 6.1 – Lernwelten und Kinderoberfläche */

.experience-kids-only{display:none!important}
:root[data-experience="kids"] .experience-standard-only{display:none!important}
:root[data-experience="kids"] .experience-kids-only{display:revert!important}

/* Zielgruppen-Auswahl */
.audience-gate[hidden]{display:none}
.audience-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .2s ease}
.audience-gate.visible{opacity:1}
.audience-gate-backdrop{position:absolute;inset:0;background:rgba(2,10,26,.78);backdrop-filter:blur(18px)}
.audience-gate-dialog{position:relative;width:min(920px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 34px 100px rgba(0,0,0,.38);text-align:center}
.audience-gate-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;font-size:22px;color:var(--ink)}
.audience-gate-dialog h1{font-size:38px;letter-spacing:-1px;margin:8px 0 8px;color:var(--ink)}
.audience-gate-dialog>p{color:var(--muted)}
.audience-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 16px}
.audience-choice{position:relative;display:grid;grid-template-columns:128px 1fr 32px;align-items:center;gap:18px;min-height:190px;padding:22px;text-align:left;border:2px solid var(--line);border-radius:24px;background:var(--card-soft);color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.audience-choice:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#6f9fff}
.audience-choice-kids{background:linear-gradient(145deg,rgba(255,241,193,.94),rgba(232,245,255,.96) 48%,rgba(245,226,255,.96));border-color:#f2c55f;color:#25304c}
.audience-choice-standard{background:linear-gradient(145deg,rgba(20,52,94,.96),rgba(10,25,48,.98));color:#f7fbff;border-color:#31598f}
.audience-choice-visual{width:126px;height:126px;display:grid;place-items:center}
.audience-choice-standard-icon{font-size:74px;border-radius:30px;background:linear-gradient(135deg,#2f75ff,#22d3ee);box-shadow:0 15px 30px rgba(47,117,255,.28)}
.audience-choice-copy{display:grid;gap:8px}
.audience-choice-copy strong{font-size:23px}
.audience-choice-copy small{font-size:14px;line-height:1.55;opacity:.78}
.audience-choice-arrow{font-size:28px;font-weight:900}
.audience-secondary{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.audience-secondary button,.audience-switch-button{border:1px solid var(--line);background:var(--card-soft);color:var(--muted-strong);border-radius:12px;padding:10px 13px;font-weight:750;cursor:pointer}
.audience-secondary button:hover,.audience-switch-button:hover{background:var(--surface-hover);color:var(--ink)}
.audience-gate-privacy{font-size:12px;margin:15px 0 0!important}
body.audience-gate-open{overflow:hidden}
.audience-switch-button{display:flex;align-items:center;gap:7px;min-height:39px}
.audience-switch-button .ui-icon{width:17px;height:17px}

/* Registrierungs-Auswahl */
.registration-audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.registration-audience-option{position:relative;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--card-soft);cursor:pointer}
.registration-audience-option input{position:absolute;opacity:0}
.registration-audience-option-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#2f75ff,#22d3ee);font-size:22px}
.registration-audience-option strong{display:block;color:var(--ink);font-size:13px}
.registration-audience-option small{display:block;color:var(--muted);font-size:10.5px;margin-top:2px}
.registration-audience-option:has(input:checked){border-color:#4d8cff;background:rgba(47,117,255,.11);box-shadow:0 0 0 3px rgba(47,117,255,.09)}
.registration-audience-option.kids-option:has(input:checked){border-color:#f3ba38;background:linear-gradient(135deg,rgba(255,222,90,.18),rgba(168,230,255,.16))}

/* Kinder-Lernwelt – globale Variablen */
:root[data-experience="kids"]{
  --kids-yellow:#ffd84d;
  --kids-pink:#ff6fae;
  --kids-purple:#8b5cf6;
  --kids-blue:#3b82f6;
  --kids-cyan:#22d3ee;
  --kids-green:#34d399;
  --kids-orange:#fb923c;
  --radius:22px;
}
:root[data-experience="kids"][data-theme="light"]{
  --bg:#f7fbff;
  --surface:#ffffff;
  --surface-hover:#f0f7ff;
  --card:#ffffff;
  --card-soft:#f8fbff;
  --card-strong:#ffffff;
  --text:#263452;
  --ink:#17223c;
  --muted:#64748b;
  --muted-strong:#42516d;
  --line:#dce8f5;
  --line-strong:#bfd5ea;
  --glass:rgba(255,255,255,.9);
  --shadow-soft:0 8px 24px rgba(53,91,135,.09);
  --shadow:0 18px 42px rgba(44,81,122,.14);
}
:root[data-experience="kids"][data-theme="dark"]{
  --bg:#14172c;
  --surface:#1c2240;
  --surface-hover:#252d52;
  --card:#202746;
  --card-soft:#1a213d;
  --card-strong:#293154;
  --text:#edf4ff;
  --ink:#ffffff;
  --muted:#b4c1d8;
  --muted-strong:#d8e4f6;
  --line:#394467;
  --line-strong:#51618a;
  --glass:rgba(28,34,64,.92);
}
:root[data-experience="kids"] body{
  background:
    radial-gradient(circle at 5% 8%,rgba(255,216,77,.20),transparent 24%),
    radial-gradient(circle at 90% 15%,rgba(255,111,174,.16),transparent 22%),
    radial-gradient(circle at 86% 82%,rgba(34,211,238,.14),transparent 24%),
    var(--bg);
}
:root[data-experience="kids"] body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.35;
  background-image:radial-gradient(circle,#8b5cf6 1.2px,transparent 1.2px);
  background-size:42px 42px
}
:root[data-experience="kids"] .btn{min-height:48px;border-radius:16px;font-size:14px;font-weight:850}
:root[data-experience="kids"] .btn-primary{background:linear-gradient(135deg,#5b7cff,#8b5cf6 48%,#ff6fae);box-shadow:0 10px 24px rgba(103,78,220,.27)}
:root[data-experience="kids"] .card,
:root[data-experience="kids"] .stat-card,
:root[data-experience="kids"] .subject-card,
:root[data-experience="kids"] .question-card{border-radius:22px;box-shadow:var(--shadow-soft)}
:root[data-experience="kids"] .page{padding-top:24px}
:root[data-experience="kids"] .page-head h1{font-size:34px}
:root[data-experience="kids"] .app-sidebar-v6{background:linear-gradient(180deg,color-mix(in srgb,var(--card) 94%,#fff 6%),var(--card))}
:root[data-experience="kids"] .app-nav-link{min-height:48px;border-radius:15px;font-size:14px}
:root[data-experience="kids"] .app-nav-link:nth-child(2n) .app-nav-icon{color:var(--kids-pink)}
:root[data-experience="kids"] .app-nav-link:nth-child(3n) .app-nav-icon{color:var(--kids-green)}
:root[data-experience="kids"] .app-nav-link:nth-child(4n) .app-nav-icon{color:var(--kids-orange)}
:root[data-experience="kids"] .app-nav-link.active{background:linear-gradient(135deg,rgba(91,124,255,.18),rgba(255,111,174,.14));color:var(--ink);border:1px solid rgba(139,92,246,.18)}
:root[data-experience="kids"] .app-header-v6{height:76px}
:root[data-experience="kids"] .header-action{min-height:44px;border-radius:14px}
:root[data-experience="kids"] .header-avatar{background:linear-gradient(135deg,var(--kids-yellow),var(--kids-orange));color:#293552}
:root[data-experience="kids"] .subject-card{border-width:2px;overflow:hidden}
:root[data-experience="kids"] .subject-card::after{content:"";position:absolute;right:-22px;top:-26px;width:88px;height:88px;border-radius:50%;background:color-mix(in srgb,var(--subject-color) 20%,transparent)}
:root[data-experience="kids"] .subject-icon{width:52px;height:52px;border-radius:17px}
:root[data-experience="kids"] .progress{height:10px;border-radius:999px}
:root[data-experience="kids"] .answer-option{min-height:62px;border-radius:18px;font-size:16px}
:root[data-experience="kids"] .answer-letter{width:38px;height:38px;border-radius:12px}
:root[data-experience="kids"] .question-card{padding:26px}
:root[data-experience="kids"] .practice-toolbar{background:var(--card);border:1px solid var(--line);padding:14px;border-radius:18px;margin-bottom:14px}
:root[data-experience="kids"] .price-card,
:root[data-experience="kids"] .marketplace-buy-card{display:none!important}

/* Kinder-Sidebar */
.kids-sidebar-mascot{display:grid;grid-template-columns:60px 1fr;gap:10px;align-items:center;margin:4px 8px 16px;padding:12px;border-radius:18px;background:linear-gradient(135deg,rgba(255,216,77,.22),rgba(255,111,174,.16),rgba(34,211,238,.14));border:1px solid rgba(139,92,246,.16)}
.kids-sidebar-mascot img{width:58px;height:58px}
.kids-sidebar-mascot strong{display:block;color:var(--ink);font-size:13px}
.kids-sidebar-mascot small{display:block;color:var(--muted);font-size:10px;line-height:1.35;margin-top:2px}

/* Kinder-Dashboard */
.kids-dashboard-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:center;padding:28px;border:2px solid rgba(139,92,246,.16);border-radius:28px;background:linear-gradient(135deg,rgba(255,216,77,.22),rgba(255,255,255,.7) 34%,rgba(168,230,255,.32) 67%,rgba(255,111,174,.18));box-shadow:var(--shadow)}
:root[data-experience="kids"][data-theme="dark"] .kids-dashboard-hero{background:linear-gradient(135deg,rgba(255,216,77,.14),rgba(32,39,70,.92) 40%,rgba(34,211,238,.12),rgba(255,111,174,.12))}
.kids-dashboard-hero::before,.kids-dashboard-hero::after{content:"★";position:absolute;color:rgba(139,92,246,.22);font-size:50px;transform:rotate(15deg)}
.kids-dashboard-hero::before{left:46%;top:18px}.kids-dashboard-hero::after{right:28%;bottom:12px;font-size:32px;color:rgba(255,111,174,.25)}
.kids-dashboard-hero h1{font-size:40px;line-height:1.05;letter-spacing:-1px;margin:8px 0;color:var(--ink)}
.kids-dashboard-hero p{max-width:650px;color:var(--muted-strong);font-size:16px}
.kids-dashboard-mascot{width:240px;height:240px;justify-self:end;filter:drop-shadow(0 18px 22px rgba(72,57,142,.18))}
.kids-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.kids-reward-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:16px}
.kids-reward-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow-soft)}
.kids-reward-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:#fff}
.kids-reward-card:nth-child(1) .kids-reward-icon{background:linear-gradient(135deg,#ffd84d,#fb923c)}
.kids-reward-card:nth-child(2) .kids-reward-icon{background:linear-gradient(135deg,#22d3ee,#3b82f6)}
.kids-reward-card:nth-child(3) .kids-reward-icon{background:linear-gradient(135deg,#34d399,#14b8a6)}
.kids-reward-card:nth-child(4) .kids-reward-icon{background:linear-gradient(135deg,#ff6fae,#8b5cf6)}
.kids-reward-icon .ui-icon{width:25px;height:25px}
.kids-reward-card small{display:block;color:var(--muted);font-size:11px}
.kids-reward-card strong{display:block;color:var(--ink);font-size:20px;margin-top:2px}
.kids-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-top:20px}
.kids-panel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow-soft)}
.kids-mission{background:linear-gradient(145deg,rgba(139,92,246,.14),rgba(59,130,246,.10));border:2px dashed rgba(139,92,246,.25)}
.kids-mission-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,#ffd84d,#fb923c);color:#334155;font-weight:900;font-size:11px}
.kids-mission h2{font-size:24px;margin:12px 0 6px;color:var(--ink)}
.kids-mission p{color:var(--muted);font-size:13px}
.kids-mini-progress{margin:16px 0}
.kids-achievements{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kids-achievement{display:grid;place-items:center;text-align:center;gap:5px;padding:10px 6px;border-radius:15px;background:var(--card-soft);border:1px solid var(--line);font-size:10px;color:var(--muted)}
.kids-achievement .ui-icon{width:25px;height:25px;color:var(--kids-purple)}
.kids-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.kids-course-card{position:relative;padding:18px;border-radius:22px;border:2px solid var(--line);background:var(--card);overflow:hidden}
.kids-course-card:nth-child(4n+1){border-color:rgba(59,130,246,.30)}
.kids-course-card:nth-child(4n+2){border-color:rgba(255,111,174,.30)}
.kids-course-card:nth-child(4n+3){border-color:rgba(52,211,153,.30)}
.kids-course-card:nth-child(4n+4){border-color:rgba(251,146,60,.30)}
.kids-course-card h3{font-size:18px;color:var(--ink)}
.kids-course-card p{font-size:12px;color:var(--muted)}
.kids-course-card .course-footer{margin-top:15px;padding-top:12px}
.kids-friendly-notice{display:flex;gap:12px;align-items:center;padding:15px;border-radius:18px;background:linear-gradient(135deg,rgba(34,211,238,.13),rgba(52,211,153,.12));border:1px solid rgba(34,211,238,.24)}
.kids-friendly-notice img{width:62px;height:62px}
.kids-friendly-notice strong{display:block;color:var(--ink)}
.kids-friendly-notice small{display:block;color:var(--muted);margin-top:3px}

/* Kinder-Startseite */
.kids-public-hero{padding:72px 22px 48px;position:relative;overflow:hidden}
.kids-public-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 430px;gap:42px;align-items:center}
.kids-public-copy h1{font-size:58px;line-height:1.02;letter-spacing:-2px;color:var(--ink);margin:12px 0}
.kids-public-copy h1 em{font-style:normal;background:linear-gradient(90deg,#8b5cf6,#ff6fae,#fb923c);-webkit-background-clip:text;color:transparent}
.kids-public-copy>p{font-size:19px;color:var(--muted-strong);max-width:720px}
.kids-public-badges{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}
.kids-public-badges span{padding:9px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-soft);font-size:12px;font-weight:800;color:var(--muted-strong)}
.kids-public-visual{position:relative;min-height:430px;display:grid;place-items:center}
.kids-public-visual::before{content:"";position:absolute;width:390px;height:390px;border-radius:46% 54% 63% 37%;background:linear-gradient(135deg,#ffe36a,#ff8bc0 40%,#8b7cff 70%,#52dded);filter:blur(1px);opacity:.42;animation:kidsBlob 8s ease-in-out infinite}
.kids-public-visual img{position:relative;width:330px;filter:drop-shadow(0 25px 28px rgba(74,51,151,.22))}
@keyframes kidsBlob{50%{border-radius:58% 42% 38% 62%;transform:rotate(8deg) scale(1.04)}}
.kids-feature-section{padding:48px 22px}
.kids-feature-inner{max-width:1180px;margin:auto}
.kids-feature-head{text-align:center;max-width:720px;margin:0 auto 26px}
.kids-feature-head h2{font-size:38px;color:var(--ink);margin:8px 0}
.kids-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kids-feature-card{padding:22px;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-soft);text-align:center}
.kids-feature-card:nth-child(1){background:linear-gradient(160deg,rgba(255,216,77,.24),var(--card) 60%)}
.kids-feature-card:nth-child(2){background:linear-gradient(160deg,rgba(255,111,174,.20),var(--card) 60%)}
.kids-feature-card:nth-child(3){background:linear-gradient(160deg,rgba(34,211,238,.20),var(--card) 60%)}
.kids-feature-card:nth-child(4){background:linear-gradient(160deg,rgba(52,211,153,.20),var(--card) 60%)}
.kids-feature-icon{width:62px;height:62px;margin:0 auto 13px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#5b7cff,#8b5cf6);color:#fff}
.kids-feature-icon .ui-icon{width:31px;height:31px}
.kids-feature-card h3{color:var(--ink);font-size:18px}
.kids-feature-card p{color:var(--muted);font-size:13px}
.kids-parent-info{max-width:1100px;margin:0 auto 55px;padding:26px;border-radius:26px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(34,211,238,.10),rgba(52,211,153,.10));border:1px solid var(--line);display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center}
.kids-parent-info .feature-icon-v6{width:70px;height:70px}
.kids-parent-info h2{color:var(--ink);margin:0 0 5px}
.kids-parent-info p{color:var(--muted);margin:0}

@media(max-width:980px){
  .audience-choice-grid{grid-template-columns:1fr}
  .kids-public-inner{grid-template-columns:1fr}
  .kids-public-visual{min-height:330px}
  .kids-dashboard-grid{grid-template-columns:1fr}
  .kids-reward-strip{grid-template-columns:1fr 1fr}
  .kids-feature-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .audience-gate{padding:10px}
  .audience-gate-dialog{padding:22px 15px;border-radius:22px}
  .audience-gate-dialog h1{font-size:29px}
  .audience-choice{grid-template-columns:80px 1fr 22px;min-height:140px;padding:14px;gap:10px}
  .audience-choice-visual{width:76px;height:76px}
  .audience-choice-visual img{width:76px;height:76px}
  .audience-choice-standard-icon{font-size:42px;border-radius:20px}
  .audience-choice-copy strong{font-size:18px}
  .audience-choice-copy small{font-size:12px}
  .registration-audience-grid{grid-template-columns:1fr}
  .audience-switch-button span{display:none}
  .kids-dashboard-hero{grid-template-columns:1fr;padding:20px}
  .kids-dashboard-hero h1{font-size:32px}
  .kids-dashboard-mascot{width:180px;height:180px;justify-self:center}
  .kids-reward-strip{grid-template-columns:1fr 1fr;gap:9px}
  .kids-reward-card{padding:11px}
  .kids-reward-icon{width:40px;height:40px}
  .kids-dashboard-grid{margin-top:14px}
  .kids-course-grid{grid-template-columns:1fr}
  .kids-public-hero{padding-top:38px}
  .kids-public-copy h1{font-size:39px;letter-spacing:-1px}
  .kids-public-copy>p{font-size:16px}
  .kids-public-visual{min-height:260px}
  .kids-public-visual img{width:235px}
  .kids-feature-grid{grid-template-columns:1fr}
  .kids-parent-info{grid-template-columns:60px 1fr}
  .kids-parent-info .btn{grid-column:1/3}
}