:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80}}body{margin:0}h1{color:var(--text-h);letter-spacing:-1.2px;margin:0;font-size:2.5rem;font-weight:500}p{margin:0}main{box-sizing:border-box;flex-direction:column;align-items:center;gap:1.25rem;max-width:44rem;min-height:100svh;margin:0 auto;padding:2rem 1.5rem;display:flex}.hint{text-align:center;max-width:28rem}.pick,button{font:inherit;cursor:pointer;color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:6px;padding:.6rem 1.2rem;transition:border-color .3s}:is(.pick,button):hover{border-color:var(--accent-border)}:is(.pick,button):focus-within,:is(.pick,button):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pick input{display:none}.error{color:#ff6b6b}.trasy{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.trasy li{border:1px solid var(--border);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .4rem .25rem .75rem;font-size:.85rem;display:flex}.trasy button{color:inherit;opacity:.6;background:0 0;border:none;padding:0 .35rem;font-size:1.1rem;line-height:1}.trasy button:hover{opacity:1;color:#ff6b6b}.prog{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.prog input{font:inherit;border:1px solid var(--border);width:5.5rem;color:inherit;background:0 0;border-radius:6px;padding:.3rem .5rem}.podsumowanie{opacity:.6}.punkty{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.punkty li{align-items:center;gap:.4rem;display:flex}.punkty input{font:inherit;border:1px solid var(--border);width:9rem;color:inherit;background:0 0;border-radius:6px;padding:.3rem .6rem;font-size:.85rem}.font select{font:inherit;border:1px solid var(--border);color:inherit;background:0 0;border-radius:6px;padding:.3rem .5rem;font-size:.9rem}.font select option{color:initial}.wlasnyFont{border:1px solid var(--border);cursor:pointer;width:1.9rem;height:1.9rem;color:var(--accent);border-radius:6px;justify-content:center;align-items:center;margin-left:-.35rem;font-size:1.1rem;line-height:1;display:inline-flex}.wlasnyFont:hover{border-color:var(--accent-border)}.wlasnyFont input{display:none}.punkty input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.styk{background:var(--accent-bg);color:var(--accent);cursor:help;border-radius:999px;padding:.1rem .35rem;font-size:.75rem}.kontrolki{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.5rem;display:flex}.grubosc,.kropka,.tekst,.font,.font>label,.kolor{accent-color:var(--accent);align-items:center;gap:.75rem;display:flex}.tekst input,.kropka input{width:8rem}.kolor input,.tekst input[type=color],.kropka input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:2.5rem;height:2rem;padding:0}.kropka input[type=color]:disabled{opacity:.35;cursor:not-allowed}.grubosc input{width:12rem}.grubosc output{text-align:right;font-variant-numeric:tabular-nums;min-width:2ch}.preview{box-sizing:border-box;border:1px solid var(--border);background-color:gray;background-image:linear-gradient(45deg,#6e6e6e 25%,#0000 25% 75%,#6e6e6e 75%),linear-gradient(45deg,#6e6e6e 25%,#0000 25% 75%,#6e6e6e 75%);background-position:0 0,10px 10px;background-size:20px 20px;border-radius:8px;width:100%;padding:1rem}.preview canvas{max-width:100%;max-height:45vh;margin:0 auto;display:block}