:root { --kek:#2f6fde; --zold:#1f9d55; --piros:#d64545; --sarga:#f4b400; --hatter:#f6f8fc; }
* { box-sizing: border-box; }
body { margin:0; font-family: "Segoe UI", Arial, sans-serif; background:var(--hatter); color:#222; font-size:20px; }
header { background:var(--kek); padding:14px 24px; }
header a { color:#fff; text-decoration:none; font-weight:700; font-size:22px; }
header span { font-weight:400; opacity:.85; }
main { max-width:900px; margin:0 auto; padding:20px 16px 60px; }
.kartya { background:#fff; border-radius:14px; padding:20px; box-shadow:0 2px 8px rgba(0,0,0,.08); margin-bottom:18px; }
.gomb { display:inline-block; border:0; border-radius:12px; padding:14px 26px; font-size:22px; font-weight:700; cursor:pointer; background:var(--kek); color:#fff; text-decoration:none; }
.gomb.zold { background:var(--zold); } .gomb.szurke { background:#8a94a6; } .gomb.sarga { background:var(--sarga); color:#222; }
.valaszok { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin:18px 0; }
.valaszok button { width:84px; height:84px; font-size:38px; font-weight:800; border-radius:16px; border:3px solid var(--kek); background:#fff; color:var(--kek); cursor:pointer; }
.valaszok button:hover:not(:disabled) { background:var(--kek); color:#fff; }
.valaszok button.rossz { border-color:var(--piros); color:var(--piros); text-decoration:line-through; opacity:.55; cursor:default; }
.valaszok button.jo { background:var(--zold); border-color:var(--zold); color:#fff; }
.valaszok button.jelolt { background:var(--kek); color:#fff; }
.cetli { width:100%; border:1px solid #dde3ee; border-radius:10px; background:#fff; }
.fej { display:flex; justify-content:space-between; align-items:center; font-weight:700; }
.uzenet { padding:14px 18px; border-radius:12px; margin:12px 0; font-size:22px; }
.uzenet.jo { background:#e3f6ea; color:#14623a; } .uzenet.rossz { background:#fde8e8; color:#8e2323; }
.segitseg { background:#fff8e1; border-left:6px solid var(--sarga); padding:12px 16px; border-radius:8px; margin:10px 0; }
.cimkek span { display:inline-block; background:#eef2fb; border-radius:20px; padding:4px 12px; margin:3px; font-size:16px; }
.sav { display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
.sav a { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:#e7ecf6; color:#333; text-decoration:none; font-size:16px; }
.sav a.kesz { background:#c9d7f5; } .sav a.most { outline:3px solid var(--kek); }
.sav a.jo { background:#c8ecd6; } .sav a.rossz { background:#f6cfcf; }
table { width:100%; border-collapse:collapse; } td, th { padding:8px; border-bottom:1px solid #e3e7ef; text-align:left; font-size:18px; }
details summary { cursor:pointer; color:var(--kek); }
input[type=text] { font-size:22px; padding:10px; border-radius:10px; border:2px solid #ccd; }
.nagy { font-size:44px; font-weight:800; }
@media print { header, .sav, form { display:none; } }
.beszelgetes { margin-top:20px; border-top:2px dashed #dde3ee; padding-top:10px; }
.beszelgetes h3 { margin:6px 0 10px; }
.buborek { padding:10px 14px; border-radius:14px; margin:8px 0; max-width:85%; }
.buborek p { margin:4px 0; }
.buborek.user { background:#e3ecfd; margin-left:auto; }
.buborek.assistant { background:#f1f1f4; }
.beszelgetes textarea { width:100%; font-size:20px; padding:10px; border-radius:10px; border:2px solid #ccd; font-family:inherit; }
.beszelgetes form { display:flex; flex-direction:column; gap:8px; align-items:flex-end; }
header { display:flex; justify-content:space-between; align-items:center; }
.belepve { color:#fff; display:flex; gap:12px; align-items:center; font-size:18px; }
.kilepes button { background:transparent; color:#fff; border:2px solid #fff; border-radius:10px; padding:4px 12px; font-size:16px; cursor:pointer; }
input[type=email], input[type=password], input[type=number], select { font-size:22px; padding:10px; border-radius:10px; border:2px solid #ccd; }