:root{color-scheme:light;--bg: #f8f4ef;--bg-accent: #f9d6c2;--ink: #1a1a1a;--muted: #4f4a45;--primary: #c8572e;--secondary: #0a6b6b;--card: rgba(255, 255, 255, .88);--shadow: 0 18px 40px rgba(18, 18, 18, .18)}*{box-sizing:border-box}body{margin:0;font-family:Trebuchet MS,Gill Sans,Segoe UI,Tahoma,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,var(--bg-accent),transparent 50%),radial-gradient(circle at 20% 70%,#f2c3b0,transparent 55%),linear-gradient(120deg,var(--bg),#fdf7f0);min-height:100vh}body:before,body:after{content:"";position:fixed;inset:auto;width:260px;height:260px;border-radius:999px;filter:blur(.5px);opacity:.75;z-index:0}body:before{top:40px;right:8vw;background:radial-gradient(circle,#ffd5a8,#f47c4b 60%)}body:after{bottom:-60px;left:-40px;background:radial-gradient(circle,#7bc6b5,#0a6b6b 65%)}#root{position:relative;z-index:1}.page{padding:48px 18px 72px;max-width:1000px;margin:0 auto;display:grid;gap:28px}.hero{display:grid;gap:12px}.hero h1{margin:0;font-size:clamp(2.2rem,4vw,3.4rem);font-family:Georgia,Palatino Linotype,Times New Roman,serif}.hero p{margin:0;color:var(--muted);font-size:1.1rem}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background:var(--secondary);color:#fff;border-radius:999px;font-weight:700;letter-spacing:2px;width:fit-content}.card{background:var(--card);border-radius:24px;padding:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(26,26,26,.06)}.login form{display:grid;gap:18px}label{display:grid;gap:8px;font-weight:600}input{padding:12px 14px;border-radius:12px;border:1px solid rgba(26,26,26,.2);font-size:1rem;background:#fff}.cta{background:var(--primary);color:#fff;border:none;padding:12px 20px;border-radius:999px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 20px #c8572e4d}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 28px #c8572e59}.cta.small{padding:10px 16px}.ghost{background:transparent;border:1px solid rgba(26,26,26,.2);padding:8px 14px;border-radius:999px;cursor:pointer}.error{margin:0;color:#9b2d1c;font-weight:600}.chat{display:grid;gap:18px}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.chat-header h2{margin:0}.who{display:flex;gap:12px;align-items:center;font-weight:600}.online{color:var(--secondary);font-weight:700}.offline{color:#9b2d1c;font-weight:700}.messages{display:grid;gap:14px;max-height:420px;overflow-y:auto;padding-right:6px}.message{background:#fff;border-radius:16px;padding:14px 16px;border:1px solid rgba(26,26,26,.08)}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem;margin-bottom:6px}.message p{margin:0;line-height:1.4}.composer{display:grid;grid-template-columns:1fr auto;gap:12px}.status{text-align:center}@media (max-width: 720px){.page{padding:32px 14px 60px}.card{padding:22px}.composer{grid-template-columns:1fr}}