/* ===== NAUKA 5 • motyw LAGUNA (Bento, jasny) ===== */
:root{--lg1:#14b8a6;--lg2:#3b82f6;--lgink:#14213d;--lgmuted:#4a5878;--lgsh:#3b82f64d;
--bg:#f4f8ff;--paper:#ffffffd9;--paper2:#fff;--ink:#14213d;--muted:#4a5878;--line:#d4e3f5;--soft:#eef6ff;
--accent:#3b82f6;--accent2:#14b8a6;--blue:#3b82f6;--good:#16845b;--bad:#d94b55;--gold:#fff3b0;--purple:#7c5cff;
--cyan:#14b8a6;--green:#16a34a;--yellow:#f2b705;--pink:#ff6fae;--red:#d94b55;--shadow:0 10px 28px #3b5bdb1f}
body{font-family:Outfit,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--ink)!important;min-height:100vh;
background:radial-gradient(circle at 12% 6%,#bfeee8 0,transparent 42%),radial-gradient(circle at 92% 28%,#d9d0ff 0,transparent 40%),radial-gradient(circle at 18% 96%,#ffe3c7 0,transparent 45%),#f4f8ff!important;background-attachment:fixed!important}
body:before{display:none!important}
/* karty */
.panel,.card,.reportcard,.pcard-child,.active-test-card,.continue-card,.stat,.daily-card,.qmap,.sectionrow,.checkitem,.reviewitem,.callout{background:#ffffffc7!important;border:1.5px solid #fff!important;border-radius:24px;box-shadow:0 8px 24px #3b5bdb17!important;color:var(--ink);backdrop-filter:blur(8px)}
.sectionrow,.checkitem,.stat,.reviewitem,.continue-card,.active-test-card{border-radius:18px}
.small,.card p,.muted,.result-sub,.panel p{color:var(--muted)!important}
h1,h2,h3,.question,.reviewitem b,.name,.qtop{color:var(--ink)!important}
/* hero modułów */
.hero{background:linear-gradient(135deg,#14b8a6,#3b82f6)!important;border:1.5px solid #fff!important;border-radius:28px!important;box-shadow:0 14px 34px var(--lgsh)!important;color:#fff!important}
.hero h1,.hero p,.hero *{color:#fff!important}
/* przyciski */
button.primary,.primary,.btn.dark,.btn.primary,#checkBtn,#nextBtn{background:linear-gradient(135deg,#14b8a6,#3b82f6)!important;color:#fff!important;border:0!important;border-radius:99px!important;box-shadow:0 10px 22px var(--lgsh)!important;font-weight:800}
.secondary,.ghost,.btn.light,button.restart{background:#ffffffd9!important;color:var(--ink)!important;border:1.5px solid #fff!important;border-radius:99px!important;box-shadow:0 4px 14px #3b5bdb14}
.gold{background:linear-gradient(135deg,#fff3b0,#ffe7a0)!important;color:#7a4a00!important;border:1.5px solid #fff!important;border-radius:99px!important}
.chip,.portal-chip,.home-chip,.refresh-chip{background:#ffffffd9!important;color:var(--ink)!important;border:1.5px solid #fff!important;border-radius:99px!important;box-shadow:0 4px 12px #3b5bdb14}
.chip:hover{background:#fff!important;border-color:#3b82f6!important}
.chip.active,.chip.on,.chip.current,.chip[aria-pressed=true]{background:linear-gradient(135deg,#14b8a6,#3b82f6)!important;color:#fff!important}
.badge,.pill,.scorepill{background:#e3f4ff!important;color:#1d4ed8!important;border:0!important}
.progress,.active-progress,.goal-track{background:#dbe8f5!important;border-color:#fff!important}
.progress>*,.active-progress>*,.goal-track>i{background:linear-gradient(90deg,#14b8a6,#3b82f6)!important}
/* odpowiedzi */
.opt,.multiopt,select,textarea,input[type=text],input[type=number],input:not([type]){background:#fff!important;border:2px solid #d4e3f5!important;border-radius:18px!important;color:var(--ink)!important}
.opt:hover,.multiopt:hover{border-color:#3b82f6!important;background:#f2f8ff!important}
.opt.correct,.multiopt.correct{background:#d9f5e6!important;border-color:#2fbf7a!important}
.opt.wrong,.multiopt.wrong{background:#ffe3e3!important;border-color:#e86a74!important}
.feedback.good{background:#d9f5e6!important;border:1.5px solid #9be0bd!important;color:#12663f!important;border-radius:20px}
.feedback.bad{background:#ffe9e4!important;border:1.5px solid #f4b9ae!important;color:#8a2a2a!important;border-radius:20px}
.fact{background:linear-gradient(135deg,#fff3b0,#ffe7a0)!important;border:1.5px solid #fff!important;color:#5c3a00!important;border-radius:20px}
.analysis{background:#eef6ff!important;border:1.5px solid #d4e3f5!important;color:var(--ink)!important;border-radius:20px}
.model{background:#efe9ff!important;border:1.5px solid #d9d0ff!important;color:#2a1f5c!important;border-radius:20px}
.callout{border-left:5px solid #14b8a6!important}
.reporttable th{background:#e3f0ff!important;color:#1d4ed8!important}.reporttable td{border-color:#e1ecf8!important;color:var(--ink)}
.quiz-nav-actions{background:#ffffffe6!important;backdrop-filter:blur(12px);border-top:1.5px solid #fff!important;box-shadow:0 -8px 24px #3b5bdb1a}
.result-hero{background:linear-gradient(135deg,#d9f5f0,#e1ebff)!important;border:1.5px solid #fff!important;border-radius:26px!important;box-shadow:0 10px 28px #3b5bdb1a!important}
.result-avatar{border-color:#fff!important;box-shadow:0 10px 28px #3b82f64d!important;animation:lgBob 3.4s ease-in-out infinite}
.resultbig{color:#14b8a6!important}.result-sub{color:var(--muted)!important}
.qdot,.qmap-btn{background:#fff!important;color:var(--ink)!important;border-color:#d4e3f5!important}
.xnav a{color:var(--ink)}
/* portal */
.topbar .logo{background:linear-gradient(135deg,#14b8a6,#3b82f6)!important;color:#fff;box-shadow:0 8px 20px var(--lgsh)}
.brand b,.brand span{color:var(--ink)!important}
.parent-btn{background:#ffffffd9!important;color:var(--ink)!important;border:1.5px solid #fff!important;border-radius:99px!important;box-shadow:0 4px 14px #3b5bdb14!important}
.hero-v2{background:linear-gradient(135deg,#e1f7f3,#e4ecff 55%,#f0e8ff)!important;border:1.5px solid #fff!important;box-shadow:0 14px 34px #3b5bdb24!important;min-height:0!important}
.hero-v2 h1,.hero-v2 p,.hero-v2 .eyebrow{color:var(--ink)!important;background:none}
.hero-v2 p{color:var(--muted)!important}.hero-v2 .eyebrow{color:#0f766e!important;font-weight:800}
.hero-v2:before{background:radial-gradient(400px 220px at 15% 90%,#14b8a62e,transparent 70%),radial-gradient(360px 220px at 85% 10%,#7c5cff22,transparent 68%)!important}
.goal-card{background:#ffffffb8!important;border:1.5px solid #fff!important;color:var(--ink)}.goal-head span:last-child,.goal-caption{color:var(--muted)!important}
.mood-badge{background:#fff!important;color:var(--ink)!important;border:0!important;box-shadow:0 6px 16px #3b5bdb2e!important}
.subject{border:1.5px solid #fff!important;color:var(--ink)!important;box-shadow:0 10px 26px #3b5bdb1f!important}
.subject h3,.subject p{color:var(--ink)!important}.subject p{color:var(--muted)!important}
.subject.history{background:linear-gradient(155deg,#fff0d9,#ffe3c7)!important}
.subject.bio{background:linear-gradient(155deg,#d9f7e3,#c9f2ee)!important}
.subject.geo{background:linear-gradient(155deg,#dcecff,#cfe0ff)!important}
.subject.math{background:linear-gradient(155deg,#ece3ff,#ffdff0)!important}
.subject.en{background:linear-gradient(155deg,#eef2f8,#e4eaf4)!important}
.subject .status,.subject-meta,.subject .go{color:var(--ink)!important}
.subject .status{background:#ffffffb8!important;border:0!important}
.subject-visual{opacity:.16!important;color:var(--ink)!important}
.quick-row a{background:#ffffffd9!important;color:var(--ink)!important;border:1.5px solid #fff!important;border-radius:99px!important}
.section-title h2{color:var(--ink)}.section-title p{color:var(--muted)}
.continue-card *{color:var(--ink)}
/* panel rodzica i okno PIN – zostają ciemne (przywrócenie zmiennych) */
.parent-overlay,.overlay{--paper:#111a33;--paper2:#151f3d;--ink:#f8fbff;--muted:#a9b5d0;--line:#243154}
/* żyjący chłopiec */
@keyframes lgBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes lgHalo{0%,100%{box-shadow:0 0 0 0 #14b8a64d,0 10px 24px #3b82f64d}50%{box-shadow:0 0 0 12px #14b8a600,0 10px 24px #3b82f64d}}
@keyframes lgJump{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-14px) rotate(-6deg)}60%{transform:translateY(-14px) rotate(6deg)}}
.mood-avatar{animation:lgBob 3.4s ease-in-out infinite,lgHalo 3.4s ease-in-out infinite;border-color:#fff!important}
.mood-avatar.lg-jump,.lg-live img.lg-jump{animation:lgJump .9s ease-in-out 2!important}
.lg-live{position:fixed;right:10px;top:10px;z-index:60;display:flex;align-items:center;gap:8px;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}
.lg-live img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid #fff;background:#fff;animation:lgBob 3.4s ease-in-out infinite,lgHalo 3.4s ease-in-out infinite;pointer-events:auto;cursor:pointer}
.lg-live .lg-say{order:2;max-width:210px;background:#fff;color:var(--ink);border-radius:18px;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.3;box-shadow:0 8px 20px #3b5bdb2e;opacity:0;transform:translateX(8px);transition:.3s}
.lg-live .lg-say.on{opacity:1;transform:none}
.lg-live .lg-say.good{background:#d9f5e6;color:#12663f}.lg-live .lg-say.hint{background:#fff3b0;color:#5c3a00}
@media(max-width:560px){.lg-live img{width:48px;height:48px}.lg-live .lg-say{max-width:170px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.mood-avatar,.lg-live img,.result-avatar{animation:none!important}}
.goal-head,.goal-head span:first-child{color:var(--ink)!important}.parent-btn,.top-actions button{color:var(--ink)!important}
.install{background:#ffffffd9!important;color:var(--ink)!important;border:1.5px solid #fff!important;border-radius:99px!important}
.goal-head>span:first-child,.goal-head{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)}
.subject .open-subject{background:linear-gradient(135deg,#14b8a6,#3b82f6)!important;color:#fff!important;border:0!important}
.subject .subject-meta .meter{background:#ffffff99!important}
.pstat b{-webkit-text-fill-color:initial}
.xnav a{color:#1d4ed8!important;opacity:1!important}.xnav a.on,.xnav a[aria-current]{color:#fff!important}
@media(min-width:700px){.lg-live{top:auto;bottom:18px;right:18px;flex-direction:column-reverse}.lg-live img{width:68px;height:68px}}
/* panel rodzica: zostaje ciemny */
.parent-overlay .panel,.parent-overlay .card,.parent-overlay .stat,.parent-overlay .reportcard,.parent-overlay .sectionrow,.parent-overlay .checkitem,.parent-overlay .reviewitem,.parent-overlay .callout,.parent-overlay .active-test-card,.parent-overlay .continue-card{background:#ffffff0a!important;border:1px solid #ffffff14!important;color:#f8fbff!important;box-shadow:none!important;backdrop-filter:none}
.parent-overlay h1,.parent-overlay h2,.parent-overlay h3,.parent-overlay .name{color:#f8fbff!important}
.parent-overlay .small,.parent-overlay .muted,.parent-overlay p{color:#a9b5d0!important}
.parent-overlay .chip,.parent-overlay .secondary,.parent-overlay .ghost,.parent-overlay .parent-btn,.parent-overlay button:not(.primary){background:#ffffff12!important;color:#f8fbff!important;border:1px solid #ffffff1f!important;box-shadow:none!important}
.parent-overlay input,.parent-overlay select,.parent-overlay textarea{background:#0b1226!important;color:#f8fbff!important;border:1px solid #2a3a5f!important}
.parent-overlay .badge,.parent-overlay .pill{background:#ffffff14!important;color:#cfe0ff!important}
.parent-overlay .quick-row a{background:#ffffff12!important;color:#dbe8ff!important;border:1px solid #ffffff22!important}.parent-overlay .scope-go,.parent-overlay a{color:inherit}
/* wykresy kołowe na kafelkach + misja dnia */
.subject .lg-ring{position:absolute;right:14px;top:14px;z-index:2;filter:drop-shadow(0 6px 10px #3b5bdb2e)}
.subject .subject-visual{display:none!important}
.lg-mission{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 6px;padding:16px 20px;border-radius:26px;background:linear-gradient(135deg,#14b8a6,#3b82f6);color:#fff!important;box-shadow:0 14px 30px var(--lgsh);border:1.5px solid #fff}
.lg-mission small{display:block;font-size:11px;font-weight:700;letter-spacing:1px;opacity:.9}
.lg-mission b{display:block;font-size:22px;font-weight:800;margin:2px 0}
.lg-mission span{font-size:13px;opacity:.95}
.lg-m-r{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto}
.lg-m-r em{font-style:normal;background:#ffffff33;border-radius:99px;padding:5px 12px;font-size:13px;font-weight:700}
.lg-m-r i{font-style:normal;background:#fff;color:#0f766e;border-radius:99px;padding:10px 20px;font-weight:800}
@media(max-width:560px){.lg-mission{flex-direction:column;align-items:stretch}.lg-m-r{flex-direction:row;justify-content:space-between;align-items:center}}
/* nawigacja modułów: ścieżka + lekcje w osobnym rzędzie */
#nav{flex-wrap:nowrap;overflow-x:auto;padding:8px 0 4px;align-items:center}
#nav .portal-chip:after{content:"  ›";opacity:.5}
#nav .home-chip{background:linear-gradient(135deg,#14b8a6,#3b82f6)!important;color:#fff!important;border:0!important}
#nav .rep-chip{margin-left:auto}
#nav2.lessons{padding:2px 0 8px;align-items:center}
#nav2.lessons:empty{display:none}
#nav2.lessons:before{content:"Lekcje:";flex:0 0 auto;font-size:12px;font-weight:800;color:var(--muted);padding-right:2px}
#nav2 .chip{font-size:12px;padding:7px 11px}
@media(max-width:560px){#nav .refresh-chip{font-size:0;padding:9px 12px}#nav .refresh-chip:before{content:"🔄";font-size:14px}}
/* panel rodzica: zakładki */
.ptabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;position:sticky;top:64px;z-index:4}
.ptabs button{flex:0 0 auto;border:1px solid #ffffff22;background:#ffffff0f;color:#cfe0ff;border-radius:99px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.ptabs button.on{background:linear-gradient(135deg,#14b8a6,#3b82f6);color:#fff;border-color:transparent;box-shadow:0 8px 20px #3b82f655}
.ptab{display:none;gap:14px;flex-direction:column}.ptab.on{display:flex}
.ptab .parent-grid{margin:0}
.subj-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.subj-card{text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;padding:14px;color:#f8fbff;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:6px}
.subj-card:hover{border-color:#3b82f6;background:#ffffff12}
.sc-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sc-top b{font-size:17px;flex:1}.sc-ic{font-size:22px}
.sc-ring{width:44px;height:44px;border-radius:50%;background:conic-gradient(#14b8a6 calc(var(--p)*1%),#ffffff1c 0);display:grid;place-items:center}
.sc-ring i{font-style:normal;width:34px;height:34px;border-radius:50%;background:#0f1730;display:grid;place-items:center;font-size:11px;font-weight:800}
.sc-row{display:flex;justify-content:space-between;font-size:13px;color:#a9b5d0}.sc-row b{color:#f8fbff}
#subjStrip{margin:10px 0}
@media(max-width:900px){.subj-cards{grid-template-columns:1fr 1fr}}@media(max-width:560px){.subj-cards{grid-template-columns:1fr}.ptabs{top:56px}}
#subjStrip{grid-template-columns:repeat(5,1fr)}@media(max-width:700px){#subjStrip{grid-template-columns:repeat(2,1fr)}}
.parent-overlay .pbtn.light,.parent-overlay .scope-quick a{background:#ffffff14!important;color:#dbe8ff!important;border:1px solid #ffffff26!important}