/* ===== przełącznik wyglądu: motyw jasny (włączany klasą html.light) ===== */
.glow,.sp-bar{display:none}
.thm{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #fff;background:#eef3ff;color:#12234d;cursor:pointer;padding:0;box-shadow:0 0 16px -4px rgba(190,208,255,.8);transition:transform .4s,background .2s,box-shadow .2s}
.thm:hover{transform:rotate(25deg) scale(1.06);box-shadow:0 0 22px -2px rgba(190,208,255,1)}
.thm svg{width:21px;height:21px}.thm .moon{display:none}
html.light .thm{background:#12234d;color:#fff;border-color:#12234d;box-shadow:0 10px 20px -10px rgba(18,35,77,.8)}
html.light .thm:hover{box-shadow:0 12px 24px -8px rgba(18,35,77,.9)}
html.light .thm .sun{display:none}html.light .thm .moon{display:block}
html.tt *,html.tt *::before,html.tt *::after{transition:background-color .5s,color .5s,border-color .5s,fill .5s,stroke .5s,box-shadow .5s!important}
html.light{--bg:#ffffff;--ink:#0f1f3d;--mute:#51627f;--line:#d3def5;--card:#ffffff;--acc:#2f5bff;--cy:#0ea5c6;--box:#e58a00;--dk:#f4f8ff;--dk2:#e3ecff;color-scheme:light}
html.light body{background:#fff;color:var(--ink)}
html.light header.top{background:rgba(255,255,255,.94);color:var(--ink);border-bottom:1px solid var(--line)}
html.light .brow b a{color:var(--ink)}
html.light .brow b a span{color:var(--acc)!important}
html.light .lang a{color:#3a4f7c;border-color:#b9c9ee}
html.light .lang a.on{background:var(--acc);color:#fff}
html.light .mbtn{color:var(--ink);background:#eef3ff;border-color:#b9c9ee}
html.light .tabs a{color:#2a4170;background:#f0f4ff;border-color:#cfdcf7}
html.light .tabs a:hover{color:var(--ink);background:#e2ebff;border-color:var(--acc);box-shadow:0 0 16px -4px rgba(47,91,255,.5)}
html.light .tabs a.on{background:var(--acc);color:#fff;border-color:var(--acc);box-shadow:0 6px 18px -6px rgba(47,91,255,.6)}
html.light .tabs a.k{background:linear-gradient(120deg,#2f5bff,#0ea5c6);color:#fff;border-color:transparent}
html.light .dark{background:radial-gradient(900px 420px at 85% -10%,#d9e5ff 0%,rgba(217,229,255,0) 70%),linear-gradient(180deg,#f5f8ff,#eaf1ff);color:var(--ink)}
html.light .dark::after{background-image:linear-gradient(rgba(47,91,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(47,91,255,.07) 1px,transparent 1px)}
html.light .orb{opacity:.28}
html.light .o1{background:#6f8cff}
html.light .o2{background:#37c8e6;opacity:.22}
html.light .lead,html.light .dark .sub{color:var(--mute)}
html.light .btn.l{background:#fff;color:var(--ink);border:1.5px solid #9fb4ea}
html.light .rich .ph{border-bottom:1px solid rgba(47,91,255,.35);box-shadow:0 1px 40px -14px rgba(47,91,255,.5)}
html.light .rich .ph h1{background:linear-gradient(100deg,#14285e 0%,#2f5bff 55%,#0ea5c6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html.light .view>section:not(.dark)::before{background:linear-gradient(90deg,transparent,#2f5bff 30%,#0ea5c6 50%,#2f5bff 70%,transparent);opacity:.9;height:3px;box-shadow:0 0 16px rgba(47,91,255,.4)}
html.light .rich .view>section.sp{background:radial-gradient(800px 240px at 92% 0,rgba(14,165,198,.10),transparent 70%),#fff;border-block:0}
html.light .rich .view>section.sb{background:radial-gradient(900px 280px at 8% 0,rgba(47,91,255,.14),transparent 70%),linear-gradient(180deg,#e9f0ff,#dce7ff);border-block:1px solid rgba(47,91,255,.3)}
html.light .cases{background:radial-gradient(900px 300px at 12% 0,rgba(47,91,255,.24),transparent 70%),linear-gradient(180deg,#e3ebff,#d2e0ff);border-block:1px solid rgba(47,91,255,.38)}
html.light .view>.cases::before{opacity:1;background:linear-gradient(90deg,transparent,#2f5bff 30%,#0ea5c6 50%,#2f5bff 70%,transparent);box-shadow:0 0 20px rgba(47,91,255,.5)}
html.light .eyebrow,html.light .tag{color:#0b7f99}
html.light .cases .eyebrow,html.light .cases .tag{color:#b86b00}
html.light .cases .kpi{color:#9a5700;border-color:#e58a00;background:rgba(229,138,0,.12);box-shadow:0 0 14px -6px #e58a00}
html.light .fine,html.light .cases .fine{color:var(--mute)}
html.light .card{box-shadow:0 12px 30px -18px rgba(30,60,140,.45)}
html.light .card:hover{box-shadow:0 20px 44px -18px rgba(47,91,255,.5)}
html.light .rich .card::before{box-shadow:0 0 10px rgba(47,91,255,.35)}
html.light .rich .cases .card::before{background:var(--box);box-shadow:0 0 10px rgba(229,138,0,.5)}
html.light .ic{box-shadow:none;background:rgba(47,91,255,.1)}
html.light .chips span,html.light .flow span{background:#fff;border-color:#c9d7f4;color:#27406f}
html.light .hub .nd rect{fill:#fff;stroke:#a8bdf0}
html.light .hub .nd text{fill:#17305f}
html.light .hub .ln{stroke:#4a6df2}
html.light .hub .cap{fill:#5b6d8f}
html.light .fl a{color:#35507f}
html.light .fl a:hover{color:var(--acc)}
html.light .fin,html.light .fin a,html.light footer{color:#5b6d8f}
@media(max-width:640px){html.light .tabs.open{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 40px -10px rgba(20,40,100,.25)}
html.light .tabs.open a{color:#2a4170;background:none;border-bottom:1px solid var(--line)}
html.light .tabs.open a.on{background:rgba(47,91,255,.08);color:var(--ink);box-shadow:inset 3px 0 0 var(--acc)}
html.light .tabs.open a.k{color:#fff;background:linear-gradient(120deg,#2f5bff,#0ea5c6)}}
html.light .glow{display:none}
html.light .sp-bar{display:none}
html.light .ph::before{content:"";position:absolute;right:5%;top:50%;width:380px;height:380px;margin-top:-190px;border:2px dashed rgba(47,91,255,.38);border-radius:50%;animation:ringspin 46s linear infinite;pointer-events:none}
html.light .ph .orb{animation-duration:9s}
html.light .rich .ph h1{background:linear-gradient(100deg,#14285e 0%,#2f5bff 38%,#0ea5c6 62%,#14285e 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:shine 8s linear infinite}
html.light .glow{display:block;position:absolute;left:0;top:0;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(47,91,255,.22),transparent 65%);pointer-events:none;transition:transform .18s ease-out}
html.light .sp-bar{display:block;position:fixed;top:0;left:0;height:3px;width:0;z-index:30;background:linear-gradient(90deg,#2f5bff,#0ea5c6,#e58a00);box-shadow:0 0 10px rgba(47,91,255,.6)}
html.light .rich .view>section.sp{background:radial-gradient(800px 240px at 92% 0,rgba(14,165,198,.10),transparent 70%),radial-gradient(circle,rgba(47,91,255,.10) 1.3px,transparent 1.5px) 0 0/24px 24px,#fff}
html.light .rich .view>section.sp,html.light .rich .view>section.sb,html.light .rich .view>section.cases{box-shadow:inset 0 18px 26px -16px rgba(20,40,100,.34),inset 0 -18px 26px -16px rgba(20,40,100,.24)}
html.light .card{overflow:hidden;box-shadow:0 14px 34px -18px rgba(30,60,140,.5);background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)) padding-box,conic-gradient(from var(--a),var(--line) 0 50%,var(--acc) 72%,var(--cy) 86%,var(--line)) border-box}
html.light .card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);transform:translateX(-130%);transition:transform .9s;pointer-events:none}
html.light .card:hover::after{transform:translateX(130%)}
html.light .card:hover{transform:translateY(-7px) scale(1.012);box-shadow:0 26px 50px -20px rgba(47,91,255,.55)}
html.light .ic{transition:transform .4s}
html.light .card:hover .ic{transform:rotate(-8deg) scale(1.12)}
html.light .btn{position:relative;overflow:hidden}
html.light .btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:gloss 3.6s ease-in-out infinite;pointer-events:none}
html.light .btn.l::after{display:none}
html.light .rv{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
html.light .rv.in{opacity:1;transform:none}
html.light .hub .ln{animation-duration:.9s}
html.light .flow span{transition:transform .25s,box-shadow .25s,border-color .25s}
html.light .flow span:hover{transform:translateY(-3px);border-color:var(--acc);box-shadow:0 10px 22px -12px rgba(47,91,255,.6)}
html.light .eyebrow::after{animation:eb 2.8s ease-in-out infinite}
@keyframes ringspin{to{transform:rotate(360deg)}}
@keyframes shine{to{background-position:-240% 0}}
@keyframes gloss{0%,55%{left:-60%}100%{left:140%}}
@keyframes eb{50%{width:110px}}
@media(prefers-reduced-motion:reduce){html.light .ph::before,html.light .btn::after,html.light .eyebrow::after{animation:none}
html.light .rv{opacity:1;transform:none}}
html.light .g{background:linear-gradient(100deg,#2f5bff,#0ea5c6 60%,#e58a00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html.light .alt{background:linear-gradient(180deg,#eef3ff,#e2ebff);border-block:1px solid rgba(47,91,255,.25);box-shadow:inset 0 18px 26px -16px rgba(20,40,100,.30),inset 0 -18px 26px -16px rgba(20,40,100,.20)}
html.light #f label,html.light #f legend{color:var(--ink)}
html.light #f input:not([type=checkbox]),html.light #f select,html.light #f textarea{background:#f2f6ff;border-color:#9fb4ea;color:#0f1f3d;box-shadow:inset 0 2px 6px rgba(30,60,140,.12)}
html.light #f input::placeholder,html.light #f textarea::placeholder{color:#6b7ea8}
html.light #f input:not([type=checkbox]):focus,html.light #f select:focus,html.light #f textarea:focus{background:#fff;border-color:#2f5bff;box-shadow:0 0 0 3px rgba(47,91,255,.22)}
html.light .amber-card{background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--a),rgba(229,138,0,.3) 0 50%,#e58a00 72%,#ffb347 86%,rgba(229,138,0,.3)) border-box}
html.light .amber-card .note{color:var(--mute)}
@media(max-width:640px){html.light .ph::before,html.light .glow{display:none}}

/* --- jasne wersje kafelków, które były ciemne --- */
html.light .feed{background:#fff;border:1px solid var(--line);box-shadow:0 20px 44px -24px rgba(30,60,140,.5)}
html.light .feed h3{color:#51627f}html.light .feed h3 i{color:#0b7f99}
html.light .feed li{color:#7a8aa8;border-top-color:var(--line)}
html.light .feed li::before{border-color:#c4d2f1}
html.light .feed li.d{color:var(--ink)}
html.light .feed li.d::before{background:#ffb347;border-color:#ffb347;box-shadow:0 0 12px rgba(229,138,0,.7)}
html.light .feed li.n{color:var(--ink)}
html.light .feed li.n::before{border-color:#e58a00;box-shadow:0 0 0 5px rgba(255,159,28,.28),0 0 18px rgba(229,138,0,.8)}
html.light .sum li{color:var(--ink);border-top-color:var(--line)}
html.light .sum li::before{color:#2f5bff;background:none;border:0;box-shadow:none}
html.light .feed .ex{color:var(--mute)}
html.light .res{background:linear-gradient(160deg,#eef3ff,#dfe9ff);color:var(--ink);border:1px solid #b9c9ee;box-shadow:0 18px 40px -22px rgba(47,91,255,.45)}
html.light .res .k{color:var(--mute)}
html.light .res .n.hi{color:#2f5bff;text-shadow:none}
html.light .res p{color:var(--ink);border-top-color:#b9c9ee}

/* smuga za kursorem */
.trail-cv{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:60}
@media (pointer:coarse){.trail-cv{display:none}}

/* kalkulator: bez efektu błysku i przybliżenia po najechaniu (jasny wygląd) */
html.light .card.calc::after{display:none}
html.light .card.calc:hover{transform:none;box-shadow:0 14px 34px -18px rgba(30,60,140,.5)}

html.light .sum li.lit::before{background:#ffb347;color:#1b1300;box-shadow:0 0 0 5px rgba(255,159,28,.25),0 0 18px 3px rgba(229,138,0,.7)}