.zuc-app{--ink:#eef2ff;--muted:#c7d2fe;--deep:#0f172a;--glass:rgba(255,255,255,.12);--glass2:rgba(255,255,255,.08);--line:rgba(255,255,255,.18);--cyan:#22d3ee;--blue:#6366f1;--violet:#8b5cf6;--pink:#ec4899;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--shadow:0 24px 70px rgba(0,0,0,.28);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at 12% 10%,rgba(99,102,241,.55),transparent 32%),radial-gradient(circle at 86% 18%,rgba(34,211,238,.38),transparent 28%),radial-gradient(circle at 70% 88%,rgba(236,72,153,.32),transparent 30%),linear-gradient(135deg,#0b1026,#17113f 45%,#071827);color:var(--ink);min-height:100vh;line-height:1.65;overflow-x:hidden;position:relative}.zuc-app *{box-sizing:border-box}.zuc-app:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;pointer-events:none;z-index:0}.zuc-app>*,.zuc-container{position:relative;z-index:1}.zuc-container{width:min(1280px,92vw);margin:auto}.zuc-loading,.zuc-card{background:rgba(255,255,255,.12);border:1px solid var(--line);border-radius:24px;padding:28px;color:var(--ink)}.zuc-glass{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:30px}.zuc-card{padding:26px}.zuc-progress-fixed{position:fixed;top:0;left:0;height:8px;width:100%;background:rgba(255,255,255,.12);z-index:1000}.zuc-page-progress{height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));width:0}.zuc-decor{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;opacity:.13}.zuc-decor span{position:absolute;font-weight:900;color:white;animation:zuc-rise 22s linear infinite;font-size:clamp(20px,3vw,42px)}@keyframes zuc-rise{0%{transform:translateY(110vh) rotate(0deg);opacity:0}10%,80%{opacity:1}100%{transform:translateY(-20vh) rotate(360deg);opacity:0}}.zuc-nav{position:sticky;top:8px;z-index:30;padding:10px 0;background:rgba(15,23,42,.25);backdrop-filter:blur(12px)}.zuc-nav-inner{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.zuc-nav a{white-space:nowrap;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid var(--line);color:white;text-decoration:none;font-weight:800}.zuc-nav a:hover{background:rgba(255,255,255,.18)}.zuc-hero{min-height:92vh;display:flex;align-items:center;padding:38px 0 70px}.zuc-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:34px;align-items:center}.zuc-hero-main{padding:42px}.zuc-kicker{display:inline-flex;gap:10px;align-items:center;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid var(--line);font-weight:800;margin-bottom:18px}.zuc-app h1{font-size:clamp(2.6rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 18px}.zuc-app h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.1;text-align:center;margin:0 0 30px;letter-spacing:-.03em;color:white}.zuc-app h3{font-size:1.35rem;margin:0 0 10px;color:white}.zuc-lead{font-size:1.16rem;color:#e0e7ff;max-width:760px;margin:0 0 28px}.zuc-btn,.zuc-check,.zuc-restart{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 24px;border-radius:16px;font-weight:850;font-size:1rem;color:white;background:linear-gradient(135deg,var(--cyan),var(--violet),var(--pink));box-shadow:0 14px 30px rgba(99,102,241,.28);text-decoration:none;transition:.25s ease}.zuc-btn:hover,.zuc-check:hover,.zuc-restart:hover{transform:translateY(-2px);filter:saturate(1.12)}.zuc-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.zuc-value{background:var(--glass2);border:1px solid var(--line);border-radius:16px;padding:13px;font-weight:750;color:white}.zuc-hero-side{display:grid;gap:18px}.zuc-people{display:grid;grid-template-columns:1fr 1fr;gap:16px}.zuc-person{padding:18px;text-align:center;overflow:hidden}.zuc-person img{width:100%;max-width:235px;height:auto;display:block;margin:auto;filter:drop-shadow(0 20px 26px rgba(0,0,0,.32))}.zuc-bubble{padding:14px;border-radius:18px;margin-top:12px;font-weight:700;color:white}.zuc-bubble.lana{background:rgba(236,72,153,.22);border:1px solid rgba(236,72,153,.25)}.zuc-bubble.luka{background:rgba(34,211,238,.2);border:1px solid rgba(34,211,238,.25)}.zuc-progress-preview{padding:20px}.zuc-preview-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden;margin:12px 0}.zuc-preview-bar div{height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));border-radius:999px}.zuc-section{padding:74px 0}.zuc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.zuc-content{color:#eef2ff}.zuc-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.zuc-content-grid>.glass,.zuc-content-grid>.card,.zuc-content-grid>div{background:rgba(255,255,255,.12);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 34px rgba(0,0,0,.16)}.zuc-content table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px;margin-top:16px}.zuc-content th,.zuc-content td{border:1px solid rgba(255,255,255,.15);padding:12px;text-align:center}.zuc-content th{background:rgba(255,255,255,.12)}.zuc-content .math-box,.zuc-content .note,.zuc-content details{background:rgba(255,255,255,.09);border:1px solid var(--line);border-radius:18px;padding:16px;margin:14px 0}.zuc-content .formula{font-size:2rem;font-weight:900;text-align:center}.zuc-dialog{display:grid;gap:16px;max-width:980px;margin:auto}.zuc-dialog-row{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center}.zuc-dialog-row.right{grid-template-columns:1fr 90px}.zuc-dialog-row img{width:90px;height:90px;object-fit:contain}.zuc-task-card{padding:26px;max-width:900px;margin:0 auto}.zuc-topline{display:flex;justify-content:space-between;gap:12px;color:#dbeafe;margin-bottom:10px}.zuc-progressbar{height:12px;background:rgba(255,255,255,.13);border-radius:999px;overflow:hidden;margin-bottom:22px}.zuc-progressbar span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));border-radius:999px}.zuc-task-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.zuc-level-badge,.zuc-points{display:inline-flex;align-items:center;border-radius:999px;padding:8px 13px;font-weight:900;background:rgba(255,255,255,.11);border:1px solid var(--line);color:white}.zuc-question{font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.55;margin:16px 0 22px;font-weight:850;color:white}.zuc-answer{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.92);border-radius:16px;padding:16px 18px;font-size:22px;color:#111827}.zuc-options{display:grid;gap:12px;margin:12px 0}.zuc-option{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.1);border:1px solid var(--line);border-radius:16px;padding:14px 16px;cursor:pointer;font-size:18px;color:white}.zuc-option:hover{outline:2px solid var(--cyan);background:rgba(34,211,238,.14)}.zuc-option input{transform:scale(1.2)}.zuc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.zuc-actions button,.zuc-help button{border:0;border-radius:14px;padding:12px 18px;font-weight:900;cursor:pointer}.zuc-next{background:#fff;color:#1e293b}.zuc-skip{background:rgba(255,255,255,.11);border:1px solid var(--line)!important;color:white}.zuc-next:disabled{opacity:.45;cursor:not-allowed}.zuc-feedback{margin-top:16px;font-size:18px}.ok{color:#86efac;font-weight:950}.bad{color:#fca5a5;font-weight:950}.hint,.zuc-extra{background:rgba(245,158,11,.13);border-left:5px solid var(--amber);padding:14px;margin-top:10px;border-radius:14px;color:white}.zuc-help{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.zuc-help button{background:rgba(255,255,255,.12);border:1px solid var(--line);color:white}.zuc-finish{text-align:center;border-radius:30px;padding:36px;max-width:900px;margin:0 auto}.zuc-medal{font-size:5rem;margin-bottom:8px}.zuc-score{font-size:2.1rem;font-weight:950;margin:20px 0;color:white}.zuc-people.finish{max-width:620px;margin:22px auto}.zuc-final-static{text-align:center}.zuc-final-static .zuc-medal{font-size:5rem}@media(max-width:980px){.zuc-hero-grid{grid-template-columns:1fr}.zuc-value-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.zuc-section{padding:56px 0}.zuc-hero{align-items:flex-start;min-height:auto}.zuc-hero-main{padding:26px}.zuc-people{grid-template-columns:1fr}.zuc-value-grid{grid-template-columns:1fr}.zuc-dialog-row,.zuc-dialog-row.right{grid-template-columns:70px 1fr}.zuc-dialog-row.right{direction:rtl}.zuc-dialog-row.right .zuc-bubble{direction:ltr}.zuc-dialog-row img{width:70px;height:70px}.zuc-btn{width:100%}.zuc-topline,.zuc-task-head{display:block}.zuc-actions button{flex:1}.zuc-question{font-size:1.35rem}.zuc-app h1{font-size:2.8rem}}
.zuc-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.zuc-mode-card{appearance:none;border:1px solid var(--line);color:white;text-align:left;padding:28px;cursor:pointer;transition:.25s ease}.zuc-mode-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.18);filter:saturate(1.08)}.zuc-mode-card h3{font-size:1.6rem;margin:6px 0 10px}.zuc-mode-card p{color:#e0e7ff;margin:0 0 14px}.zuc-mode-icon{font-size:2.8rem;line-height:1}.zuc-mode-toolbar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:-10px 0 24px}.zuc-soft-btn{border:1px solid var(--line);background:rgba(255,255,255,.12);color:white;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer}.zuc-soft-btn:hover{background:rgba(255,255,255,.2)}.zuc-actions.center{justify-content:center}.zuc-hero-main .zuc-btn{border:0}.zuc-mode-btn{cursor:pointer}@media(max-width:900px){.zuc-mode-grid{grid-template-columns:1fr}.zuc-mode-card{text-align:center}.zuc-mode-toolbar{justify-content:flex-start}}

/* 0.7.1 polish: imported HTML should look like the original helper, without duplicated containers/headings. */
.zuc-app{width:100%;max-width:none;}
.zuc-app .zuc-section{scroll-margin-top:80px;}
.zuc-app .zuc-content .container,
.zuc-app .zuc-goals-content .container{width:100%;max-width:none;margin:0;padding:0;}
.zuc-app .zuc-content h2:first-child,
.zuc-app .zuc-goals-content h2:first-child{display:none;}
.zuc-app .zuc-content .grid,
.zuc-app .zuc-goals-content .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
.zuc-app .zuc-content .two{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;}
.zuc-app .zuc-content .glass,
.zuc-app .zuc-content .card,
.zuc-app .zuc-goals-content .glass,
.zuc-app .zuc-goals-content .card{background:rgba(255,255,255,.10);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 34px rgba(0,0,0,.16);}
.zuc-app .zuc-goals-content .glass.card,
.zuc-app .zuc-content .glass.card{padding:24px;}
.zuc-app .zuc-content .math-box{background:rgba(255,255,255,.09);border:1px solid var(--line);border-radius:22px;padding:20px;margin:18px 0;}
.zuc-app .zuc-content .formula{font-size:2rem;font-weight:900;text-align:center;letter-spacing:.02em;margin:10px 0;}
.zuc-app .zuc-content .root{display:inline-flex;align-items:flex-start;gap:2px;font-weight:900;}
.zuc-app .zuc-content .radical{font-size:1.15em;line-height:1;}
.zuc-app .zuc-content .radicand{border-top:2px solid currentColor;padding:0 5px 0 4px;line-height:1.2;}
.zuc-app .zuc-content .note{border-left:5px solid var(--cyan);padding:16px 18px;border-radius:16px;background:rgba(34,211,238,.11);margin:18px 0;}
.zuc-app .zuc-content .warn{border-left-color:var(--amber);background:rgba(245,158,11,.13);}
.zuc-app .zuc-content .svg-wrap{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:24px;padding:16px;overflow:hidden;}
.zuc-app .zuc-content svg{max-width:100%;height:auto;display:block;margin:auto;}
.zuc-app .zuc-content .example .step{display:none;margin-top:12px;padding:14px;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid var(--line);}
.zuc-app .zuc-content .example .step.show{display:block;animation:zuc-pop .28s ease;}
@keyframes zuc-pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.zuc-app .zuc-content .btn,
.zuc-app .zuc-content button.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:14px;font-weight:850;font-size:1rem;color:white;background:linear-gradient(135deg,var(--cyan),var(--violet),var(--pink));box-shadow:0 14px 30px rgba(99,102,241,.28);text-decoration:none;transition:.25s ease;margin:8px 0;}
.zuc-app .zuc-content .btn:hover{transform:translateY(-2px);filter:saturate(1.12);}
.zuc-app .zuc-dialog-row.no-img{display:block;max-width:900px;margin:0 auto;}
.zuc-app .zuc-dialog-row.no-img .zuc-bubble{width:100%;max-width:900px;margin:0 auto;}
.zuc-app .zuc-person img[style*="display: none"] + .zuc-bubble{margin-top:0;}
.zuc-app .zuc-task-card{max-width:900px;}
.zuc-app .zuc-task-card .zuc-question{word-break:normal;}
.zuc-app .zuc-answer{min-height:56px;}
.zuc-app .zuc-actions .zuc-next:disabled{opacity:.55;color:#334155;background:rgba(255,255,255,.55);}
@media(max-width:980px){.zuc-app .zuc-content .two{grid-template-columns:1fr}}
@media(max-width:700px){.zuc-app .zuc-nav{top:0}.zuc-app .zuc-nav a{font-size:14px;padding:8px 11px}.zuc-app .zuc-content .glass,.zuc-app .zuc-content .card{padding:18px}.zuc-app .zuc-mode-grid{grid-template-columns:1fr}.zuc-app .zuc-task-card{padding:20px}.zuc-app .zuc-actions{gap:10px}.zuc-app .zuc-actions button{min-width:0}}

/* 0.9.0 Lana & Luka character layer */
.zuc-character-msg{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;margin-top:14px;padding:14px;border-radius:18px;border:1px solid var(--line);color:white;background:rgba(255,255,255,.10)}
.zuc-character-msg img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.28))}
.zuc-character-msg strong{display:block;margin-bottom:4px;font-size:1rem}
.zuc-character-msg.lana{background:rgba(236,72,153,.15);border-color:rgba(236,72,153,.35)}
.zuc-character-msg.luka{background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.35)}
.zuc-task-helper-row{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center;margin:8px 0 18px;max-width:780px}
.zuc-task-helper-row img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(0,0,0,.30))}
.zuc-task-helper-row .zuc-bubble{margin-top:0;text-align:left}
.zuc-extra{background:transparent!important;border:0!important;border-left:0!important;padding:0!important;margin-top:12px!important}
.zuc-feedback .zuc-character-msg{margin-top:0}
.zuc-feedback .ok,.zuc-feedback .bad{margin-bottom:10px}
.zuc-people .zuc-person img{max-height:260px;object-fit:contain}
.zuc-dialog-row img{filter:drop-shadow(0 16px 22px rgba(0,0,0,.32))}
@media(max-width:700px){.zuc-character-msg{grid-template-columns:58px 1fr}.zuc-character-msg img{width:58px;height:58px}.zuc-task-helper-row{grid-template-columns:58px 1fr}.zuc-task-helper-row img{width:58px;height:58px}.zuc-task-helper-row .zuc-bubble{font-size:.95rem}}

