*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#111827;color:#fff}.lc-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:14px}.lc-card{width:100%;max-width:420px;height:640px;background:#0b1220;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.4);display:flex;flex-direction:column}.lc-header{padding:16px;background:linear-gradient(135deg,#16a34a,#2563eb);display:flex;justify-content:space-between;align-items:center}.lc-header b{font-size:18px;display:block}.lc-header small{opacity:.9}.lc-dot{width:12px;height:12px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e}.lc-body{flex:1;overflow-y:auto;padding:14px;background:#111827}.msg{display:flex;margin-bottom:10px}.msg.user{justify-content:flex-end}.msg.admin{justify-content:flex-start}.bubble{max-width:78%;padding:10px 12px;border-radius:14px;font-size:14px;line-height:1.35;word-wrap:break-word}.user .bubble{background:#2563eb;color:#fff;border-bottom-right-radius:4px}.admin .bubble{background:#374151;color:#fff;border-bottom-left-radius:4px}.bubble small{display:block;font-size:10px;opacity:.7;margin-top:5px}.bubble a{color:#fff;text-decoration:underline}.lc-form{display:flex;gap:8px;padding:10px;background:#020617;border-top:1px solid rgba(255,255,255,.08)}.lc-form input[type=text]{flex:1;border:none;border-radius:12px;padding:12px;background:#1f2937;color:#fff;outline:none}.lc-form button{border:none;border-radius:12px;padding:0 16px;background:#16a34a;color:#fff;font-weight:bold;cursor:pointer}.lc-file{width:42px;border-radius:12px;background:#1f2937;display:flex;align-items:center;justify-content:center;cursor:pointer}.lc-file input{display:none}@media(max-width:480px){.lc-wrapper{padding:0}.lc-card{height:100vh;border-radius:0;max-width:none}}