:root{--ink:#18201c;--muted:#68736d;--line:#dce2de;--paper:#f6f7f4;--card:#fff;--accent:#cf4d2e;--accent-dark:#a83820;--green:#294f3d;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:Georgia,serif;font-size:25px;font-weight:700;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-size:20px}.catalog-label{margin-left:auto;color:var(--muted);font-size:14px}.hero{padding:72px max(24px,calc((100vw - 1000px)/2)) 56px;background:linear-gradient(145deg,#f3ede5,#eef2ec)}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.16em}.hero h1{margin:0;font:700 clamp(42px,7vw,72px)/1 Georgia,serif;letter-spacing:-.04em}.intro{margin:18px 0 30px;color:var(--muted);font-size:18px}.search-box{display:flex;align-items:center;padding:8px 8px 8px 18px;background:#fff;border:1px solid #d7ddd9;border-radius:16px;box-shadow:0 12px 30px #20352912}.search-box:focus-within{outline:3px solid #cf4d2e2b;border-color:var(--accent)}.search-box svg{width:23px;fill:none;stroke:var(--muted);stroke-width:2}.search-box input{min-width:0;flex:1;border:0;outline:0;padding:15px;font:inherit;font-size:16px}.search-box button{border:0;border-radius:10px;padding:14px 24px;background:var(--accent);color:#fff;font-weight:750;cursor:pointer}.search-box button:hover{background:var(--accent-dark)}.filters{margin-top:16px}.filters summary{width:max-content;color:var(--green);font-size:14px;font-weight:700;cursor:pointer}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.filter-grid label,.sort{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.filter-grid input,.filter-grid select,.sort select{min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;color:var(--ink);font:inherit}.filter-actions{display:flex;align-items:center;gap:22px;margin-top:16px}.check{font-size:14px}.link-button{margin-left:auto;border:0;background:none;color:var(--accent-dark);font-weight:700;cursor:pointer}.results-section{max-width:1200px;margin:auto;padding:44px 24px 72px}.results-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.results-head h2{margin:0 0 6px;font:700 30px Georgia,serif}.results-head p{margin:0;color:var(--muted)}.sort{flex-direction:row;align-items:center}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);cursor:pointer;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #263b3020}.thumb{position:relative;aspect-ratio:16/9;display:grid;place-items:center;background:#dfe5e0;color:#738077}.thumb img{width:100%;height:100%;object-fit:cover}.thumb svg{width:42px;fill:none;stroke:currentColor}.code{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:6px;background:#111c;color:#fff;font-size:11px;font-weight:700}.card-body{padding:17px}.card h3{margin:0 0 8px;font-size:16px;line-height:1.35}.meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.tag{padding:4px 7px;border-radius:5px;background:#eff2ef;color:var(--green);font-weight:700}.status{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--muted);text-align:center}.pagination{display:flex;justify-content:center;gap:8px;margin-top:32px}.pagination button{min-width:40px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px;cursor:pointer}.pagination button[aria-current]{background:var(--green);color:#fff}.pagination button:disabled{opacity:.4}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}dialog{width:min(720px,calc(100% - 30px));border:0;border-radius:16px;padding:30px;box-shadow:0 30px 80px #0005}dialog::backdrop{background:#16201bb8}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.detail-grid dt{color:var(--muted);font-size:12px}.detail-grid dd{margin:2px 0 12px;word-break:break-word}.video-link{display:inline-block;margin-top:10px;padding:11px 16px;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700}@media(max-width:850px){.results{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hero{padding-top:48px}.search-box{align-items:stretch;flex-wrap:wrap}.search-box svg{display:none}.search-box input{width:100%;flex-basis:100%}.search-box button{width:100%}.results{grid-template-columns:1fr}.filter-grid,.detail-grid{grid-template-columns:1fr}.results-head{align-items:start;gap:18px}.sort{flex-direction:column;align-items:start}.filter-actions{flex-wrap:wrap}.link-button{margin-left:0}}