/* ZUČ 1.0 Family & Progress */
.zuc-child-select{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 14px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);font-weight:800;color:#fff}
.zuc-child-select select{width:auto;min-width:220px;margin:0;background:rgba(255,255,255,.94);color:#111827;border-radius:12px;padding:10px 12px;border:0}
.zuc-child-note{margin:16px 0;padding:12px 14px;border-radius:16px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.22);font-weight:700;color:#e0f2fe}
.zuc-save-note{margin-top:12px;font-weight:800;color:#a5f3fc}
.zuc-family-hero{padding:34px;margin:30px 0;text-align:center}
.zuc-family-hero h1{font-size:clamp(2.2rem,5vw,4rem);margin:0 0 10px}
.zuc-family-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:24px 0}
.zuc-family-card{padding:22px;border-radius:26px}
.zuc-mini-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.zuc-mini-row:last-child{border-bottom:0}
.zuc-child-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}
.zuc-child-form input,.zuc-child-form select{width:100%;margin:0;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.94);color:#111827}
.zuc-table{width:100%;border-collapse:collapse;margin-top:14px;overflow:hidden;border-radius:16px}
.zuc-table th,.zuc-table td{border:1px solid rgba(255,255,255,.16);padding:11px;text-align:left}
.zuc-table th{background:rgba(255,255,255,.12)}
#zuc-child-msg{margin-top:12px;font-weight:800;color:#a5f3fc}


