:root{--bg:#e7f0fb;--bg-2:#dae7f7;--surface:#ffffff;--surface-2:#eef4fc;--ink:#142033;--ink-soft:#4a586b;--ink-faint:#7d8da3;--line:#d4e1f1;--line-strong:#bccce0;--ring:#2563eb;--shadow:20 40 80;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a111e;--bg-2:#0d1626;--surface:#131c2b;--surface-2:#1a2434;--ink:#e8eef6;--ink-soft:#93a1b5;--ink-faint:#5e6d82;--line:#212c3e;--line-strong:#324158;--ring:#7fb0ff;--shadow:0 0 0;color-scheme:dark}}:root[data-theme=dark]{--bg:#0a111e;--bg-2:#0d1626;--surface:#131c2b;--surface-2:#1a2434;--ink:#e8eef6;--ink-soft:#93a1b5;--ink-faint:#5e6d82;--line:#212c3e;--line-strong:#324158;--ring:#7fb0ff;--shadow:0 0 0;color-scheme:dark}:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*,*:before,*:after{box-sizing:inherit}html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 88px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100%;background:radial-gradient(1200px 640px at 82% -10%,var(--bg-2) 0%,transparent 62%),var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;opacity:.04;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit}.wrap{max-width:1140px;margin:0 auto;padding:0 24px}header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:100;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-.01em;font-size:1.05rem}.theme-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);width:42px;height:42px;border-radius:12px;cursor:pointer;display:grid;place-items:center;font-size:1.05rem;transition:color .15s,border-color .15s}.theme-btn:hover{color:var(--ink);border-color:var(--ink-faint)}.theme-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hero{padding:84px 0 8px}.hero h1{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(2.6rem,7vw,4.6rem);line-height:1.02;letter-spacing:-.035em;margin:0 0 18px}.hero .lead{font-size:clamp(1.05rem,2.1vw,1.24rem);color:var(--ink-soft);max-width:56ch;margin:0;line-height:1.55}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:52px 0 26px}.filters{display:flex;flex-wrap:wrap;gap:9px;flex:1}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.9rem;font-weight:500;padding:9px 16px;border-radius:999px;cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);transition:color .14s,border-color .14s,background .14s}.chip:hover{color:var(--ink);border-color:var(--ink-faint)}.chip[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.chip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.counter{color:var(--ink-faint);font-size:.86rem;font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:560px){.bar{flex-direction:column;align-items:flex-start;gap:14px;margin-top:40px}.filters{width:100%}}.grid{display:grid;gap:22px;padding-bottom:8px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{--c:#888;display:flex;flex-direction:column;text-decoration:none;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c) 55%,var(--line));box-shadow:0 18px 42px -22px color-mix(in srgb,var(--c) 80%,transparent),0 6px 16px -12px rgb(var(--shadow) / .35)}.card:focus-visible{outline:2px solid var(--c);outline-offset:3px}@media (prefers-reduced-motion:reduce){.card{transition:border-color .18s ease}.card:hover{transform:none}}.poster{height:150px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(130% 130% at 22% 10%,color-mix(in srgb,var(--c) 74%,#fff) 0%,var(--c) 46%,color-mix(in srgb,var(--c) 58%,#000) 100%)}.poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 70% at 50% 120%,rgba(0,0,0,.24),transparent 70%)}.poster .glyph{position:relative;z-index:1;line-height:0}.poster .glyph svg{width:48px;height:48px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 5px rgba(0,0,0,.28))}.poster .fav{position:relative;z-index:1;width:70px;height:70px;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px -8px #0006}.poster .fav img{width:42px;height:42px;border-radius:7px;display:block;object-fit:contain}.body{padding:18px 19px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.row1{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card h3{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.15rem;letter-spacing:-.015em;margin:0;line-height:1.2}.lang{font-size:.66rem;font-weight:600;color:var(--ink-faint);border:1px solid var(--line-strong);border-radius:6px;padding:3px 6px;letter-spacing:.03em;flex-shrink:0;margin-top:2px}.desc{font-size:.915rem;color:var(--ink-soft);margin:0;flex:1;line-height:1.55}.foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.tag{font-size:.76rem;font-weight:600;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);padding:4px 10px;border-radius:999px}.open{font-size:.86rem;font-weight:600;color:var(--ink-faint);display:inline-flex;align-items:center;gap:5px;transition:color .15s,gap .15s}.card:hover .open{color:var(--c);gap:8px}footer{border-top:1px solid var(--line);margin-top:56px;padding:40px 0 72px}footer .wrap{display:flex;flex-wrap:wrap;gap:16px 30px;align-items:baseline;justify-content:space-between}footer .made{font-family:Space Grotesk,sans-serif;font-weight:500;color:var(--ink);font-size:1.02rem}footer .contact{color:var(--ink-soft);font-size:.94rem}footer a.link{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong);transition:text-decoration-color .15s}footer a.link:hover{text-decoration-color:currentColor}