:root{--bg-top: #b8cdb8;--bg-bottom: #cfe6ee;--ink: #1f2a1f;--muted: #2e3b2e;--control: #6f826f;--control-hover: #5f725f;--control-text: #ffffff;--chip: rgba(111, 130, 111, .12)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Georgia,Times New Roman,Times,serif;color:var(--ink);background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}#root{min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 16px}.app__frame{width:min(920px,100%);text-align:center}.app__frame--full{width:100%;max-width:none}.hero__title{margin:0;font-size:44px;font-weight:600;font-style:italic;letter-spacing:.2px}.hero__subtitle{margin:8px 0 0;font-size:14px;color:var(--muted);font-style:italic}.content{margin-top:44px}.resultsPanel{margin-top:18px;background:#6f826f47;border-radius:16px;padding:14px}.resultsScroller{--tile-h: 360px;--tile-gap: 16px;max-height:none;overflow:visible;padding-right:0}.grid.grid--results{margin-top:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--tile-gap);grid-auto-rows:var(--tile-h)}.grid--results .card{height:100%;grid-template-columns:1fr;text-align:center;align-content:start;padding:9px;border-radius:10px}.grid--results .card__cover{display:flex;justify-content:center}.grid--results .cover{width:100%;height:205px}.grid--results .card__title{margin-top:-3px;font-size:18px;display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.grid--results .card__meta{display:-webkit-box;font-size:14px;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid--results .tags{display:none}.search{display:flex;justify-content:center}.search__row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}.input,.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--control);color:var(--control-text);border:0;padding:14px 20px;border-radius:10px;font-size:16px;outline:none;min-width:160px}.input::placeholder{color:#fffc}.select{cursor:pointer}.iconBtn{width:48px;height:48px;border-radius:999px;border:0;background:var(--control);color:var(--control-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.iconBtn:hover{background:var(--control-hover)}.iconBtn:disabled{opacity:.7;cursor:not-allowed}.resultsMeta{margin:22px 0 14px;color:#1f2a1fbf;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px;text-align:left}.card{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:300px;border-radius:12px;background:#ffffff8c}.cover{width:72px;height:96px;object-fit:cover;border-radius:8px;background:#ffffff59}.cover--placeholder{display:grid;place-items:center;font-size:12px;color:#1f2a1f99}.card__title{margin:0;font-size:16px}.card__meta{margin-top:4px;font-size:13px;color:#1f2a1fb8}.link{color:inherit;text-decoration:none}.link:hover{text-decoration:underline}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{background:var(--chip);padding:4px 8px;border-radius:999px;font-size:12px}.pagination{margin-top:18px;display:flex;justify-content:center;align-items:center;gap:12px}.btn{border:0;background:#ffffff8c;padding:10px 14px;border-radius:10px;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.cornerChevron{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:999px;border:0;background:var(--control);color:var(--control-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1;z-index:10}.cornerChevron:hover{background:var(--control-hover)}.pagination__status{font-size:14px;color:#1f2a1fbf}.loader{margin:18px auto;display:inline-flex;align-items:center;gap:10px;color:#1f2a1fcc}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(31,42,31,.25);border-top-color:#1f2a1fcc;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{margin:18px auto;padding:14px;width:min(560px,100%);border-radius:12px;background:#fff9}.error__title{font-weight:600;margin-bottom:4px}.error__message{color:#1f2a1fbf;margin-bottom:10px}.empty{margin-top:18px;color:#1f2a1fbf}@media (min-width: 1440px){.hero__title{font-size:52px}}