:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--panel:#171a21;--panel-2:#1f232c;--hover:#272c37;--line:#2a2f3a;--text:#eceff4;--muted:#9aa3b2;--hero-1:#1b2030;--hero-2:#0b0d12;--accent:#ff8a24;--accent-2:#ffb066;--on-accent:#1a1209;--radius:10px;--top:48px;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f8;--panel:#fff;--panel-2:#eceef3;--hover:#e1e4ec;--line:#d6dae3;--text:#14171c;--muted:#596273;--hero-1:#fff;--hero-2:#e6e9f0}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f8;--panel:#fff;--panel-2:#eceef3;--hover:#e1e4ec;--line:#d6dae3;--text:#14171c;--muted:#596273;--hero-1:#fff;--hero-2:#e6e9f0}}:root[data-theme=oled]{--bg:#000;--panel:#0a0a0a;--panel-2:#141414;--hover:#1d1d1d;--line:#262626;--hero-1:#0d0d0d;--hero-2:#000}:root[data-theme=contrast]{--bg:#000;--panel:#000;--panel-2:#111;--hover:#222;--line:#fff;--text:#fff;--muted:#e6e6e6;--hero-1:#000;--hero-2:#000;--accent:#ffd400;--accent-2:#fff176;--on-accent:#000}:root[data-accent=blue]{--accent:#4c9aff;--accent-2:#8bbcff;--on-accent:#06182e}:root[data-accent=green]{--accent:#35c27a;--accent-2:#7fe0ae;--on-accent:#04200f}:root[data-accent=pink]{--accent:#ff5c9a;--accent-2:#ff9ec1;--on-accent:#2a0414}:root[data-accent=purple]{--accent:#a06bff;--accent-2:#c6a8ff;--on-accent:#14062c}:root[data-theme=contrast][data-accent]{--accent:#ffd400;--accent-2:#fff176;--on-accent:#000}:root{font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}[hidden]{display:none!important}a{color:var(--accent-2)}.page{min-height:100dvh;padding:0 max(16px, env(safe-area-inset-left));flex-direction:column;display:flex}.top{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:960px;margin:0 auto;padding:14px 0;display:flex}.brand{color:inherit;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.brand img{border-radius:8px}.langs{gap:4px;display:flex}.langs a{color:var(--muted);border-radius:8px;padding:4px 10px;font-size:14px;text-decoration:none}.langs a:hover{background:var(--hover)}.langs a[aria-current]{background:var(--panel-2);color:var(--text);font-weight:600}main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px 0 40px}h1{letter-spacing:-.02em;margin:8px 0 12px;font-size:clamp(28px,5vw,44px);line-height:1.1}.lead{color:var(--muted);max-width:60ch;margin:0 0 28px;font-size:18px}.cats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.cat{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:20px 8px;font-size:18px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex}.cat:hover,.cat:focus-visible{background:var(--hover);border-color:var(--accent);transform:translateY(-2px)}.cat svg{width:32px;height:32px;stroke:var(--accent);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.cat small{color:var(--muted);font-size:12px;font-weight:400}.drop{text-align:center;border:2px dashed var(--line);background:var(--panel);border-radius:18px;flex-direction:column;align-items:center;gap:14px;padding:44px 20px;transition:border-color .15s,background .15s;display:flex}.drop.over{border-color:var(--accent);background:var(--panel-2)}.drop p{color:var(--muted);margin:0}.drop .big{color:var(--text);font-size:20px;font-weight:600}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{font:inherit;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 18px;text-decoration:none;display:inline-block}.btn:hover{background:var(--hover)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn--primary:hover{background:var(--accent-2)}.msg{border:1px solid var(--accent);background:var(--panel);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:16px;display:flex}.msg p{margin:0}.about{color:var(--muted);max-width:70ch;margin-top:36px}.about h2{color:var(--text);font-size:20px}footer{border-top:1px solid var(--line);width:100%;max-width:960px;color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:0 auto;padding:18px 0 28px;font-size:14px;display:flex}footer a{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:640px){.cats{grid-template-columns:repeat(2,1fr)}.drop{padding:28px 16px}}.legal h1{font-size:32px}.legal h2{margin-top:28px;font-size:20px}.legal p,.legal address{max-width:70ch}.legal address{font-style:normal}.logo{flex:none;width:32px;height:32px}.iconbtn{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;display:grid}.iconbtn:hover{background:var(--hover)}.iconbtn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}.menuwrap{position:relative}.menu{z-index:30;background:var(--panel);border:1px solid var(--line);min-width:210px;max-height:80vh;color:var(--text);border-radius:10px;padding:6px;position:absolute;top:46px;right:0;overflow:auto;box-shadow:0 10px 30px #0008}.menu button,.menu a{text-align:left;white-space:nowrap;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;display:flex}.menu button:hover,.menu a:hover{background:var(--panel-2)}.menu [aria-checked=true],.menu a[aria-current]{color:var(--accent)}.menu button[aria-checked=true]:after,.menu a[aria-current]:after{content:"✓"}.menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}.menu .label{color:var(--muted);padding:4px 10px;font-size:12px}.swatches{gap:8px;padding:6px 10px 8px;display:flex}.menu .swatches button{border:2px solid #0000;border-radius:50%;justify-content:center;width:26px;min-width:0;height:26px;padding:0}.menu .swatches button[aria-checked=true]{border-color:var(--text)}.menu .swatches button[aria-checked=true]:after{content:none}