/* ZUČ 1.1.0 - aktivni otroški profil */
.zuc-active-profile{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.zuc-child-select{display:flex;gap:8px;align-items:center;font-weight:700}
.zuc-child-select select{border-radius:999px;padding:8px 14px;border:1px solid rgba(255,255,255,.25);background:#fff;color:#111;min-width:170px}
.zuc-child-note{font-size:.95rem;opacity:.9}


/* ZUC Theme Engine 1.1.1 */
.zuc-app[data-theme="light"]{
--ink:#0f172a;
--muted:#334155;
--deep:#dbeafe;
--glass:rgba(59,130,246,.12);
--glass2:rgba(59,130,246,.08);
--line:rgba(59,130,246,.22);
background:radial-gradient(circle at 12% 10%,rgba(96,165,250,.35),transparent 32%),radial-gradient(circle at 86% 18%,rgba(59,130,246,.22),transparent 28%),linear-gradient(135deg,#eff6ff,#dbeafe 45%,#bfdbfe);
color:var(--ink);
}
.zuc-app[data-theme="light"]:before{
background-image:linear-gradient(rgba(59,130,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.06) 1px,transparent 1px);
}
.zuc-app[data-theme="light"] .zuc-nav{
background:rgba(219,234,254,.75);
}
.zuc-app[data-theme="light"] h2,
.zuc-app[data-theme="light"] h3,
.zuc-app[data-theme="light"] .zuc-question,
.zuc-app[data-theme="light"] .zuc-value,
.zuc-app[data-theme="light"] .zuc-level-badge,
.zuc-app[data-theme="light"] .zuc-points,
.zuc-app[data-theme="light"] .zuc-option,
.zuc-app[data-theme="light"] .zuc-help button,
.zuc-app[data-theme="light"] .zuc-nav a,
.zuc-app[data-theme="light"] .zuc-content,
.zuc-app[data-theme="light"] .zuc-bubble,
.zuc-app[data-theme="light"] .zuc-score{
color:#0f172a;
}
.zuc-app[data-theme="light"] .zuc-card,
.zuc-app[data-theme="light"] .zuc-content-grid>div,
.zuc-app[data-theme="light"] .glass,
.zuc-app[data-theme="light"] .card{
background:rgba(255,255,255,.65);
}


/* ZUČ Theme Engine 1.1.2 - stronger light overrides */
.zuc-app[data-theme="light"],
.zuc-app.zuc-theme-light{
  --ink:#0f172a;
  --muted:#334155;
  --deep:#dbeafe;
  --glass:rgba(59,130,246,.16);
  --glass2:rgba(59,130,246,.10);
  --line:rgba(37,99,235,.25);
  --shadow:0 18px 48px rgba(37,99,235,.13);
  background:radial-gradient(circle at 12% 10%,rgba(96,165,250,.35),transparent 32%),radial-gradient(circle at 86% 18%,rgba(59,130,246,.22),transparent 28%),linear-gradient(135deg,#eff6ff,#dbeafe 45%,#bfdbfe) !important;
  color:#0f172a !important;
}
.zuc-app[data-theme="light"]:before,
.zuc-app.zuc-theme-light:before{
  background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.055) 1px,transparent 1px) !important;
}
.zuc-app[data-theme="light"] .zuc-nav,
.zuc-app.zuc-theme-light .zuc-nav{
  background:rgba(219,234,254,.86) !important;
  border-bottom:1px solid rgba(37,99,235,.16) !important;
}
.zuc-app[data-theme="light"] .zuc-glass,
.zuc-app[data-theme="light"] .zuc-card,
.zuc-app[data-theme="light"] .zuc-loading,
.zuc-app[data-theme="light"] .zuc-content-grid>div,
.zuc-app[data-theme="light"] .zuc-content .glass,
.zuc-app[data-theme="light"] .zuc-content .card,
.zuc-app[data-theme="light"] .zuc-goals-content .glass,
.zuc-app[data-theme="light"] .zuc-goals-content .card,
.zuc-app[data-theme="light"] .zuc-content .math-box,
.zuc-app[data-theme="light"] .zuc-content .note,
.zuc-app[data-theme="light"] .zuc-content details,
.zuc-app[data-theme="light"] .zuc-task-card,
.zuc-app[data-theme="light"] .zuc-finish,
.zuc-app.zuc-theme-light .zuc-glass,
.zuc-app.zuc-theme-light .zuc-card,
.zuc-app.zuc-theme-light .zuc-loading,
.zuc-app.zuc-theme-light .zuc-content-grid>div,
.zuc-app.zuc-theme-light .zuc-content .glass,
.zuc-app.zuc-theme-light .zuc-content .card,
.zuc-app.zuc-theme-light .zuc-goals-content .glass,
.zuc-app.zuc-theme-light .zuc-goals-content .card,
.zuc-app.zuc-theme-light .zuc-content .math-box,
.zuc-app.zuc-theme-light .zuc-content .note,
.zuc-app.zuc-theme-light .zuc-content details,
.zuc-app.zuc-theme-light .zuc-task-card,
.zuc-app.zuc-theme-light .zuc-finish{
  background:rgba(255,255,255,.68) !important;
  border-color:rgba(37,99,235,.22) !important;
  color:#0f172a !important;
  box-shadow:var(--shadow) !important;
}
.zuc-app[data-theme="light"] h1,
.zuc-app[data-theme="light"] h2,
.zuc-app[data-theme="light"] h3,
.zuc-app[data-theme="light"] p,
.zuc-app[data-theme="light"] li,
.zuc-app[data-theme="light"] td,
.zuc-app[data-theme="light"] th,
.zuc-app[data-theme="light"] .zuc-lead,
.zuc-app[data-theme="light"] .zuc-content,
.zuc-app[data-theme="light"] .zuc-question,
.zuc-app[data-theme="light"] .zuc-value,
.zuc-app[data-theme="light"] .zuc-level-badge,
.zuc-app[data-theme="light"] .zuc-points,
.zuc-app[data-theme="light"] .zuc-option,
.zuc-app[data-theme="light"] .zuc-help button,
.zuc-app[data-theme="light"] .zuc-nav a,
.zuc-app[data-theme="light"] .zuc-bubble,
.zuc-app[data-theme="light"] .zuc-score,
.zuc-app.zuc-theme-light h1,
.zuc-app.zuc-theme-light h2,
.zuc-app.zuc-theme-light h3,
.zuc-app.zuc-theme-light p,
.zuc-app.zuc-theme-light li,
.zuc-app.zuc-theme-light td,
.zuc-app.zuc-theme-light th,
.zuc-app.zuc-theme-light .zuc-lead,
.zuc-app.zuc-theme-light .zuc-content,
.zuc-app.zuc-theme-light .zuc-question,
.zuc-app.zuc-theme-light .zuc-value,
.zuc-app.zuc-theme-light .zuc-level-badge,
.zuc-app.zuc-theme-light .zuc-points,
.zuc-app.zuc-theme-light .zuc-option,
.zuc-app.zuc-theme-light .zuc-help button,
.zuc-app.zuc-theme-light .zuc-nav a,
.zuc-app.zuc-theme-light .zuc-bubble,
.zuc-app.zuc-theme-light .zuc-score{
  color:#0f172a !important;
}
.zuc-app[data-theme="light"] .zuc-nav a,
.zuc-app.zuc-theme-light .zuc-nav a,
.zuc-app[data-theme="light"] .zuc-option,
.zuc-app.zuc-theme-light .zuc-option,
.zuc-app[data-theme="light"] .zuc-help button,
.zuc-app.zuc-theme-light .zuc-help button{
  background:rgba(59,130,246,.13) !important;
  border-color:rgba(37,99,235,.25) !important;
}
.zuc-app[data-theme="light"] .zuc-bubble.lana,
.zuc-app.zuc-theme-light .zuc-bubble.lana{
  background:rgba(219,234,254,.82) !important;
}
.zuc-app[data-theme="light"] .zuc-bubble.luka,
.zuc-app.zuc-theme-light .zuc-bubble.luka{
  background:rgba(191,219,254,.82) !important;
}

/* ZUČ Theme Engine 1.1.3 - user theme switch + light contrast polish */
.zuc-theme-switch{
  position:fixed;right:18px;bottom:18px;z-index:10020;display:flex;align-items:center;gap:8px;
  border:1px solid rgba(37,99,235,.25);border-radius:999px;padding:9px 13px;
  background:rgba(255,255,255,.82);backdrop-filter:blur(14px);box-shadow:0 12px 32px rgba(15,23,42,.18);
  color:#0f172a;font-weight:900;font-size:14px;cursor:pointer;line-height:1;
}
.zuc-app[data-theme="dark"] .zuc-theme-switch{background:rgba(15,23,42,.75);border-color:rgba(255,255,255,.18);color:#fff;}
.zuc-theme-switch:hover{transform:translateY(-1px);filter:saturate(1.08)}
.zuc-app[data-theme="light"] .zuc-next,
.zuc-app.zuc-theme-light .zuc-next,
.zuc-app[data-theme="light"] .zuc-skip,
.zuc-app.zuc-theme-light .zuc-skip,
.zuc-app[data-theme="light"] .zuc-soft-btn,
.zuc-app.zuc-theme-light .zuc-soft-btn,
.zuc-app[data-theme="light"] .zuc-mode-card,
.zuc-app.zuc-theme-light .zuc-mode-card,
.zuc-app[data-theme="light"] .zuc-actions button:not(.zuc-check):not(.zuc-btn):not(.zuc-restart),
.zuc-app.zuc-theme-light .zuc-actions button:not(.zuc-check):not(.zuc-btn):not(.zuc-restart){
  color:#0f172a !important;
  background:rgba(59,130,246,.14) !important;
  border:1px solid rgba(37,99,235,.28) !important;
}
.zuc-app[data-theme="light"] .zuc-next,
.zuc-app.zuc-theme-light .zuc-next{
  background:linear-gradient(135deg,#dbeafe,#bfdbfe) !important;
  color:#0f172a !important;
}
.zuc-app[data-theme="light"] .zuc-btn,
.zuc-app[data-theme="light"] .zuc-check,
.zuc-app[data-theme="light"] .zuc-restart,
.zuc-app[data-theme="light"] .zuc-app .zuc-content .btn,
.zuc-app.zuc-theme-light .zuc-btn,
.zuc-app.zuc-theme-light .zuc-check,
.zuc-app.zuc-theme-light .zuc-restart,
.zuc-app.zuc-theme-light .zuc-content .btn{
  color:#ffffff !important;
  text-shadow:0 1px 1px rgba(15,23,42,.22);
}
.zuc-app[data-theme="light"] .zuc-mode-card p,
.zuc-app.zuc-theme-light .zuc-mode-card p,
.zuc-app[data-theme="light"] .zuc-topline,
.zuc-app.zuc-theme-light .zuc-topline,
.zuc-app[data-theme="light"] .hint,
.zuc-app[data-theme="light"] .zuc-extra,
.zuc-app.zuc-theme-light .hint,
.zuc-app.zuc-theme-light .zuc-extra{
  color:#1e293b !important;
}
.zuc-app[data-theme="light"] .ok,.zuc-app.zuc-theme-light .ok{color:#047857 !important;}
.zuc-app[data-theme="light"] .bad,.zuc-app.zuc-theme-light .bad{color:#b91c1c !important;}
.zuc-app[data-theme="light"] .zuc-content th,
.zuc-app.zuc-theme-light .zuc-content th{background:rgba(59,130,246,.16) !important;color:#0f172a !important;}
.zuc-app[data-theme="light"] .zuc-content td,
.zuc-app.zuc-theme-light .zuc-content td{background:rgba(255,255,255,.38) !important;color:#0f172a !important;}
@media(max-width:700px){.zuc-theme-switch{right:12px;bottom:12px;font-size:13px;padding:8px 11px}}

/* ZUČ Theme Engine 1.1.4 - visible in-navigation theme switch + light contrast fixes */
.zuc-nav-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  overflow:visible !important;
  padding-bottom:4px;
}
.zuc-nav-links{
  display:flex;
  gap:10px;
  overflow-x:auto;
  flex:1 1 auto;
  min-width:0;
  padding:2px 0 6px;
}
.zuc-nav-tools{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.zuc-theme-switch{
  position:static !important;
  right:auto !important;
  bottom:auto !important;
  z-index:2 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  white-space:nowrap;
  border:1px solid rgba(37,99,235,.28) !important;
  border-radius:999px !important;
  padding:10px 14px !important;
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(14px);
  box-shadow:0 10px 24px rgba(37,99,235,.14) !important;
  color:#0f172a !important;
  font-weight:900 !important;
  font-size:14px !important;
  cursor:pointer;
  line-height:1 !important;
}
.zuc-app[data-theme="dark"] .zuc-theme-switch,
.zuc-app.zuc-theme-dark .zuc-theme-switch{
  background:rgba(15,23,42,.72) !important;
  border-color:rgba(255,255,255,.20) !important;
  color:#ffffff !important;
  box-shadow:0 10px 24px rgba(0,0,0,.22) !important;
}
.zuc-theme-switch:hover{transform:translateY(-1px);filter:saturate(1.08)}

.zuc-app[data-theme="light"] .zuc-active-profile,
.zuc-app.zuc-theme-light .zuc-active-profile,
.zuc-app[data-theme="light"] .zuc-child-select,
.zuc-app.zuc-theme-light .zuc-child-select,
.zuc-app[data-theme="light"] .zuc-child-note,
.zuc-app.zuc-theme-light .zuc-child-note,
.zuc-app[data-theme="light"] .zuc-save-note,
.zuc-app.zuc-theme-light .zuc-save-note{
  background:rgba(59,130,246,.13) !important;
  border-color:rgba(37,99,235,.28) !important;
  color:#0f172a !important;
  opacity:1 !important;
}
.zuc-app[data-theme="light"] .zuc-active-profile span,
.zuc-app.zuc-theme-light .zuc-active-profile span,
.zuc-app[data-theme="light"] .zuc-child-select span,
.zuc-app.zuc-theme-light .zuc-child-select span,
.zuc-app[data-theme="light"] .zuc-child-note strong,
.zuc-app.zuc-theme-light .zuc-child-note strong{
  color:#0f172a !important;
}
.zuc-app[data-theme="light"] .zuc-kicker,
.zuc-app.zuc-theme-light .zuc-kicker,
.zuc-app[data-theme="light"] .zuc-value,
.zuc-app.zuc-theme-light .zuc-value,
.zuc-app[data-theme="light"] .zuc-level-badge,
.zuc-app.zuc-theme-light .zuc-level-badge,
.zuc-app[data-theme="light"] .zuc-points,
.zuc-app.zuc-theme-light .zuc-points{
  color:#0f172a !important;
  background:rgba(59,130,246,.12) !important;
  border-color:rgba(37,99,235,.25) !important;
}
.zuc-app[data-theme="light"] .zuc-character-msg,
.zuc-app.zuc-theme-light .zuc-character-msg{
  color:#0f172a !important;
  background:rgba(255,255,255,.62) !important;
  border-color:rgba(37,99,235,.22) !important;
}
.zuc-app[data-theme="light"] .zuc-character-msg strong,
.zuc-app.zuc-theme-light .zuc-character-msg strong{
  color:#0f172a !important;
}
.zuc-app[data-theme="light"] .zuc-skip,
.zuc-app.zuc-theme-light .zuc-skip,
.zuc-app[data-theme="light"] .zuc-next,
.zuc-app.zuc-theme-light .zuc-next,
.zuc-app[data-theme="light"] .zuc-help button,
.zuc-app.zuc-theme-light .zuc-help button{
  color:#0f172a !important;
  background:rgba(219,234,254,.92) !important;
  border:1px solid rgba(37,99,235,.28) !important;
}
.zuc-app[data-theme="light"] .zuc-nav a:hover,
.zuc-app.zuc-theme-light .zuc-nav a:hover{
  background:rgba(37,99,235,.18) !important;
}
.zuc-family-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.zuc-family-top h1,
.zuc-family-top p{
  text-align:left;
  margin-left:0;
  margin-right:0;
}
@media(max-width:700px){
  .zuc-nav-inner{align-items:flex-start !important;gap:8px !important;}
  .zuc-nav-tools{padding-top:2px;}
  .zuc-theme-switch{font-size:12px !important;padding:9px 10px !important;min-height:38px;}
  .zuc-nav-links{gap:8px;}
}


/* ZUČ 1.1.6 - real mobile fixes: tables + Lana/Luka bubbles */
@media (max-width: 700px){
  /* Tables in lesson content: do not squeeze or cut columns; allow touch scrolling. */
  .zuc-app .zuc-content table,
  .zuc-app table.zuc-table{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    white-space:nowrap !important;
    border-radius:18px !important;
  }
  .zuc-app .zuc-content table tbody,
  .zuc-app .zuc-content table thead,
  .zuc-app .zuc-content table tfoot,
  .zuc-app table.zuc-table tbody,
  .zuc-app table.zuc-table thead,
  .zuc-app table.zuc-table tfoot{
    display:table !important;
    width:max-content !important;
    min-width:100% !important;
  }
  .zuc-app .zuc-content table tr,
  .zuc-app table.zuc-table tr{
    display:table-row !important;
  }
  .zuc-app .zuc-content table th,
  .zuc-app .zuc-content table td,
  .zuc-app table.zuc-table th,
  .zuc-app table.zuc-table td{
    display:table-cell !important;
    min-width:64px !important;
    white-space:nowrap !important;
  }

  /* Lana & Luka dialog: on phones, place character and text vertically. */
  .zuc-app .zuc-dialog-row,
  .zuc-app .zuc-dialog-row.right{
    display:flex !important;
    grid-template-columns:none !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    direction:ltr !important;
    width:100% !important;
    max-width:100% !important;
  }
  .zuc-app .zuc-dialog-row.right img{
    order:1 !important;
  }
  .zuc-app .zuc-dialog-row.right .zuc-bubble{
    order:2 !important;
  }
  .zuc-app .zuc-dialog-row img{
    width:82px !important;
    height:82px !important;
    flex:0 0 auto !important;
  }
  .zuc-app .zuc-dialog-row .zuc-bubble,
  .zuc-app .zuc-dialog-row.right .zuc-bubble,
  .zuc-app .zuc-task-helper-row .zuc-bubble,
  .zuc-app .zuc-person .zuc-bubble{
    width:100% !important;
    max-width:340px !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:left !important;
    direction:ltr !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    hyphens:none !important;
    line-height:1.55 !important;
  }

  /* Task helper row also needs enough room for words. */
  .zuc-app .zuc-task-helper-row{
    display:flex !important;
    grid-template-columns:none !important;
    flex-direction:column !important;
    align-items:center !important;
    width:100% !important;
  }
  .zuc-app .zuc-task-helper-row img{
    width:76px !important;
    height:76px !important;
  }
}