:root{--papier:#f6f7f5;--karta:#ffffff;--tusz:#16191d;--szary:#5d646c;--linia:#dfe3e1;--akcent:#1d5b79;--akcent-t:#e3eef3;
--dobre:#2f7d4f;--zle:#b0413e;--tlo-uwagi:#fff4e0;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--papier:#121416;--karta:#1a1d20;--tusz:#e8eaec;--szary:#9aa3ab;--linia:#2c3135;--akcent:#7fb7d4;--akcent-t:#1d2c35;
--dobre:#6cc28d;--zle:#e48582;--tlo-uwagi:#3a2f1c;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--papier);color:var(--tusz);font:17px/1.6 Charter,"Iowan Old Style",Georgia,serif}
.wrap{max-width:760px;margin:0 auto;padding-inline:16px}
.top{background:var(--karta);border-bottom:1px solid var(--linia);position:sticky;top:0;z-index:5}
.topin{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding-block:12px}
h1{font:700 22px/1.1 system-ui,-apple-system,sans-serif;margin:0;letter-spacing:.01em}
.sub,.meta,.etyk,.poco,.info,.kom,.hist,.licz{font-family:system-ui,-apple-system,sans-serif}
.sub{margin:2px 0 0;color:var(--szary);font-size:13px}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chip,.btn,.lapka,.skala button,.nav{font:500 13px system-ui,-apple-system,sans-serif;border:1px solid var(--linia);background:var(--karta);
color:var(--tusz);border-radius:999px;padding:6px 12px;cursor:pointer}
.chip.sm{padding:4px 10px;font-size:12px}
.chip.on,.skala button.on{background:var(--akcent);border-color:var(--akcent);color:var(--karta)}
.btn{background:var(--akcent);border-color:var(--akcent);color:var(--karta);border-radius:6px;text-decoration:none}
.btn.ghost{background:transparent;color:var(--akcent)}
.btn:disabled{opacity:.6}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--akcent);outline-offset:2px}
.art{background:var(--karta);border:1px solid var(--linia);border-radius:4px;margin-block:24px;padding:20px 20px 8px}
.meta{color:var(--szary);font-size:13px;margin:0 0 6px;text-transform:none}
.tytul{font:700 26px/1.2 Charter,Georgia,serif;margin:0 0 14px;text-wrap:balance}
.tresc p{margin:0 0 12px}
.karuzela{position:relative;margin:0 0 16px;background:var(--papier);border-radius:3px;overflow:hidden}
.karuzela img{display:block;width:100%;max-height:440px;object-fit:contain}
.nav{position:absolute;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;padding:6px 12px;opacity:.9}
.nav.l{left:8px}.nav.r{right:8px}
.fot{font:12px system-ui,sans-serif;color:var(--szary);padding:6px 2px 0;background:var(--karta)}
.licz{position:absolute;right:10px;top:8px;background:var(--karta);font-size:12px;padding:2px 8px;border-radius:999px}
.zrodlo{font:14px system-ui,-apple-system,sans-serif;color:var(--szary);border-top:1px solid var(--linia);padding-top:10px;margin:16px 0 0;overflow-wrap:anywhere}
.zrodlo a{color:var(--akcent)}
.uwaga{background:var(--tlo-uwagi);font:13px system-ui,sans-serif;padding:8px 10px;border-radius:4px}
.sek{border-top:2px solid var(--tusz);margin-top:20px;padding-top:12px}
h3{font:700 15px system-ui,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;display:flex;gap:8px;align-items:center}
.pill{font:600 12px system-ui,sans-serif;background:var(--akcent-t);color:var(--akcent);border-radius:999px;padding:2px 8px;letter-spacing:0}
.werdykt{margin:0 0 10px;font-style:italic}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 18px}
.rl h4{font:600 13px system-ui,sans-serif;margin:6px 0 2px;color:var(--szary)}
.rl ul{margin:0;padding-left:18px;font-size:15px}
.pyt{margin:0 0 8px;padding-left:22px}.pyt li{margin-bottom:8px}.pyt p{margin:0}
.poco{color:var(--szary);font-size:13px}
.wyslane{border-left:3px solid var(--akcent);padding:6px 12px;margin:10px 0;background:var(--papier)}
.wyslane p{margin:0 0 4px}.hist{font-size:13px;color:var(--szary);margin:4px 0 0;padding-left:18px}
.etyk{font-size:12px;font-weight:600;color:var(--szary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px}
.ocena{background:var(--papier);border:1px dashed var(--linia);border-radius:4px;padding:12px;margin:14px 0}
.wiersz{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.lapka.on:first-child{background:var(--dobre);border-color:var(--dobre);color:var(--karta)}
.lapka.on:nth-child(2){background:var(--zle);border-color:var(--zle);color:var(--karta)}
.skala{display:flex;flex-wrap:wrap;gap:4px}.skala button{padding:4px 0;width:32px;border-radius:4px;font-variant-numeric:tabular-nums}
.nowa{font:13px system-ui,sans-serif;border:1px dashed var(--linia);background:var(--karta);color:var(--tusz);border-radius:999px;padding:4px 10px;width:150px}
textarea{width:100%;margin-top:8px;font:15px/1.4 system-ui,sans-serif;border:1px solid var(--linia);border-radius:4px;padding:8px;background:var(--karta);color:var(--tusz)}
.dol{display:flex;gap:10px;align-items:center;margin-top:8px}.info{font-size:13px;color:var(--szary)}
.inni{margin-top:8px}.kom{font-size:14px;margin:4px 0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pusto{color:var(--szary);font:15px system-ui,sans-serif;padding:24px 0}
body.login{display:grid;place-items:center;min-height:100vh}
.logbox{background:var(--karta);border:1px solid var(--linia);padding:28px;width:min(360px,calc(100% - 32px));border-radius:4px}
.logbox form{display:grid;gap:6px;margin-top:16px}.logbox label{font:600 13px system-ui,sans-serif}
.logbox input{font:16px system-ui,sans-serif;padding:8px;border:1px solid var(--linia);border-radius:4px;background:var(--papier);color:var(--tusz)}
.logbox button{margin-top:10px;font:600 15px system-ui,sans-serif;padding:10px;border:0;border-radius:4px;background:var(--akcent);color:var(--karta);cursor:pointer}
.blad{color:var(--zle);font:14px system-ui,sans-serif;min-height:1em}
@media (max-width:520px){.tytul{font-size:22px}.art{padding:16px 14px 6px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.gora{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.modele{display:flex;gap:4px}
.model{font:500 11px system-ui,sans-serif;letter-spacing:.02em;border:1px solid var(--linia);background:transparent;color:var(--szary);border-radius:3px;padding:2px 7px;cursor:pointer}
.model.on{border-color:var(--akcent);color:var(--akcent);background:var(--akcent-t)}
.zrodla{margin:0;padding-left:20px}.zrodla li{margin:2px 0}.zr-meta{color:var(--szary);font-size:12px}
.kontekst{border-left:3px solid var(--linia);padding:2px 0 2px 12px;margin:4px 0 12px}.kontekst p{margin:0 0 8px;font-size:16px}
.stopka{font:13px system-ui,sans-serif;padding-block:24px 40px;color:var(--szary)}.stopka a{color:var(--akcent)}
.tresc .lead{font-weight:600;font-size:18px;line-height:1.5}.tresc .puenta{border-top:1px solid var(--linia);padding-top:10px;font-style:italic}