:root{--ink:#18212f;--muted:#607086;--bg:#f7f3ec;--card:#fff;--line:#e6dccd;--accent:#8a4d18}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 6%;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0}a{color:var(--accent);text-decoration:none}.logo{font-weight:800;font-size:1.35rem;color:var(--ink)}nav a{margin-left:16px;color:var(--ink)}main{max-width:1100px;margin:auto;padding:30px 6%}.hero{padding:48px 0}.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:0 0 16px}.hero p{font-size:1.15rem;color:var(--muted);max-width:720px}form{display:flex;gap:10px;max-width:650px}input{flex:1;padding:14px;border:1px solid var(--line);border-radius:12px;font-size:1rem}button,.load{padding:14px 18px;border:0;border-radius:12px;background:var(--accent);color:white;font-weight:700;cursor:pointer}.grid,.names{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.cat,.card,.detail{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 22px rgba(30,20,10,.05);color:var(--ink)}.card strong{font-size:1.25rem;display:block}.card span,.crumb,.card p{color:var(--muted)}.ad{border:2px dashed #c9bca9;border-radius:16px;text-align:center;padding:24px;margin:24px 0;color:var(--muted);background:#fffaf3}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.script{font-size:2rem;margin:10px 0 20px}dt{font-weight:800}dd{margin:0 0 12px}footer{padding:28px 6%;text-align:center;background:#fff;border-top:1px solid var(--line);margin-top:40px}@media(max-width:650px){header{display:block}nav a{display:inline-block;margin:8px 12px 0 0}form{display:block}input,button{width:100%;margin-top:8px}}