:root{--bg:#f6f7f9;--lap:#fff;--szoveg:#1c1e24;--halk:#5c6270;--vonal:#dfe2e8;--fo:#2f6fed;--fo-h:#245fd0;--jo:#1f9d55;--rossz:#d64545;--figy:#c98a00;--nsfw:#8b3fd6;--arny:0 1px 3px rgba(0,0,0,.06);--r:10px;font-size:15px}
@media(prefers-color-scheme:dark){:root:not([data-tema=vilagos]){--bg:#15171c;--lap:#1e2129;--szoveg:#e6e8ee;--halk:#9aa1b0;--vonal:#2c3039;--fo:#6a9cff;--fo-h:#84adff;--arny:0 1px 3px rgba(0,0,0,.4)}}
:root[data-tema=sotet]{--bg:#15171c;--lap:#1e2129;--szoveg:#e6e8ee;--halk:#9aa1b0;--vonal:#2c3039;--fo:#6a9cff;--fo-h:#84adff;--arny:0 1px 3px rgba(0,0,0,.4)}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--szoveg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.45}
a{color:var(--fo)}a:hover{color:var(--fo-h)}
.fej{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--lap);border-bottom:1px solid var(--vonal);position:sticky;top:0;z-index:5;flex-wrap:wrap}
.fej .cim{font-weight:700;text-decoration:none;color:var(--szoveg);font-size:1.05rem}
.fej nav{display:flex;gap:4px;flex-wrap:wrap}.fej nav a{padding:6px 10px;border-radius:6px;text-decoration:none;color:var(--halk)}.fej nav a.akt,.fej nav a:hover{background:var(--bg);color:var(--szoveg)}
.fej .jobb{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--halk)}
.fej .avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}
main{max-width:1180px;margin:0 auto;padding:16px}
.racs{display:grid;gap:14px}.racs-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.racs-3{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.racs-4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.lap{background:var(--lap);border:1px solid var(--vonal);border-radius:var(--r);padding:14px;box-shadow:var(--arny)}
.lap h2,.lap h3{margin:0 0 8px}.lap p.magy{color:var(--halk);font-size:.9rem;margin:0 0 10px}
h1{font-size:1.4rem;margin:6px 0 14px}h2{font-size:1.15rem}h3{font-size:1rem}
.halk{color:var(--halk)}.kicsi{font-size:.85rem}.jobbra{text-align:right}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem}
label{display:block;font-size:.85rem;color:var(--halk);margin:8px 0 3px}
input[type=text],input[type=email],input[type=number],input[type=url],select,textarea{width:100%;padding:8px 10px;border:1px solid var(--vonal);border-radius:7px;background:var(--bg);color:var(--szoveg);font:inherit}
textarea{min-height:80px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--fo);outline-offset:0;border-color:transparent}
.sor{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sor>*{flex:1 1 160px}.sor>.fix{flex:0 0 auto}
.gomb{display:inline-block;padding:8px 14px;border-radius:7px;border:1px solid var(--vonal);background:var(--lap);color:var(--szoveg);cursor:pointer;font:inherit;text-decoration:none;line-height:1.2}
.gomb:hover{border-color:var(--fo)}.gomb.fo{background:var(--fo);border-color:var(--fo);color:#fff}.gomb.fo:hover{background:var(--fo-h)}
.gomb.veszely{color:var(--rossz);border-color:var(--rossz)}.gomb.kicsi{padding:4px 9px;font-size:.85rem}.gomb[disabled]{opacity:.5;cursor:not-allowed}
.jelveny{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--vonal);color:var(--halk);vertical-align:middle}
.jelveny.jo{color:var(--jo);border-color:var(--jo)}.jelveny.rossz{color:var(--rossz);border-color:var(--rossz)}.jelveny.figy{color:var(--figy);border-color:var(--figy)}.jelveny.nsfw{color:var(--nsfw);border-color:var(--nsfw)}.jelveny.fo{color:var(--fo);border-color:var(--fo)}
.uzenetek{margin:0 0 14px}.uzenet{padding:10px 14px;border-radius:8px;margin-bottom:8px;border:1px solid var(--vonal);background:var(--lap)}
.uzenet.jo{border-color:var(--jo)}.uzenet.rossz{border-color:var(--rossz)}.uzenet.figy{border-color:var(--figy)}
table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{padding:7px 8px;border-bottom:1px solid var(--vonal);text-align:left;vertical-align:top}th{color:var(--halk);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}
tr:hover td{background:color-mix(in srgb,var(--fo) 5%,transparent)}
.tabla-gorg{overflow-x:auto}
.kartya-kep{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--bg);display:block}
.galeria img{width:100%;border-radius:8px;display:block}.galeria figure{margin:0}.galeria figcaption{font-size:.8rem;color:var(--halk);padding:4px 2px}
.elmosott{filter:blur(18px);transition:filter .2s}.elmosott:hover{filter:blur(0)}
.prompt-elonezet{background:var(--bg);border:1px dashed var(--vonal);border-radius:8px;padding:10px;font-size:.9rem;white-space:pre-wrap;min-height:60px}
.koltseg{display:flex;gap:16px;flex-wrap:wrap;align-items:baseline}.koltseg b{font-size:1.3rem}
.nyito{padding:40px 16px;text-align:center}.nyito h1{font-size:2rem;margin-bottom:6px}.nyito p{max-width:640px;margin:0 auto 20px;color:var(--halk)}
.minta-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-width:1000px;margin:20px auto}
.minta-galeria figure{margin:0;background:var(--lap);border:1px solid var(--vonal);border-radius:8px;overflow:hidden}.minta-galeria img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.minta-galeria figcaption{padding:6px 8px;font-size:.85rem}
.lepesek{counter-reset:l;padding:0;list-style:none}.lepesek li{counter-increment:l;position:relative;padding:8px 0 8px 36px;border-bottom:1px solid var(--vonal)}.lepesek li::before{content:counter(l);position:absolute;left:0;top:8px;width:24px;height:24px;border-radius:50%;background:var(--fo);color:#fff;font-size:.8rem;display:flex;align-items:center;justify-content:center}
.feltetel{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--vonal)}.feltetel .pont{width:12px;height:12px;border-radius:50%;margin-top:6px;flex:0 0 auto;background:var(--rossz)}.feltetel .pont.jo{background:var(--jo)}
.stat{display:flex;flex-direction:column}.stat b{font-size:1.5rem}.stat span{color:var(--halk);font-size:.85rem}
details summary{cursor:pointer;color:var(--halk)}
.lablec{padding:20px 16px;color:var(--halk);font-size:.8rem;text-align:center}
.leiras{font-size:.85rem;color:var(--halk);border-left:3px solid var(--vonal);padding:4px 10px;margin:6px 0 10px}
@media(max-width:600px){main{padding:10px}.fej{gap:8px}.fej .jobb{margin-left:0;width:100%}}