.suti { position: fixed; left: 18px; bottom: 18px; z-index: 1080; width: min(440px, calc(100vw - 36px)); padding: 26px 22px 20px; border-radius: 4px 10px 10px 10px;
  background: #f3ead2; color: #1d1a14; box-shadow: 0 24px 60px -12px rgba(0, 0, 0, .75), 0 0 0 1px rgba(0, 0, 0, .3); font-size: .92rem; animation: suti-be .6s cubic-bezier(.2, .8, .2, 1) both; }
.suti[hidden] { display: none; }
.suti__ful { position: absolute; left: -1px; top: -26px; padding: 5px 14px 4px; border-radius: 8px 8px 0 0; background: #e8dcb8; color: #3b3324;
  font-family: "Courier New", ui-monospace, monospace; font-weight: 700; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; }
.suti__cim { margin: 0 0 6px; font-family: var(--font-head, "Oswald", sans-serif); font-size: 1.35rem; text-transform: uppercase; color: #15120c; }
.suti__szoveg { margin: 0 0 14px; color: #3b3324; line-height: 1.5; }
.suti__valasztas { display: grid; gap: 8px; margin-bottom: 14px; }
.suti__sor { display: flex; gap: 10px; align-items: flex-start; padding: 8px 10px; border: 1px solid #d6c9a3; border-radius: 6px; background: #fbf6e6; cursor: pointer; }
.suti__sor input { margin-top: 4px; accent-color: #15120c; }
.suti__sor strong { display: block; color: #15120c; }
.suti__gombok { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.suti__gombok .btn-primary { background: #15120c; border-color: #15120c; color: #ffd623; }
.suti__gombok .btn-outline-light { border-color: #15120c; color: #15120c; }
.suti__gombok .btn-outline-light:hover { background: #15120c; color: #ffd623; }
.suti__gombok .btn-link { color: #6b4a00; }
@keyframes suti-be { from { opacity: 0; transform: translateY(20px) rotate(-1deg); } }
.meres-teszt { position: fixed; right: 14px; bottom: 14px; z-index: 1085; width: min(380px, calc(100vw - 28px)); max-height: 46vh; overflow: auto; padding: 12px 14px;
  border: 2px solid #ffd623; border-radius: 10px; background: rgba(9, 12, 15, .94); color: #eef1f3; font: 12px/1.45 ui-monospace, Consolas, monospace; }
.meres-teszt strong { display: block; color: #ffd623; font-size: 13px; }
.meres-teszt span { display: block; color: #a3acb5; margin-bottom: 6px; }
.meres-teszt ol { margin: 0; padding-left: 18px; }
@media (prefers-reduced-motion: reduce) { .suti { animation: none; } }