:root{--bg: radial-gradient( circle at top left, #f7f3ec, #efe7db 40%, #e6dccf );--text:#111111;--card: rgba(255,255,255,.58);--border: rgba(255,255,255,.18);--input: rgba(255,255,255,.72);--shadow: 0 10px 40px rgba(0,0,0,.08);--button:#111111;--buttonText:#ffffff;--muted:#6b7280}html.dark{--bg: radial-gradient( circle at top left, #161616, #0f0f0f 40%, #080808 );--text:#f5f5f5;--card: rgba(24,24,24,.72);--border: rgba(255,255,255,.06);--input: rgba(255,255,255,.03);--shadow: 0 12px 40px rgba(0,0,0,.45);--button:#f3e6d2;--buttonText:#111111;--muted:#9ca3af}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);transition:background .3s ease,color .3s ease;overflow:hidden}.container{width:100%;height:100vh;padding:8px 32px 24px;display:flex;flex-direction:column}.topbar{width:100%;display:flex;justify-content:flex-end;margin-bottom:2px}.theme-switch{position:relative;width:74px;height:40px}.theme-switch input{display:none}.slider{position:absolute;inset:0;background:#111;border-radius:999px;cursor:pointer;transition:.3s;border:1px solid rgba(255,255,255,.06)}html.dark .slider{background:#f3e6d2}.slider:before{content:"🌙";position:absolute;width:32px;height:32px;left:4px;top:3px;border-radius:50%;background:#f3e6d2;display:flex;align-items:center;justify-content:center;font-size:15px;transition:.3s}html.dark .slider:before{transform:translate(34px);content:"☀️";background:#111}.hero{margin-bottom:16px;flex-shrink:0}.logo{width:72px;height:72px;border-radius:24px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:12px;box-shadow:var(--shadow)}html.dark .logo{background:#f3e6d2;color:#111}.title{font-size:72px;font-weight:800;line-height:.95;letter-spacing:-3px;margin-bottom:6px;max-width:900px}.subtitle{font-size:22px;color:var(--muted);max-width:600px}.main-grid{flex:1;display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;min-height:0}.form-section{height:100%}.form-card,.message-card,.empty-state{background:var(--card);border:1px solid var(--border);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:32px;box-shadow:var(--shadow)}.form-card{height:100%;padding:30px}input,textarea{width:100%;border:none;outline:none;background:var(--input);border:1px solid transparent;color:var(--text);padding:18px 20px;border-radius:20px;margin-top:16px;font-size:16px;transition:.25s ease}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus{transform:translateY(-1px);border-color:#d6b98f}html.dark input:focus,html.dark textarea:focus{border-color:#f3e6d2}textarea{min-height:280px;resize:none;line-height:1.8}.counter{margin-top:12px;text-align:right;color:var(--muted);font-size:14px}button{width:100%;margin-top:26px;border:none;background:var(--button);color:var(--buttonText);padding:18px;border-radius:20px;font-size:18px;font-weight:700;cursor:pointer;transition:.25s ease}button:hover{transform:translateY(-2px);opacity:.96}button:disabled{opacity:.7}.feedback-column{height:100%;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:18px;min-height:0}.feedback-column::-webkit-scrollbar{width:6px}.feedback-column::-webkit-scrollbar-track{background:transparent}.feedback-column::-webkit-scrollbar-thumb{background:#8c8c8c40;border-radius:999px}.message-card{display:flex;gap:18px;align-items:flex-start;padding:24px;transition:.25s ease;flex-shrink:0}.message-card:hover{transform:translateY(-2px)}.avatar{width:56px;height:56px;border-radius:18px;background:#e3c79d;color:#4a2f09;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0}html.dark .avatar{background:#6f5432;color:#fff2dd}.message-content{flex:1}.message-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.message-name{font-size:22px;font-weight:700}.message-date{font-size:13px;color:var(--muted);white-space:nowrap}.message-text{line-height:1.8;font-size:16px;color:var(--text);opacity:.92}.toast{position:fixed;top:20px;right:20px;background:#111;color:#fff;padding:16px 22px;border-radius:18px;z-index:999;box-shadow:var(--shadow)}html.dark .toast{background:#f3e6d2;color:#111}.empty-state{text-align:center;padding:60px 30px}.empty-state h2{font-size:32px;margin-bottom:12px}.empty-state p{color:var(--muted);font-size:18px}@media(max-width:1100px){body{overflow:auto}.container{height:auto}.main-grid{grid-template-columns:1fr}.title{font-size:52px}.feedback-column{overflow:visible;height:auto}}@media(max-width:640px){.container{padding:18px}.title{font-size:40px;letter-spacing:-2px}.subtitle{font-size:18px}.message-header{flex-direction:column;gap:6px}.message-card{flex-direction:column}textarea{min-height:220px}}