: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{isolation:isolate;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;position:relative}.chat-page:before,.chat-page:after{z-index:-1;content:"";pointer-events:none;border:1px solid var(--border-soft);opacity:.24;border-radius:50%;position:fixed}.chat-page:before{width:34rem;height:34rem;box-shadow:0 0 80px var(--accent-glow), inset 0 0 60px var(--accent-soft);top:9rem;right:-12rem}.chat-page:after{border-color:var(--border-accent);opacity:.18;width:40rem;height:40rem;bottom:-18rem;left:16%}.chat-header{z-index:2;background:color-mix(in srgb, var(--bg-header) 78%, transparent);border:1px solid var(--border-soft);border-top-color:var(--border-accent);height:72px;box-shadow:0 8px 28px var(--shadow-header), inset 0 1px 0 var(--border-soft);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);border-left-color:#0000;border-right-color:#0000;align-items:center;gap:22px;padding:0 clamp(18px,4vw,48px);display:flex;position:relative}.chat-header:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.65;height:1px;position:absolute;bottom:-1px;left:clamp(18px,4vw,48px);right:clamp(18px,4vw,48px)}.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;padding-left:18px;font-size:21px;font-weight:700;position:relative}.chat-header h1:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--accent-soft), 0 0 18px var(--accent);border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.chat-layout{height:calc(100vh - 72px);display:flex}.chat-sidebar{z-index:1;background:color-mix(in srgb, var(--bg-sidebar) 82%, transparent);border-right:1px solid var(--border-soft);width:292px;box-shadow:inset -1px 0 0 var(--border-accent);-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);flex-shrink:0;position:relative;overflow-y:auto}.chat-main{background:var(--bg-main);flex:1;min-width:0;position:relative}.chat-main:before{content:"";pointer-events:none;background:linear-gradient(120deg, transparent 0%, var(--accent-soft) 48%, transparent 72%);opacity:.1;mix-blend-mode:screen;position:absolute;inset:0}.chat-empty{z-index:1;height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.chat-empty:before{content:"";border:1px solid var(--empty-border);background:var(--empty-gradient);width:64px;height:64px;box-shadow:0 0 0 6px var(--empty-ring), 0 10px 28px var(--shadow-mine), inset 0 1px 0 var(--border-accent);border-radius:20px;margin-bottom:22px;transform:rotate(8deg)}.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{z-index:1;padding:22px 12px;position:relative}.chat-list-title{color:var(--text-list-title);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;padding:0 12px 14px;font-size:11px;font-weight:700;display:flex}.chat-list-title:after{content:"";background:linear-gradient(90deg, var(--border-accent), transparent);opacity:.7;flex:1;height:1px}.chat-item{color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:12px;padding:13px 14px 13px 18px;font-size:14px;transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s;position:relative}.chat-item+.chat-item{margin-top:5px}.chat-item:hover{color:var(--text-white);background:color-mix(in srgb, var(--bg-hover) 74%, transparent);border-color:var(--border-soft);box-shadow:inset 0 1px 0 var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(2px)}.chat-item-selected{color:var(--accent-bright);background:color-mix(in srgb, var(--bg-selected) 80%, transparent);border-color:var(--border-soft);box-shadow:inset 0 1px 0 var(--border-accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-item-selected:before{content:"";background:var(--accent);width:3px;box-shadow:0 0 14px var(--accent);border-radius:0 3px 3px 0;position:absolute;top:10px;bottom:10px;left:0}.chat-window{z-index:1;background:var(--bg-main);flex-direction:column;height:100%;display:flex;position:relative}.chat-window-header{z-index:1;background:color-mix(in srgb, var(--bg-window-header) 76%, transparent);border-bottom:1px solid var(--border-soft);height:64px;box-shadow:inset 0 -1px 0 var(--border-accent);-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);align-items:center;padding:0 clamp(18px,3vw,34px);display:flex;position:relative}.chat-window-header h2{color:var(--text-white);padding-left:16px;font-size:16px;font-weight:600;position:relative}.chat-window-header h2:before{content:"";background:var(--accent);width:5px;height:20px;box-shadow:0 0 14px var(--accent);border-radius:99px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.chat-messages{background-image:linear-gradient(var(--message-grid) 1px, transparent 1px), linear-gradient(90deg, var(--message-grid) 1px, transparent 1px);background-size:100% 32px,32px 100%;flex:1;padding:24px clamp(18px,4vw,52px);overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 4% 96%,#0000);mask-image:linear-gradient(#0000,#000 4% 96%,#0000)}.message-row{justify-content:flex-start;margin-bottom:13px;animation:.35s both message-in;display:flex}.message-date-divider{color:var(--text-muted);letter-spacing:.05em;text-transform:capitalize;align-items:center;gap:12px;margin:8px 0 18px;font-size:11px;font-weight:700;display:flex}.message-date-divider:before,.message-date-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--border-soft));flex:1;height:1px}.message-date-divider:after{background:linear-gradient(90deg, var(--border-soft), transparent)}.message-date-divider span{background:color-mix(in srgb, var(--bg-panel) 68%, transparent);border:1px solid var(--border-soft);box-shadow:inset 0 1px 0 var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:6px 12px}.message-row-mine{justify-content:flex-end}.message-bubble{background:color-mix(in srgb, var(--bg-panel) 84%, transparent);border:1px solid var(--border-soft);max-width:min(65%,680px);box-shadow:0 5px 14px var(--shadow-message), inset 0 1px 0 var(--border-soft);-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);border-radius:5px 18px 18px;padding:11px 14px 9px}.message-bubble-mine{background:color-mix(in srgb, var(--bg-mine) 86%, transparent);border-color:var(--border-soft);box-shadow:0 5px 18px var(--shadow-mine), inset 0 1px 0 var(--border-accent);border-radius:18px 5px 18px 18px}.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{z-index:1;background:color-mix(in srgb, var(--bg-input-area) 80%, transparent);border-top:1px solid var(--border-soft);box-shadow:inset 0 1px 0 var(--border-accent);-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);gap:10px;padding:16px clamp(18px,4vw,52px) 24px;display:flex;position:relative}.chat-input-area input{min-width:0;min-height:52px;color:var(--text-white);background:color-mix(in srgb, var(--bg-input) 82%, transparent);border:1px solid var(--border-soft);box-shadow:inset 0 1px 0 var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;outline:none;flex:1;padding:15px 16px;transition:border-color .2s,box-shadow .2s,background .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;min-height:52px;color:var(--text-white);background:var(--accent);border:1px solid var(--accent);cursor:pointer;box-shadow:0 8px 20px var(--shadow-mine), inset 0 1px 0 var(--border-accent);border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.chat-input-area button:after{content:"✈";font-size:16px;line-height:1}.chat-input-area button:hover{background:var(--accent-bright);border-color:var(--accent-bright);box-shadow:0 12px 26px var(--shadow-mine), inset 0 1px 0 var(--border-accent);transform:translateY(-1px)}.chat-input-area button:active{transform:translateY(0)}.chat-error{color:var(--text-error);padding:24px;font-size:14px}@keyframes message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@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}}