:root{--bg-main:#080a18;--bg-header:#0b0c1feb;--bg-sidebar:#0d1023;--bg-panel:#17142b;--bg-hover:#1b1835;--bg-selected:#211a3d;--bg-mine:#3b2861;--bg-window-header:#141820bf;--bg-input-area:#11141aeb;--bg-input:#10141a;--border:#292344;--border-soft:#a089df1f;--border-accent:#a992e875;--text:#c7c4d8;--text-muted:#85819e;--text-white:#f4f1ff;--text-dark:#f3edff;--text-list-title:#8994a3;--text-message:#e3e8ee;--text-time:#778291;--text-mine-time:#b5a8db;--text-placeholder:#687382;--text-error:#ff9a9a;--accent:#a992e8;--accent-bright:#c5b3ff;--accent-soft:#704fb824;--accent-glow:#704fb82e;--empty-border:#a992e873;--empty-gradient:linear-gradient(135deg, #704fb847, #1c317114);--empty-ring:#704fb814;--message-grid:#ffffff05;--shadow-header:#02030d57;--shadow-message:#0000001f;--shadow-mine:#50308f42;--sans:"Trebuchet MS", "Segoe UI", sans-serif;font-family:var(--sans);color:var(--text);background:var(--bg-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=gold]{--bg-main:#0d0d0d;--bg-header:#121212f0;--bg-sidebar:#141414;--bg-panel:#191919;--bg-hover:#1d1d1d;--bg-selected:#211c0d;--bg-mine:#3a2b08;--bg-window-header:#121212e0;--bg-input-area:#121212f0;--bg-input:#191919;--border:#292929;--border-soft:#ffba001f;--border-accent:#ffba0075;--text:#c7c7c7;--text-muted:#777;--text-white:#fff;--text-dark:#111;--text-list-title:#999;--text-message:#e3e3e3;--text-time:#858585;--text-mine-time:#d3b65d;--text-placeholder:#777;--text-error:#e58a8a;--accent:#ffba00;--accent-bright:#ffd04a;--accent-soft:#ffba001f;--accent-glow:#ffba002e;--empty-border:#ffba0073;--empty-gradient:linear-gradient(135deg, #ffba0033, #ffba0008);--empty-ring:#ffba0014;--message-grid:#ffffff05;--shadow-header:#00000057;--shadow-message:#0000001f;--shadow-mine:#80580042;--sans:Arial, sans-serif}[data-theme=ocean]{--bg-main:#071018;--bg-header:#08121cf0;--bg-sidebar:#0a1620;--bg-panel:#10202c;--bg-hover:#142936;--bg-selected:#123247;--bg-mine:#16445d;--bg-window-header:#0a1620e0;--bg-input-area:#08121bf0;--bg-input:#0d1b25;--border:#1c3544;--border-soft:#45b4e61f;--border-accent:#45b4e675;--text:#c4d4dc;--text-muted:#78909c;--text-white:#eefaff;--text-dark:#081118;--text-list-title:#78909c;--text-message:#dce9ee;--text-time:#718792;--text-mine-time:#9ed0e5;--text-placeholder:#607783;--text-error:#f99;--accent:#42a5d5;--accent-bright:#70c9ef;--accent-soft:#42a5d524;--accent-glow:#42a5d52e;--empty-border:#42a5d573;--empty-gradient:linear-gradient(135deg, #42a5d538, #1853700f);--empty-ring:#42a5d514;--message-grid:#ffffff05;--shadow-header:#00000057;--shadow-message:#00000024;--shadow-mine:#145a7d47;--sans:"Trebuchet MS", "Segoe UI", sans-serif}[data-theme=light]{--bg-main:#f2f3f5;--bg-header:#fffffff0;--bg-sidebar:#e8eaed;--bg-panel:#fff;--bg-hover:#e3e6ea;--bg-selected:#e0e7f0;--bg-mine:#dcecff;--bg-window-header:#ffffffeb;--bg-input-area:#fffffff5;--bg-input:#fff;--border:#d3d7dc;--border-soft:#3c46501f;--border-accent:#466ea073;--text:#3f4650;--text-muted:#737b86;--text-white:#20242a;--text-dark:#fff;--text-list-title:#737b86;--text-message:#30363d;--text-time:#8a929c;--text-mine-time:#66809a;--text-placeholder:#9299a2;--text-error:#c94b4b;--accent:#4d7fb3;--accent-bright:#6496c9;--accent-soft:#4d7fb31f;--accent-glow:#4d7fb329;--empty-border:#4d7fb366;--empty-gradient:linear-gradient(135deg, #4d7fb324, #b4c8dc14);--empty-ring:#4d7fb314;--message-grid:#00000006;--shadow-header:#00000014;--shadow-message:#0000000f;--shadow-mine:#32649629;--sans:"Trebuchet MS", "Segoe UI", sans-serif}[data-theme=dark]{--bg-main:#0b0c0e;--bg-header:#0f1012f5;--bg-sidebar:#101113;--bg-panel:#181a1d;--bg-hover:#1d1f22;--bg-selected:#24272b;--bg-mine:#303337;--bg-window-header:#121315f0;--bg-input-area:#0e0f11f5;--bg-input:#17191c;--border:#2a2d31;--border-soft:#ffffff14;--border-accent:#ffffff40;--text:#c4c6c9;--text-muted:#85888d;--text-white:#f1f2f3;--text-dark:#111214;--text-list-title:#85888d;--text-message:#dedfe1;--text-time:#777a7f;--text-mine-time:#aeb1b5;--text-placeholder:#66696e;--text-error:#e58a8a;--accent:#b7b9bd;--accent-bright:#e0e1e3;--accent-soft:#ffffff14;--accent-glow:#ffffff1f;--empty-border:#ffffff40;--empty-gradient:linear-gradient(135deg, #ffffff1a, #ffffff05);--empty-ring:#ffffff0d;--message-grid:#ffffff05;--shadow-header:#00000073;--shadow-message:#0003;--shadow-mine:#00000040;--sans:"Trebuchet MS", "Segoe UI", sans-serif}*{box-sizing:border-box}body{background:var(--bg-main);min-width:320px;color:var(--text);font-family:var(--sans);margin:0}#root{width:100%;min-height:100vh}h1,h2,h3,p{margin:0}button,input{font:inherit}.chat-page{background:radial-gradient(circle at 78% 18%, var(--accent-soft), transparent 28rem), radial-gradient(circle at 14% 82%, var(--accent-glow), transparent 24rem), var(--bg-main);min-height:100vh}.chat-header{background:var(--bg-header);border-bottom:1px solid var(--border);height:72px;box-shadow:0 8px 28px var(--shadow-header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:22px;padding:0 clamp(18px,4vw,48px);display:flex}.chat-header a{min-height:36px;color:var(--text-muted);border:1px solid var(--border);border-radius:8px;align-items:center;padding:0 12px;font-size:13px;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.chat-header a:hover{color:var(--accent-bright);border-color:var(--border-accent);background:var(--accent-soft)}.chat-header h1{color:var(--text-white);letter-spacing:.01em;font-size:21px;font-weight:700}.chat-layout{height:calc(100vh - 72px);display:flex}.chat-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-shrink:0;width:292px;overflow-y:auto}.chat-main{background:var(--bg-main);flex:1;min-width:0}.chat-empty{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.chat-empty:before{content:"";border:1px solid var(--empty-border);background:var(--empty-gradient);width:58px;height:58px;box-shadow:0 0 0 8px var(--empty-ring);border-radius:18px;margin-bottom:22px}.chat-empty h2{color:var(--text-white);margin-bottom:8px;font-size:19px;font-weight:600}.chat-empty p{color:var(--text-muted);font-size:14px}.chat-list{padding:26px 12px}.chat-list-title{color:var(--text-list-title);letter-spacing:.14em;text-transform:uppercase;padding:0 12px 14px;font-size:11px;font-weight:700}.chat-item{color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:10px;padding:14px 14px 14px 18px;font-size:14px;transition:background .2s,color .2s,border-color .2s,transform .2s;position:relative}.chat-item+.chat-item{margin-top:5px}.chat-item:hover{color:var(--text-white);background:var(--bg-hover);border-color:var(--border);transform:translate(2px)}.chat-item-selected{color:var(--accent-bright);background:var(--bg-selected);border-color:var(--border-soft)}.chat-item-selected:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.chat-window{background:var(--bg-main);flex-direction:column;height:100%;display:flex}.chat-window-header{background:var(--bg-window-header);border-bottom:1px solid var(--border);align-items:center;height:64px;padding:0 clamp(18px,3vw,34px);display:flex}.chat-window-header h2{color:var(--text-white);font-size:16px;font-weight:600}.chat-messages{background-image:linear-gradient(var(--message-grid) 1px, transparent 1px);background-size:100% 32px;flex:1;padding:28px clamp(18px,4vw,52px);overflow-y:auto}.message-row{justify-content:flex-start;margin-bottom:14px;display:flex}.message-row-mine{justify-content:flex-end}.message-bubble{background:var(--bg-panel);border:1px solid var(--border);max-width:min(65%,680px);box-shadow:0 5px 14px var(--shadow-message);border-radius:4px 14px 14px;padding:12px 14px 10px}.message-bubble-mine{background:var(--bg-mine);border-color:var(--bg-mine);box-shadow:0 5px 18px var(--shadow-mine);border-radius:14px 4px 14px 14px}.message-author{color:var(--accent);letter-spacing:.04em;margin-bottom:5px;font-size:11px;font-weight:700}.message-text{color:var(--text-message);overflow-wrap:anywhere;font-size:14px;line-height:1.5}.message-bubble-mine .message-text{color:var(--text-white)}.message-time{color:var(--text-time);text-align:right;margin-top:7px;font-size:10px}.message-bubble-mine .message-time{color:var(--text-mine-time)}.chat-input-area{background:var(--bg-input-area);border-top:1px solid var(--border);gap:10px;padding:16px clamp(18px,4vw,52px) 20px;display:flex}.chat-input-area input{min-width:0;color:var(--text-white);background:var(--bg-input);border:1px solid var(--border);border-radius:9px;outline:none;flex:1;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.chat-input-area input::placeholder{color:var(--text-placeholder)}.chat-input-area input:focus{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-glow)}.chat-input-area button{min-width:116px;color:var(--text-white);background:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.chat-input-area button:hover{background:var(--accent-bright);border-color:var(--accent-bright);transform:translateY(-1px)}.chat-input-area button:active{transform:translateY(0)}.chat-error{color:var(--text-error);padding:24px;font-size:14px}@media (width<=700px){.chat-header{gap:12px;height:64px}.chat-header h1{font-size:18px}.chat-layout{height:calc(100vh - 64px)}.chat-sidebar{width:34%;min-width:116px}.chat-list{padding:18px 8px}.chat-list-title{padding-inline:8px;font-size:10px}.chat-item{overflow-wrap:anywhere;padding:12px 9px;font-size:13px}.chat-messages{padding:20px 12px}.message-bubble{max-width:88%}.chat-input-area{gap:8px;padding:12px}.chat-input-area button{min-width:46px;padding-inline:10px;font-size:0}.chat-input-area button:after{content:"➜";font-size:18px}}