@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&family=Inter:wght@400;600&display=swap');
:root{--bg:#120d09;--panel:#1f1712;--gold:#e8b44a;--gold2:#ffd98a;--text:#efe4d2;--mute:#b5a58c;--line:#4a3725}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#2b1d12,var(--bg) 60%) fixed;color:var(--text);font:16px/1.6 Inter,system-ui,sans-serif}
a{color:var(--gold2)}h1,h2,.brand{font-family:Cinzel,Georgia,serif;color:var(--gold);letter-spacing:.02em}h1{font-size:clamp(1.8rem,5vw,2.8rem);margin:.4em 0;text-shadow:0 2px 12px #000}
main{max-width:960px;margin:auto;padding:0 16px 40px}.lead{font-size:1.1rem;color:var(--text)}.crumbs{font-size:.85rem;color:var(--mute)}
.nav{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;padding:10px 16px;background:#0b0806e6;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.nav a,.nav summary{color:var(--text);text-decoration:none;cursor:pointer;font-weight:600;font-size:.92rem}.nav .brand{font-size:1.1rem;margin-right:auto;color:var(--gold)}
.nav details{position:relative}.nav details div{position:absolute;background:var(--panel);border:1px solid var(--line);padding:8px;display:grid;gap:4px;min-width:150px;border-radius:8px}
.tool{background:linear-gradient(#271c14,#1a120d);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 0 0 1px #000,0 10px 30px #0008,inset 0 1px #ffd98a22}
.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:12px}label{display:flex;flex-direction:column;font-size:.8rem;color:var(--mute);gap:2px}
label:has(input[type=checkbox]){flex-direction:row;align-items:center;font-size:.95rem;color:var(--text)}
select,input{background:#0f0b08;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit}
button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid #8a6424;padding:9px 14px;background:linear-gradient(#f2c45d,#b98325);color:#1b1208;font-weight:700}button.share{background:#2b2016;color:var(--gold2)}
.names{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.names li{display:flex;align-items:center;gap:6px;background:#0f0b08;border:1px solid var(--line);border-radius:8px;padding:6px 8px}.names span{flex:1;font-family:Cinzel,serif;font-size:1.05rem}
.names button{padding:2px 8px;background:none;border:1px solid var(--line);color:var(--mute)}.names .fav.on{color:var(--gold);border-color:var(--gold)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:28px 0}.grid h2{grid-column:1/-1;margin:0}
.card{display:flex;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-decoration:none;color:var(--text)}.card:hover{border-color:var(--gold)}.card small{color:var(--mute)}
.ad-slot{min-height:90px;margin:20px 0;border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;color:#6b5a44;font-size:.75rem}
.affiliate{border:1px solid var(--gold);border-radius:10px;padding:12px 16px;margin:24px 0;background:#2a1e10}
.faq details{border-bottom:1px solid var(--line);padding:8px 0}.faq summary{cursor:pointer;font-weight:600}
footer{text-align:center;color:var(--mute);font-size:.82rem;padding:20px;border-top:1px solid var(--line)}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--gold);color:#000;padding:8px 16px;border-radius:20px;opacity:0;transition:.3s;pointer-events:none}#toast.on{opacity:1}