:root{color-scheme:dark;font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(132,208,255,.16),transparent 34%),radial-gradient(circle at 85% 10%,rgba(255,157,120,.14),transparent 28%),linear-gradient(135deg,#0a1018,#101824 45%,#0f1421);color:#f4f7fb}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:14px;background:linear-gradient(180deg,#97c4ff42,#ffffff14);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#97c4ff61,#ffffff24);background-clip:padding-box}button,input,textarea{font:inherit}button{cursor:pointer}body:before{content:"";position:fixed;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:-3;background:radial-gradient(circle at 15% 20%,rgba(94,182,255,.2),transparent 30%),radial-gradient(circle at 80% 18%,rgba(255,188,156,.16),transparent 24%),radial-gradient(circle at 70% 75%,rgba(155,253,221,.11),transparent 22%),linear-gradient(120deg,#091019,#101828,#121728);background-size:145% 145%;animation:ambientShift 28s ease-in-out infinite alternate}.app-shell{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;padding:28px}.cursor-glow{position:fixed;width:380px;height:380px;pointer-events:none;z-index:0;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(124,193,255,.14) 0%,rgba(124,193,255,.06) 28%,rgba(124,193,255,.02) 48%,transparent 72%);filter:blur(22px);mix-blend-mode:screen;will-change:transform,opacity;transform:translate3d(-50%,-50%,0)}.toast-layer{position:fixed;top:20px;right:20px;z-index:20;display:grid;gap:10px;pointer-events:none}.toast-card{min-width:240px;max-width:320px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0f151ed6;box-shadow:0 18px 50px #050a123d,0 0 0 1px #ffffff08 inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f4f7fb}.toast-card-error{border-color:#ff9d8c29}.toast-card-warning{border-color:#ffcd8c29}.toast-card-info,.toast-card-success{border-color:#a0d6ff24}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;background:#070b12b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.loading-card{min-width:260px;padding:26px 28px;display:grid;justify-items:center;gap:10px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 90px #04080e4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.loading-card strong{font-size:18px}.loading-card span{font-size:13px;color:#d6e6f5b8}.loader-ring{width:64px;height:64px;padding:6px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 180deg,#82ccff1a,#82ccffe0,#ffb190d1,#82ccff1a);animation:rotateLoader 1.45s linear infinite}.loader-ring-core{width:100%;height:100%;border-radius:50%;background:#0a1018f5;box-shadow:inset 0 0 0 1px #ffffff0d}.background-orb{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(80px);opacity:.35;z-index:0}.background-orb-left{top:-120px;left:-120px;background:#66c6ff38}.background-orb-right{right:-80px;bottom:-80px;background:#ff9b7733}.chat-layout{position:relative;z-index:1;min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px);display:grid;place-items:center}.chat-panel,.message-card,.context-menu,.composer,.connected-banner,.selection-toolbar,.admin-panel,.admin-user-card,.profile-button,.status-badge,.spoiler-toggle,.auth-modal,.ghost-button,.segmented-control,.segmented-control button,.auth-form input{border-radius:14px}.chat-panel{width:min(100%,920px);height:min(78vh,760px);height:min(78dvh,760px);display:grid;grid-template-rows:auto auto auto auto 1fr auto auto;gap:16px;padding:22px;background:#0c121c9e;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 100px #050a1261,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease;transform:translateZ(0);will-change:transform}.chat-header{grid-row:1}.info-row{grid-row:2}.connected-banner{grid-row:3;justify-self:start}.selection-toolbar{grid-row:5;position:absolute;bottom:92px;left:22px;right:22px;z-index:4}.message-list{grid-row:5}.composer{grid-row:6}.admin-panel{grid-row:7}.chat-header,.header-actions,.info-row,.message-meta,.composer,.composer-topline,.auth-modal-header,.auth-actions,.selection-toolbar,.selection-actions{display:flex;align-items:center}.chat-header,.info-row,.auth-modal-header,.selection-toolbar{justify-content:space-between;gap:16px}.header-actions,.auth-actions,.selection-actions{gap:10px}.header-brand{display:grid;gap:8px}.window-controls{display:flex;align-items:center;gap:8px}.window-controls span{width:10px;height:10px;border-radius:999px;background:#ffffff29;box-shadow:0 0 12px #ffffff0f}.eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#c9dcef94}.chat-header h1,.auth-modal h2,.admin-panel h2{margin:0;font-size:clamp(28px,5vw,40px);font-weight:700;letter-spacing:-.03em}.admin-panel h2{font-size:22px}.status-badge,.profile-button,.spoiler-toggle,.ghost-button,.context-menu button,.auth-form input,.segmented-control,.connected-banner,.selection-toolbar{border:1px solid rgba(255,255,255,.08);background:#ffffff0d;box-shadow:0 18px 50px #04080e2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .28s ease,box-shadow .32s ease,border-color .32s ease,background-color .32s ease,color .32s ease}.status-badge,.profile-button,.ghost-button{min-height:44px;padding:0 14px}.admin-trigger{min-width:84px}.status-badge{display:inline-flex;align-items:center;color:#d7e8ff}.status-badge-moderator{color:#ffd1bf}.profile-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#f6faff}.profile-button-subtitle{font-size:12px;color:#d6e6f599}.info-row{font-size:13px;color:#d6e6f5b3}.connected-banner{width:fit-content;padding:10px 14px;color:#ddf6e6;box-shadow:0 16px 42px #3c7cff1f,0 0 0 1px #ffffff08 inset}.connected-icon{display:inline-flex;margin-right:2px}.selection-toolbar{padding:10px 14px;color:#f4f7fbeb;box-shadow:0 18px 48px #050a1233,0 0 0 1px #ffffff08 inset}.banned-text,.error-text{color:#ffae98}.message-list{position:relative;overflow:auto;min-height:0;padding:4px 2px 14px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent;scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateZ(0)}.message-card{position:relative;align-self:flex-start;width:min(100%,560px);padding:14px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 70px #04080e38,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .32s ease,box-shadow .36s ease,border-color .36s ease,background .36s ease;transform:translateZ(0);will-change:transform,box-shadow;touch-action:manipulation}.message-card-own{align-self:flex-end;background:linear-gradient(135deg,#569cff33,#ffffff14)}.message-card-selected{border-color:#96e2ff57;box-shadow:0 0 0 1px #96e2ff29,0 0 32px #67c4ff3d,0 22px 60px #04080e42}.message-card:active{border-color:#a0d6ff42;box-shadow:0 0 0 1px #a0d6ff24,0 0 28px #55a6ff24,0 20px 48px #04080e3d}.message-card:hover{transform:translateY(-3px);border-color:#9ad2ff33;box-shadow:0 30px 90px #04080e4d,0 0 0 1px #ffffff08 inset}.message-card-spoiler{cursor:pointer}.message-meta{justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px;color:#d1e0f1a3}.selection-mark{position:absolute;top:10px;right:10px;width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#ffffff17;border:1px solid rgba(255,255,255,.08);color:#06131a;font-size:12px;font-weight:900}.selection-mark-active{background:linear-gradient(135deg,#82ccff,#ffb190);box-shadow:0 10px 26px #82ccff4d}.message-text{margin:0;line-height:1.52;white-space:pre-wrap;word-break:break-word;color:#f8fbff;transform:translateZ(0);will-change:opacity,transform}.animated-glyph{display:inline-block;will-change:transform,opacity,filter}.spoiler-shell{height:56px;display:grid;align-content:center;gap:2px}.spoiler-label{font-weight:700;color:#f7fbff}.spoiler-hint{font-size:12px;color:#d6e6f5ad}.spoiler-reveal{margin-top:2px;min-height:30px;width:fit-content;padding:0 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#eef6ff;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.spoiler-reveal:hover{background:#ffffff17;border-color:#a5ddff29}.spoiler-reveal:active{transform:scale(.95)}.copied-pill{position:absolute;top:-10px;right:12px;padding:4px 10px;border-radius:999px;background:#ffffff14;font-size:11px;color:#dcecff;animation:copiedPop .35s ease}.context-menu{position:absolute;z-index:3;min-width:182px;padding:7px;display:grid;gap:5px;background:#090f18b8;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px #04080e52;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateZ(0);will-change:transform,opacity}.context-menu button,.send-button,.ghost-button,.segmented-control button{min-height:44px;border:0;color:#f7fbff;transition:transform .22s ease,background-color .25s ease,opacity .25s ease,box-shadow .25s ease,border-color .25s ease}.context-menu button,.ghost-button,.segmented-control button{background:#ffffff0d}.context-menu button{min-height:38px;padding:0 12px;font-size:13px}.context-menu button:hover,.ghost-button:hover,.segmented-control button:hover,.profile-button:hover,.status-badge:hover,.spoiler-toggle:hover,.connected-banner:hover,.selection-toolbar:hover{border-color:#a1dcff38;background:#ffffff14;box-shadow:0 22px 65px #070d1638}.context-menu button:active,.ghost-button:active,.segmented-control button:active{transform:scale(.96)}.composer{position:relative;flex-wrap:wrap;align-self:end;width:100%;gap:10px;padding:10px 12px;background-color:#141a23cc;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 48px #04080e2e,0 0 0 1px #ffffff05 inset;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;transform:translateZ(0);will-change:transform}.composer:hover{border-color:#a0d6ff24;box-shadow:0 22px 56px #04080e38,0 0 24px #4992ff14}.composer-topline{width:100%;justify-content:space-between;gap:12px;font-size:12px;color:#d6e6f59e}.cooldown-indicator{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#ffd7c7;box-shadow:0 10px 22px #ff845e14}.spoiler-toggle{position:relative;min-width:94px;min-height:46px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#ebf4ffd1;background-color:#0a0f1480;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 28px #04080e1f,0 0 0 1px #ffffff05 inset;touch-action:manipulation}.spoiler-toggle input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.spoiler-toggle-active{background-color:#1c2632eb;border-color:#ffffff1a;box-shadow:0 14px 32px #397fff1f,0 0 18px #5ab0ff14}.composer-input-shell{position:relative;flex:1 1 320px;min-width:0;min-height:48px;border-radius:14px;display:flex;align-items:stretch;background-color:#0a0f1480;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff05,0 10px 28px #04080e1f;overflow:hidden;transform:translateZ(0)}.composer-input-mirror{position:absolute;top:0;right:0;bottom:0;left:0;min-height:48px;max-height:112px;padding:12px 14px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:#f5f9fff5;pointer-events:none;transform:translateZ(0);will-change:transform,opacity}.composer-input-mirror-filled{color:#f5f9ff}.composer-placeholder{color:#a4b0bf9e}.composer-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:48px;max-height:112px;resize:none;padding:12px 14px;border:0;border-radius:14px;color:transparent;caret-color:#f5f9ff;background-color:transparent;outline:none;box-shadow:none;transition:background-color .28s ease,box-shadow .28s ease,border-color .28s ease,transform .28s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;transform:translateZ(0);will-change:transform,opacity;overflow-y:auto}.composer-input::placeholder{color:transparent}.composer-input:focus{background-color:transparent;border-color:transparent;box-shadow:none}.composer-input-shell:focus-within{background-color:#0a0f149e;border-color:#ffffff1a;box-shadow:0 0 0 1px #78c5ff29,0 0 22px #4992ff14,0 10px 24px #0d182629}.auth-form input:focus{background-color:#0a0f149e;border-color:#ffffff1a;box-shadow:0 0 0 1px #78c5ff29,0 0 22px #4992ff14,0 10px 24px #0d182629}.send-button{min-width:144px;min-height:46px;padding:0 20px;flex-shrink:0;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#80b0dcf2,#a99189f2);box-shadow:0 14px 34px #68aeff29;color:#101923;font-weight:800;transition:transform .24s ease,box-shadow .28s ease,filter .28s ease;touch-action:manipulation}.send-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px #68aeff38,0 8px 24px #ffb1901f,0 0 18px #7bb7ff14;filter:saturate(1.03)}.send-button:disabled{opacity:.45;cursor:not-allowed}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#04080e7a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-modal{width:min(100%,460px);padding:22px;background:#0b121cd1;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 100px #050a125c;overflow:hidden}.auth-form{display:grid;gap:14px;margin-top:18px}.admin-panel{padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px #04080e38,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.admin-panel-header,.admin-actions-grid,.admin-user-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-actions-grid{margin-top:14px}.admin-actions-grid .ghost-button{flex:1}.admin-users-list{display:grid;gap:10px;margin-top:14px;max-height:240px;overflow:auto}.admin-user-card{padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 50px #04080e2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .28s ease,box-shadow .32s ease,border-color .32s ease,background-color .32s ease}.admin-user-card:hover{border-color:#a1dcff2e;background:#ffffff0f;box-shadow:0 24px 60px #04080e3d}.admin-user-card strong,.admin-user-card span{display:block}.admin-user-meta{margin-top:4px;font-size:11px;color:#d6e6f58f;word-break:break-all}.auth-form label{display:grid;gap:8px;color:#dfecf8bf}.auth-form input{min-height:48px;padding:0 14px;color:#f7fbff;outline:none}.segmented-control{padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.segmented-control button{border-radius:10px}.segmented-control-active{background:#ffffff1f!important}@media(max-width:760px){.app-shell{padding:14px}.chat-layout{min-height:calc(100dvh - 28px)}.chat-panel{width:100%;height:calc(100dvh - 28px);padding:16px}.chat-header,.composer,.composer-topline,.auth-modal-header,.auth-actions,.admin-panel-header,.admin-actions-grid,.admin-user-card,.selection-toolbar{align-items:stretch;flex-direction:column}.header-actions,.info-row,.connected-banner,.selection-actions{width:100%;justify-content:space-between}.selection-toolbar{bottom:88px;left:16px;right:16px}.profile-button,.status-badge,.spoiler-toggle,.send-button,.ghost-button,.connected-banner{width:100%}.spoiler-toggle,.send-button,.profile-button,.ghost-button{min-height:52px}.composer-input{min-height:52px;max-height:128px;padding:14px 16px}.composer-input-shell,.composer-input-mirror{min-height:52px;max-height:128px}.composer-input-mirror{padding:14px 16px}.toast-layer{top:12px;right:12px;left:12px}.toast-card{max-width:none;min-width:0}.message-card{width:100%}}@media(pointer:coarse),(hover:none){.cursor-glow{display:none}.message-card:hover,.send-button:hover,.ghost-button:hover,.spoiler-toggle:hover,.connected-banner:hover,.selection-toolbar:hover,.context-menu button:hover{transform:none}}@keyframes ambientShift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-2%,1.2%,0) scale(1.03)}to{transform:translate3d(2%,-1.5%,0) scale(1.05)}}@keyframes copiedPop{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rotateLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}