*{box-sizing:border-box}body{margin:0;background:#17130f;color:#f5e9d5;font-family:system-ui,sans-serif}.shell{max-width:860px;margin:auto;padding:24px}header{text-align:center;margin:20px 0 32px}h1{font-size:3rem;margin:10px}header p,.muted{color:#a9a095}.flag{display:inline-block;background:#6a4320;border:1px solid #b88742;border-radius:20px;padding:6px 15px;font-size:12px;letter-spacing:1px}.panel{background:#28211b;border:1px solid #594432;border-radius:20px;padding:24px}.controls{display:flex;gap:15px;flex-wrap:wrap}label{flex:1;min-width:180px;font-size:13px;color:#c4b4a2}select,input{width:100%;padding:12px;background:#17130f;color:#fff;border:1px solid #65503b;border-radius:9px;margin-top:6px}.character{display:flex;align-items:center;gap:20px;margin:22px 0}.portrait{display:grid;place-items:center;font-size:55px;background:#49341f;width:110px;height:110px;border-radius:50%}.character h2{margin:0}.character p{color:#c4b4a2}.chat{min-height:200px;max-height:350px;overflow:auto;border-radius:12px;background:#17130f;padding:15px;display:flex;flex-direction:column;gap:10px}.bubble{padding:10px 14px;border-radius:14px;max-width:85%;background:#493827;align-self:flex-start}.bubble.user{background:#28534d;align-self:flex-end}form{display:flex;gap:10px;margin-top:14px}form input{margin:0}button{border:0;border-radius:10px;background:#c69a5a;color:#21180f;padding:0 18px;font-weight:700;cursor:pointer}button:disabled{opacity:.5}.error{color:#f88}footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 0;font-size:12px;color:#bca78f}@media (max-width:500px){.shell{padding:12px}.panel{padding:14px}h1{font-size:2rem}}body{background:#160c08 url(/assets/assets/bar-sanycha.webp) center center/cover fixed no-repeat}.shell{max-width:680px;min-height:100dvh;background:linear-gradient(#29140ccf,#190c07ee);box-shadow:0 0 60px #000c}header h1{font:italic 700 clamp(32px,6vw,44px) Georgia,serif;color:#ffd18d;text-shadow:0 0 16px #ef893e}.character{justify-content:center;min-height:180px;background:linear-gradient(transparent,#26140fbb);border-radius:16px}.portrait{width:150px;height:150px;overflow:hidden;background:#27170d;border:3px solid #b88347}.portrait img{width:100%;height:100%;object-fit:cover}.chat{background:#26140fe8;border:1px solid #a56b3a}.panel{background:#26140fe8;border:1px solid #b88347}