:root{--bg-primary: #0a0a12;--bg-secondary: #12121f;--bg-card: rgba(22, 33, 62, .6);--bg-card-solid: #16213e;--accent: #e94560;--accent-hover: #ff6b6b;--accent-glow: rgba(233, 69, 96, .3);--purple: #7c3aed;--purple-glow: rgba(124, 58, 237, .2);--text-primary: #f0f0f5;--text-secondary: #8888a8;--border: rgba(255, 255, 255, .06);--glass: rgba(255, 255, 255, .03);--radius: 16px;--transition: .3s cubic-bezier(.4, 0, .2, 1);--surface-selected: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px}.breadcrumb{max-width:1100px;margin:0 auto;padding:.7rem 2rem 0;font-size:.82rem;color:var(--text-secondary)}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb-sep{margin:0 .4rem;opacity:.5}.breadcrumb-current{color:var(--text-primary);font-weight:600}.page-hero{max-width:1100px;margin:0 auto;padding:1rem 2rem 0}.page-hero h1{font-size:1.85rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.35rem;background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.55;max-width:900px;margin:0}.page-desc strong{color:var(--text-primary)}.catalog{--gut: 2rem;--hdr: var(--site-header-h, 59px);--csh: 46px;max-width:1100px;margin:0 auto;padding:.3rem var(--gut) 2rem}.cs{position:sticky;top:var(--hdr);z-index:30;padding-top:.5rem;margin:0 0 .8rem;pointer-events:none}.sf{pointer-events:auto}.sf{display:flex;align-items:center;gap:.6rem;width:100%;max-width:360px;box-sizing:border-box;background:#16213e;border:1px solid var(--border-strong);border-radius:10px;padding:.55rem .85rem;cursor:text;box-shadow:0 6px 18px #00000052;transition:max-width var(--transition),border-color var(--transition),box-shadow var(--transition)}.sf:focus-within,.cs.has-query .sf{max-width:100%;border-color:var(--accent);box-shadow:0 0 0 3px #e9456029}.sf-ico{font-size:.95rem;color:var(--text-secondary);flex:none}.sf-in{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--text-primary);font-family:inherit;font-size:.9rem;font-weight:500;padding:0}.sf-in::placeholder{color:var(--text-secondary);font-weight:400}.sf-in::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.sf-x{flex:none;font:inherit;font-size:.7rem;color:var(--text-secondary);background:none;border:1px solid var(--border-strong);border-radius:6px;padding:.1rem .4rem;cursor:pointer}.sf-x:hover{color:var(--text-primary)}.sf-cnt{flex:none;font-size:.68rem;color:var(--text-secondary);font-weight:600;letter-spacing:.04em;white-space:nowrap}.cbody{display:flex;gap:1.5rem;align-items:flex-start}.side{width:196px;flex:none;position:sticky;top:calc(var(--hdr) + var(--csh) + 1rem);max-height:calc(100vh - var(--hdr) - var(--csh) - 2.5rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:.35rem}.cmain{flex:1;min-width:0}.fbtn{display:none}.fgroup+.fgroup{margin-top:1.15rem}.flabel{font-size:.62rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .55rem}.fcol{display:flex;flex-direction:column;gap:.4rem}.chip{display:inline-flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.4rem .7rem;border-radius:11px;border:1px solid var(--border);background:var(--glass);color:var(--text-secondary);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;text-align:left;transition:color var(--transition),border-color var(--transition),background var(--transition),opacity var(--transition)}.chip:hover{color:var(--text-primary);border-color:var(--border-strong)}.chip.active{color:var(--text-primary);background:var(--surface-selected);border-color:var(--border-strong);font-weight:700;box-shadow:inset 0 1px #ffffff14}.chip .n{font-size:.68rem;opacity:.6;font-weight:600;flex:none}.chip.off{opacity:.34}.chip[hidden]{display:none}.fmore{align-self:flex-start;font-family:inherit;font-size:.7rem;font-weight:600;color:var(--text-secondary);background:none;border:0;padding:.2rem 0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:.2em}.fmore:hover{color:var(--text-primary)}.bar2{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1.1rem}.rescount{font-size:.72rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.pills{display:flex;gap:.4rem;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:.35rem;background:#e9456024;border:1px solid rgba(233,69,96,.45);color:var(--text-primary);border-radius:10px;padding:.24rem .55rem;font-family:inherit;font-size:.74rem;font-weight:600;cursor:pointer}.pill i{font-style:normal;opacity:.65}.pill:hover i{opacity:1}.clear{font-family:inherit;font-size:.72rem;color:var(--text-secondary);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:.2em}.clear:hover{color:var(--text-primary)}.toggle{margin-left:auto;display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.toggle button{font-family:inherit;font-size:.72rem;padding:.35rem .7rem;color:var(--text-secondary);background:var(--glass);border:0;cursor:pointer}.toggle button.on{background:var(--surface-selected);color:var(--text-primary);font-weight:700}.sort{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--text-secondary);border:1px solid var(--border);background:var(--glass);border-radius:10px;padding:.28rem .6rem}.sort select{font-family:inherit;font-size:.72rem;font-weight:600;color:var(--text-primary);background:none;border:0;outline:none;cursor:pointer}.sort select option{background:var(--bg-card-solid);color:var(--text-primary)}.results{display:grid;gap:.7rem;grid-template-columns:repeat(2,1fr)}.results[data-view=compact]{grid-template-columns:repeat(4,1fr);gap:.85rem}.result[hidden]{display:none}.result{display:flex;align-items:flex-start;gap:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:13px;padding:.65rem;text-decoration:none;color:inherit;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.result:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--card-accent, transparent);opacity:.8;z-index:2}.result:hover,.result:focus-visible{transform:translateY(-2px);border-color:var(--card-accent, var(--border-strong));box-shadow:0 10px 30px #0006}.result:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.result:active{transform:translateY(0) scale(.99)}.r-thumb{width:150px;aspect-ratio:7 / 5;height:auto;flex:none;border-radius:9px;display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-card-solid))}.r-thumb img{width:100%;height:100%;object-fit:cover;display:block}.r-body{min-width:0;display:flex;flex-direction:column}.r-meta{display:flex;align-items:center;gap:.4rem}.r-new{background:linear-gradient(135deg,var(--accent),#c73e54);color:#fff;border-radius:6px;padding:.06rem .34rem;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.r-date{font-size:.6rem;color:var(--text-secondary);opacity:.75;letter-spacing:.04em;text-transform:uppercase}.r-name{font-size:.95rem;font-weight:700;letter-spacing:-.01em;margin:.15rem 0 .2rem}.r-desc{font-size:.76rem;color:var(--text-secondary);line-height:1.45;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.r-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:auto}.tag{font-size:.64rem;padding:.14rem .44rem;background:#ffffff14;border:1px solid var(--border-strong);border-radius:6px;color:#f0f0f5e0;font-weight:600}.r-why{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.3rem}.r-why[hidden]{display:none}.whyc{font-family:ui-monospace,Menlo,monospace;font-size:.55rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .3rem;border-radius:4px;background:#7c3aed38;border:1px solid rgba(124,58,237,.5);color:#c4b5fd}.whyc.is-name{background:#4ade802e;border-color:#4ade8073;color:#86efac}.results[data-view=compact] .result{flex-direction:column;align-items:stretch;gap:0;padding:0}.results[data-view=compact] .result:before{inset:0 0 auto;width:auto;height:3px}.results[data-view=compact] .r-thumb{width:100%;border-radius:0;align-self:stretch}.results[data-view=compact] .r-body{padding:.5rem .65rem .6rem}.results[data-view=compact] .r-name{font-size:.82rem;margin:0}.results[data-view=compact] .r-desc,.results[data-view=compact] .r-date,.results[data-view=compact] .r-why{display:none}.results[data-view=compact] .r-tags{margin-top:.3rem}.results[data-view=compact] .tag:nth-child(n+3){display:none}@media(prefers-reduced-motion:reduce){.sf,.result{transition:none}.result:hover,.result:focus-visible,.result:active{transform:none}}.empty{border:1px dashed var(--border-strong);border-radius:15px;padding:2.25rem 1.6rem;text-align:center;background:var(--glass)}.empty[hidden]{display:none}.empty-ico{font-size:1.8rem;opacity:.5}.empty-h{font-size:1.05rem;font-weight:700;margin:.6rem 0 .35rem}.empty-p{font-size:.82rem;color:var(--text-secondary);margin:0 auto 1rem;max-width:420px;line-height:1.6}.empty-chips{display:flex;gap:.45rem;justify-content:center;flex-wrap:wrap}.empty-chips .chip{justify-content:center}.seo-content{max-width:1100px;margin:2rem auto 0;padding:2rem;border-top:1px solid var(--border)}.seo-content h2{font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.seo-content h3{font-size:1rem;font-weight:700;margin:1.25rem 0 .5rem}.seo-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.seo-content ul{list-style:none;padding:0}.seo-content li{color:var(--text-secondary);font-size:.88rem;line-height:1.6;padding:.3rem 0 .3rem 1.25rem;position:relative}.seo-content li:before{content:"";position:absolute;left:0;top:.75rem;width:6px;height:6px;border-radius:50%;background:var(--text-secondary)}.seo-content li strong{color:var(--text-primary)}.footer{text-align:center;padding:2.5rem 2rem;color:var(--text-secondary);font-size:.85rem;border-top:1px solid var(--border);margin-top:3rem;background:linear-gradient(180deg,transparent,rgba(18,18,31,.5))}.footer a{color:var(--text-secondary);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:.2em;transition:color var(--transition),text-decoration-color var(--transition)}.footer a:hover{color:var(--text-primary);text-decoration-color:var(--text-secondary)}@media(max-width:900px){.cbody{flex-direction:column;gap:.9rem}.side{width:100%;position:sticky;top:calc(var(--hdr) + var(--csh) + 4px);z-index:20;max-height:none;overflow:visible;padding-right:0}.side.open{position:static;z-index:auto}.fbtn{display:inline-flex;align-items:center;gap:.45rem;font-family:inherit;font-size:.78rem;font-weight:600;color:var(--text-primary);border:1px solid var(--border-strong);background:#16213e;border-radius:11px;padding:.45rem .8rem;cursor:pointer;box-shadow:0 6px 18px #00000052}.fbtn-cnt{background:var(--accent);color:#fff;border-radius:20px;font-size:.62rem;font-weight:800;padding:.02rem .36rem}.fbtn-cnt[hidden]{display:none}.fgroups{display:none;margin-top:.85rem}.side.open .fgroups{display:block}.fcol{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.fmore{grid-column:1 / -1;justify-self:start}.sf,.sf:focus-within{max-width:100%}.toggle{margin-left:0}}@media(max-width:768px){.page-hero{padding:.85rem 1.25rem 0}.page-hero h1{font-size:1.6rem}.catalog{--gut: 1.25rem;padding:.3rem var(--gut) 1.5rem}.breadcrumb{padding:.6rem 1.25rem 0}.results{grid-template-columns:1fr}.results[data-view=compact]{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.page-hero h1{font-size:1.4rem}.page-desc{font-size:.86rem}.results[data-view=compact]{grid-template-columns:repeat(2,1fr)}.r-thumb{width:120px}.bar2{gap:.5rem}.sort{margin-left:auto}}
