/* mathsolver — CSS paczki zawężony do .pk-mathsolver + motyw webp.pl. Źródło: new-tools/paczki/mathsolver. Generowane: buduj.mjs */
.pk-mathsolver{
  --bg: #ffffff; --surface: #171a20; --surface2: #f1f5f9;
  --text: #eef1f6; --muted: #9aa3b2; --accent: #f9c94a; --danger: #ff5d5d;
  color-scheme: dark;
}
.pk-mathsolver, .pk-mathsolver *{ box-sizing: border-box; }
.pk-mathsolver{
  margin: 0; font-family: system-ui, "Segoe UI", sans-serif;
  background: radial-gradient(1100px 600px at 15% -10%, #f8fafc 0%, var(--bg) 55%);
  color: var(--text); min-height: 100vh;
}
.pk-mathsolver .top{
  display: flex; gap: 20px; align-items: center; flex-wrap: wrap;
  padding: 14px 20px; border-bottom: 1px solid #e2e8f0;
}
.pk-mathsolver .brand{ font-size: 24px; font-weight: 800; }
.pk-mathsolver .brand span{ color: var(--accent); }
.pk-mathsolver nav{ display: flex; gap: 14px; flex-wrap: wrap; }
.pk-mathsolver nav a{ color: var(--muted); text-decoration: none; padding: 6px 10px; border-radius: 8px; }
.pk-mathsolver nav a.on{ background: var(--surface2); color: var(--text); }
.pk-mathsolver .wrap{ max-width: 780px; margin: 30px auto 80px; padding: 0 16px; display: grid; gap: 16px; }
.pk-mathsolver .panel{ background: var(--surface); border: 1px solid #e2e8f0; border-radius: 16px; padding: 18px; }
.pk-mathsolver .fns{ display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.pk-mathsolver .fns button{
  padding: 8px 14px; border-radius: 999px; border: 1px solid #e2e8f0;
  background: transparent; color: var(--muted); cursor: pointer;
}
.pk-mathsolver .fns button.on{ background: var(--accent); color: #fff; border-color: var(--accent); font-weight: 700; }
.pk-mathsolver textarea,.pk-mathsolver select{
  width: 100%; background: var(--surface2); color: var(--text);
  border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px; font-size: 17px;
}
.pk-mathsolver .row{ display: flex; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
.pk-mathsolver .row select{ width: auto; flex: 1; }
.pk-mathsolver .cta{
  padding: 12px 26px; border: 0; border-radius: 12px;
  background: var(--accent); color: #fff; font-weight: 700; cursor: pointer;
}
.pk-mathsolver .cta:disabled{ opacity: .5; }
.pk-mathsolver .ghost{
  padding: 8px 16px; border: 1px solid #e2e8f0; border-radius: 10px;
  background: transparent; color: var(--muted); cursor: pointer; margin-top: 10px;
}
.pk-mathsolver .out h3{ color: var(--accent); margin: 18px 0 4px; }
.pk-mathsolver .out p{ line-height: 1.6; }
.pk-mathsolver .out em.err{ color: var(--danger); }
.pk-mathsolver .katex{ font-size: 1.05em; }
.pk-mathsolver #photoBlock{ margin-top: 12px; display: grid; gap: 6px; }
.pk-mathsolver #photoHint{ color: var(--muted); }

/* === motyw webp.pl (nadpisuje ciemny motyw paczki) === */
.pk-mathsolver{--bg:#ffffff;--surface:#ffffff;--surface2:#f8fafc;--text:#0f172a;--muted:#64748b;--accent:#4f46e5;--accent2:#7c3aed;--gold:#4f46e5;--danger:#dc2626;--ok:#059669;
  color-scheme:light;color:var(--text);background:none!important;min-height:0!important;font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55}
.pk-mathsolver .top,.pk-mathsolver .foot,.pk-mathsolver .back,.pk-mathsolver #view>h1,.pk-mathsolver #view>.lede:first-of-type{display:none!important}
.pk-mathsolver .panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px -18px rgba(15,23,42,.25)}
.pk-mathsolver input,.pk-mathsolver select,.pk-mathsolver textarea{background:#f8fafc;color:#0f172a;border:1.5px solid #e2e8f0;border-radius:10px}
.pk-mathsolver .fields select,.pk-mathsolver label select{display:block;width:100%;min-height:42px;padding:9px 12px;font:inherit;font-size:15px;appearance:auto}
.pk-mathsolver input:focus,.pk-mathsolver select:focus,.pk-mathsolver textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.15);background:#fff}
.pk-mathsolver .cta{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}
.pk-mathsolver .cta.ghost,.pk-mathsolver .cta.ghosted,.pk-mathsolver .cta[data-rot],.pk-mathsolver .row .cta{background:#fff;color:#4f46e5;border:1px solid #e2e8f0}
.pk-mathsolver #go.cta,.pk-mathsolver .row #go.cta{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:0}
.pk-mathsolver .res{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}
.pk-mathsolver .res b{color:#0f172a}
.pk-mathsolver a{color:#4f46e5}
.pk-mathsolver .err{color:#dc2626}
.pk-mathsolver ::placeholder{color:#94a3b8}
.pk-mathsolver [data-mode="photo"],.pk-mathsolver #photoBlock{display:none!important}
.pk-mathsolver .orbit{background:linear-gradient(135deg,#eef2ff,#f5f3ff)!important;border:1px solid #e0e7ff!important}
.pk-mathsolver .orbit h1,.pk-mathsolver .orbit .lede{color:#0f172a}
.pk-mathsolver .player{background:rgba(255,255,255,.97)!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -8px 30px -12px rgba(15,23,42,.25);color:#0f172a}
.pk-mathsolver .player #p-sub,.pk-mathsolver .player #p-state{color:#64748b}
.pk-mathsolver .przyklady{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;font-size:13px;color:#64748b}
.pk-mathsolver .przyklady .chip{border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:999px;padding:5px 11px;cursor:pointer;font-size:13px}
.pk-mathsolver .przyklady .chip:hover{border-color:#4f46e5;color:#4f46e5}
.pk-mathsolver .res b.err{text-align:left}
.pk-mathsolver textarea,.pk-mathsolver textarea.mono{word-break:normal!important;overflow-wrap:break-word;white-space:pre-wrap}
.pk-mathsolver label.inline:has(> input[type=checkbox]){display:flex!important;gap:8px;align-items:center}
.pk-mathsolver label.inline > input[type=checkbox]{width:auto!important;margin:0!important;display:inline-block!important}
@media (max-width:600px){.pk-mathsolver label.inline{display:block;margin:8px 0}.pk-mathsolver label.inline input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.pk-mathsolver label.inline select,.pk-mathsolver label.inline textarea{display:block;width:100%!important;max-width:100%;margin-top:4px;box-sizing:border-box}}
.pk-mathsolver .pk-zakladki{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:6px;background:#f1f5f9;border-radius:14px}
.pk-mathsolver .pk-zakladki a{flex:1 1 auto;text-align:center;padding:9px 14px;border-radius:10px;color:#334155;font-weight:600;text-decoration:none;white-space:nowrap}
.pk-mathsolver .pk-zakladki a.on{background:#fff;color:#4f46e5;box-shadow:0 1px 3px rgba(15,23,42,.12)}
.pk-mathsolver .drop{display:flex;align-items:center;justify-content:center;gap:8px;min-height:120px;padding:18px;margin:0 0 14px;border:2px dashed #c7d2fe;border-radius:14px;background:#f5f7ff;color:#334155;text-align:center;cursor:pointer;transition:.15s}
.pk-mathsolver .drop:hover,.pk-mathsolver .drop.nad{border-color:#4f46e5;background:#eef2ff}
.pk-mathsolver .drop b{color:#4f46e5}