.search-page { max-width:60rem;margin:2rem auto;} .search-title-frame { text-align:center;margin:1.5rem auto 2.5rem;} .search-heading { font-family:var(--font-title);font-size:1.9rem;margin:.4rem 0;color:var(--fg);text-shadow:0 1px 1px #fff8;} .fts-indicator { font-size:.95rem;opacity:.75;} .result-count { margin:0 auto 1.5rem;text-align:center;color:var(--muted);font-size:1rem;} .search-results { max-width:55rem;margin:0 auto 3rem;display:flex;flex-direction:column;gap:1.25rem;} .search-result-card { background:#fffdf8;border:1px solid #ded6c7;border-radius:.75rem;padding:1.1rem 1.25rem;display:flex;gap:1rem;align-items:flex-start;transition:box-shadow .2s, transform .2s;} .search-result-card:hover { transform:translateY(-3px);box-shadow:0 8px 20px #00000014;} .result-thumb { width:80px;height:110px;border-radius:.5rem;overflow:hidden;background:#f2ece4;} .result-thumb img { width:100%;height:100%;object-fit:cover;} .search-result-card strong { font-size:1.08rem;color:#7b582d;font-weight:600;} .snippet mark { background:#ffe38c73;border-radius:.25em;padding:0 .2em;animation:snippetGlow 1.3s ease-out;} @keyframes snippetGlow { 0% { background:#ffeab699;box-shadow:0 0 12px #ffeab6a4;} 100% { background:#ffe38c73;box-shadow:none;} } .pagination { display:flex;justify-content:center;align-items:center;gap:.75rem;margin:2.5rem auto;} .pagination .btn { padding:.6rem 1.2rem;border-radius:2rem;background:#fffdf8;border:1px solid #ccc4b7;text-decoration:none;color:#5a4a3a;transition:.2s;} .pagination a:hover { border-color:#b48c5a;color:#b48c5a;} .pagination .disabled { opacity:.4;cursor:default;} .live-results { position:absolute;top:calc(100% + .4rem);left:0;right:0;min-width:32rem;max-width:40rem;margin:0 auto;background:#fffdf8;border:1px solid #ded6c7;border-radius:.6rem;box-shadow:0 6px 16px rgba(0,0,0,.1);padding:.35rem 0;max-height:30rem;overflow-y:auto;z-index:9999;pointer-events:auto;} .live-results .suggestion { display:flex;align-items:flex-start;gap:0.8rem;padding:0.55rem 0.75rem;cursor:pointer;transition:background .15s ease;} .live-results .suggestion:hover { background:#00000008;} .live-results .thumb { width:48px;height:68px;object-fit:cover;object-position:center;border-radius:4px;flex-shrink:0;background:#f4ede2;border:1px solid #d8cbb9;} .live-results .text { flex:1;min-width:0;display:flex;flex-direction:column;gap:0.2rem;} .live-results .title { font-weight:600;font-size:.95rem;color:var(--fg);line-height:1.2;} .live-results .author { font-size:.85rem;color:var(--muted);} .live-results .snippet { font-size:.85rem;color:var(--fg);opacity:.85;line-height:1.3;} .live-results mark { background:#ffe38c66;padding:0 .15em;border-radius:2px;} .hero-search { position:relative;overflow:visible !important;z-index:20;} body.night .search-heading { color:#f6eedd;text-shadow:none;} body.night .search-result-card { background:#221a13;border-color:#403223;box-shadow:0 2px 10px #0009;} body.night .search-result-card strong { color:#e6c88c;} body.night .live-results { background:#221a13;border-color:#423726;} body.night .live-results .thumb { background:#2a2218;border-color:#3e3427;} body.night .live-results .suggestion:hover { background:#2d241b;} body.night .live-results .suggestion.active { background:#2c241c;outline:2px solid #b48c5a;} body.night .pagination .btn { background:#221a13;color:#e6dcbf;border-color:#423726;} body.night .pagination a:hover { color:#e6c88c;border-color:#e6c88c;}