ai {
display:block;
--bg-panel:rgba(4,18,26,0.85);
--t-blue:#4df;
--t-blue-dim:rgba(68,221,255,0.15);
--t-glow:rgba(68,221,255,0.5);
--t-glow-strong:rgba(68,221,255,0.9);
--t-blue-dark:#1a6b8c;
--paper-overlay:transparent;
--text-main:#c8e0e0;
font-family:'Courier New',Courier,monospace;
font-size:14px;
line-height:1.6;
color:var(--text-main);
}

ai.alert {
--t-blue:#ff4444;
--t-blue-dim:rgba(255,68,68,0.15);
--t-glow:rgba(255,68,68,0.5);
--t-glow-strong:rgba(255,68,68,0.9);
--t-blue-dark:#b30000;
--paper-overlay:rgba(255,68,68,0.08);
}

ai hd {
display:flex;
justify-content:space-between;
padding:10px 16px;
background:linear-gradient(90deg,var(--t-blue-dim) 0%,rgba(68,221,255,0.02) 50%,var(--t-blue-dim) 100%);
border-top:1px solid var(--t-blue);
border-bottom:1px solid var(--t-blue);
color:#fff;
font-weight:bold;
letter-spacing:2px;
text-shadow:0 0 8px var(--t-glow);
margin-bottom:16px;
text-transform:uppercase;
}

ai tx {
display:block;
padding:16px;
margin-bottom:20px;
font-size:15px;
color:#e0f7fa;
line-height:1.7;
background:rgba(4,18,26,0.5);
border-left:2px solid var(--t-blue);
position:relative;
}

ai details {
position:relative;
background:var(--bg-panel);
margin-bottom:16px;
padding:4px;
clip-path:polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}

ai details::after {
content:'';
position:absolute;
inset:0;
background:
linear-gradient(var(--t-blue), var(--t-blue)) top left / 15px 2px no-repeat,
linear-gradient(var(--t-blue), var(--t-blue)) top left / 2px 15px no-repeat,
linear-gradient(var(--t-blue), var(--t-blue)) top right / 15px 2px no-repeat,
linear-gradient(var(--t-blue), var(--t-blue)) top right / 2px 15px no-repeat,
linear-gradient(var(--t-blue), var(--t-blue)) bottom left / 15px 2px no-repeat,
linear-gradient(var(--t-blue), var(--t-blue)) bottom left / 2px 15px no-repeat,
linear-gradient(var(--t-blue), var(--t-blue)) bottom right / 15px 2px no-repeat,
linear-gradient(var(--t-blue), var(--t-blue)) bottom right / 2px 15px no-repeat;
pointer-events:none;
z-index:2;
}

ai summary {
position:relative;
z-index:3;
padding:10px 15px;
color:var(--t-blue);
font-weight:bold;
cursor:pointer;
text-transform:uppercase;
letter-spacing:1px;
list-style:none;
background:linear-gradient(90deg, var(--t-blue-dim), transparent);
display:flex;
align-items:center;
border-bottom:1px dashed rgba(68,221,255,0.3);
}

ai summary::-webkit-details-marker { display:none; }
ai summary::before {
content:'[SYS.ACCESS]';
margin-right:8px;
color:#fff;
font-size:12px;
opacity:0.7;
}

ai details[open] summary::before { content:'[SYS.OPENED]'; color:var(--t-blue);}

ai sec {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
gap:8px;
padding:16px;
position:relative;
z-index:3;
background-color:#dbe4ec;
background-image:linear-gradient(var(--paper-overlay), var(--paper-overlay));
color:#2c3e50;
}

ai g2, ai g3, ai g4 {
display:grid;
gap:8px;
grid-column:1/-1;
}
ai g2 { grid-template-columns:repeat(2, 1fr); }
ai g3 { grid-template-columns:repeat(3, 1fr); }
ai g4 { grid-template-columns:repeat(4, 1fr); }

ai hr.npc-line {
position:relative;
z-index:3;
border:none;
border-top:1px dashed var(--t-blue-dark);
margin:0 16px 16px 16px;
opacity:0.3;
}

ai .mem { display:block; }

ai d {
display:flex;
flex-direction:column;
background:rgba(255,255,255,0.45);
padding:8px 10px;
border-left:3px solid var(--t-blue-dark);
font-size:13px;
position:relative;
overflow:hidden;
border-radius:2px;
word-break:break-word;
}

ai d:hover {
border-left-color:var(--t-blue);
background:rgba(255,255,255,0.8);
}

ai d::before {
content:attr(l);
font-size:11px;
color:var(--t-blue-dark);
margin-bottom:4px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:bold;
opacity:0.85;
}

ai d:hover::before { opacity:1; }

ai sub {
display:block;
font-size:13px;
color:var(--t-blue-dark);
margin:24px 0 12px 0;
text-transform:uppercase;
letter-spacing:2px;
border-left:4px solid var(--t-blue-dark);
padding-left:8px;
font-weight:bold;
background:linear-gradient(90deg, rgba(255,255,255,0.6), transparent);
}

ai table {
width:100%;
table-layout:fixed;
word-break:break-word;
border-collapse:collapse;
font-size:12px;
background:rgba(255,255,255,0.4);
}

ai th:nth-child(1) { width:10%; }
ai th:nth-child(2) { width:15%; }
ai th:nth-child(3) { width:15%; }
ai th:nth-child(4) { width:50%; }
ai th:nth-child(5) { width:10%; }

ai th {
text-align:left;
color:var(--t-blue-dark);
padding:10px 8px;
border-bottom:2px solid var(--t-blue-dark);
background:rgba(255,255,255,0.5);
font-weight:bold;
}

ai td {
padding:10px 8px;
border-bottom:1px dashed rgba(90,110,130,0.2);
color:#2c3e50;
vertical-align:top;
}

ai tr:hover td {
background:rgba(255,255,255,0.8);
color:#000;
}

[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
display:none !important;
}

.bg-gray-100\/90.relative.inline-block:has(ai) {
background:var(--bg-panel, rgba(4, 18, 26, 0.85)) !important;
border:1px solid var(--t-blue, rgba(68, 221, 255, 0.3)) !important;
border-radius:8px !important;
box-shadow:0 4px 16px rgba(0, 0, 0, 0.3), inset 0 0 30px var(--t-blue-dim, rgba(68, 221, 255, 0.05)) !important;
position:relative !important;
overflow:visible !important;
isolation:isolate !important;
color:var(--text-main, #c8e0e0) !important;
}

.bg-gray-100\/90.relative.inline-block:has(ai) .markdown-body {
color:var(--text-main, #c8e0e0) !important;
position:relative !important;
z-index:1 !important;
background:transparent !important;
}

.bg-gray-100\/90.relative.inline-block:not(:has(ai)) {
--user-bg:rgba(15, 40, 55, 0.88);
--user-cyan:#5de;
--user-cyan-dim:rgba(85, 221, 238, 0.12);
--user-cyan-glow:rgba(85, 221, 238, 0.4);
--user-text:#d0f5f5;
background:var(--user-bg) !important;
border:1px solid var(--user-cyan) !important;
border-radius:10px !important;
box-shadow:0 4px 16px rgba(0, 0, 0, 0.3), inset 0 0 30px var(--user-cyan-dim) !important;
position:relative !important;
overflow:visible !important;
isolation:isolate !important;
color:var(--user-text) !important;
}

.bg-gray-100\/90.relative.inline-block:not(:has(ai)) > .absolute.top-0 {
background:linear-gradient(90deg, transparent 0%, #5de 20%, #5de 80%, transparent 100%) !important;
height:2px !important;
opacity:0.8 !important;
}

.bg-gray-100\/90.relative.inline-block:not(:has(ai)),
.bg-gray-100\/90.relative.inline-block:not(:has(ai)) *,
.bg-gray-100\/90.relative.inline-block:not(:has(ai)) .markdown-body,
.bg-gray-100\/90.relative.inline-block:not(:has(ai)) .markdown-body * {
color:#d0f5f5 !important;
}

.bg-gray-100\/90.relative.inline-block:not(:has(ai)) .markdown-body {
position:relative !important;
z-index:1 !important;
background:transparent !important;
}

.bg-gray-100\/90.relative.inline-block:not(:has(ai)) .MuiButtonBase-root,
.bg-gray-100\/90.relative.inline-block:not(:has(ai)) .MuiButton-root {
color:#5de !important;
}

.style_dot-flashing__8L91Q.style_text__zGhNq {
display:none !important;
}

.flex.items-center.justify-center.w-6.h-5 {
position:relative !important;
min-height:40px !important;
}

.flex.items-center.justify-center.w-6.h-5::before {
content:'' !important;
position:absolute !important;
width:32px !important;
height:32px !important;
border:2px solid var(--t-blue) !important;
border-radius:50% !important;
border-top-color:transparent !important;
animation:spin 1s linear infinite !important;
}

@keyframes spin {
to { transform:rotate(360deg); }
}

.sticky.w-full.top-0.flex.items-center {
background-image:url('https://catai.wiki/d6b2100c-8c84-4b38-e6b9-6e0b812b0a00/w=3000') !important;
background-size:cover !important;
background-position:center !important;
background-repeat:no-repeat !important;
box-shadow:0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.sticky.w-full.top-0 svg.lucide-clock-8 {
color:#fff !important;
}

.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
background:linear-gradient(135deg, #ff6b6b, #ff4757) !important;
}

.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
color:#fff !important;
}

.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
color:#fff !important;
}

.bg-gradient-to-t {
background:linear-gradient(to bottom, 
rgba(4, 18, 26, 0.3) 0%, 
rgba(4, 18, 26, 0.6) 30%, 
rgba(4, 18, 26, 0.85) 70%, 
rgba(4, 18, 26, 0.95) 100%) !important;
background-image:
linear-gradient(to bottom, 
rgba(4, 18, 26, 0.3) 0%, 
rgba(4, 18, 26, 0.6) 30%, 
rgba(4, 18, 26, 0.85) 70%, 
rgba(4, 18, 26, 0.95) 100%),
url('https://catai.wiki/16fb07e5-970f-4300-c3cf-a5f4fa2dc500/w=3000') !important;
background-size:cover !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-blend-mode:multiply !important;
}

#ai-chat-bottom-input {
background:transparent !important;
padding:16px !important;
}

#ai-chat-input {
background:rgba(4, 18, 26, 0.72) !important;
border:1px solid rgba(68, 221, 255, 0.45) !important;
border-radius:10px !important;
color:#c8e0e0 !important;
font-size:14px !important;
font-family:'Courier New', Courier, monospace !important;
padding:12px 16px !important;
}

#ai-chat-input:focus {
border-color:rgba(68, 221, 255, 0.8) !important;
outline:none !important;
}

#ai-chat-input::placeholder {
color:rgba(68, 221, 255, 0.4) !important;
font-style:italic !important;
}

#ai-chat-input::selection {
background:rgba(68, 221, 255, 0.25) !important;
color:#e0f7fa !important;
}

#ai-mod-button2 button.MuiButton-root {
background:rgba(4, 18, 26, 0.75) !important;
border:1px solid rgba(68, 221, 255, 0.35) !important;
border-radius:6px !important;
color:#4df !important;
font-family:'Courier New', Courier, monospace !important;
font-size:12px !important;
letter-spacing:1px !important;
position:relative !important;
overflow:hidden !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
background:rgba(68, 221, 255, 0.12) !important;
border-color:rgba(68, 221, 255, 0.8) !important;
color:#fff !important;
}

#ai-mod-button2 button.MuiButton-root svg {
color:#4df !important;
}

#ai-model-selector .group.flex.items-center {
background:rgba(4, 18, 26, 0.82) !important;
border:1px solid rgba(68, 221, 255, 0.4) !important;
border-radius:8px !important;
padding:6px 12px !important;
}

#ai-model-selector .group.flex.items-center:hover {
background:rgba(68, 221, 255, 0.1) !important;
border-color:rgba(68, 221, 255, 0.8) !important;
}

#ai-model-selector .truncate.text-\[13px\] {
color:#4df !important;
font-family:'Courier New', Courier, monospace !important;
font-weight:bold !important;
letter-spacing:1px !important;
}

#ai-model-selector .shrink-0.flex.items-center svg {
color:#4df !important;
}

#header-setting-button {
background:rgba(4, 18, 26, 0.75) !important;
border:1px solid rgba(68, 221, 255, 0.35) !important;
border-radius:8px !important;
}

#header-setting-button:hover {
background:rgba(68, 221, 255, 0.1) !important;
border-color:rgba(68, 221, 255, 0.8) !important;
}

#header-setting-button svg {
color:#4df !important;
}

div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
background:rgba(4, 18, 26, 0.92) !important;
border-top:1px solid rgba(68, 221, 255, 0.3) !important;
}

div.text-lg.font-bold {
color:#4df !important;
font-family:'Courier New', Courier, monospace !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
}

p.MuiTypography-body1.text-grey-600 {
color:#c8e0e0 !important;
font-family:'Courier New', Courier, monospace !important;
}

span.MuiRating-iconEmpty svg {
color:rgba(68, 221, 255, 0.25) !important;
}

span.MuiRating-iconFilled svg {
color:#4df !important;
}

span.text-orange-500 {
color:#4df !important;
}

div.flex.flex-col.border-gray-200 {
border-color:rgba(68, 221, 255, 0.35) !important;
border-radius:8px !important;
background:rgba(4, 18, 26, 0.75) !important;
}

textarea.rc-textarea,
textarea.rc-textarea:focus,
textarea.rc-textarea:active {
background:rgba(4, 18, 26, 0.7) !important;
color:#c8e0e0 !important;
font-family:'Courier New', Courier, monospace !important;
font-size:13px !important;
caret-color:#4df !important;
-webkit-text-fill-color:#c8e0e0 !important;
}

textarea.rc-textarea::placeholder {
color:rgba(68, 221, 255, 0.45) !important;
opacity:1 !important;
-webkit-text-fill-color:rgba(68, 221, 255, 0.45) !important;
}

div.bg-gray-100.text-gray-500 {
background:rgba(4, 18, 26, 0.6) !important;
color:rgba(68, 221, 255, 0.6) !important;
font-family:'Courier New', Courier, monospace !important;
border-top:1px solid rgba(68, 221, 255, 0.2) !important;
}

div.cursor-pointer.group.flex.items-center.justify-center {
background:rgba(68, 221, 255, 0.1) !important;
border:1px solid rgba(68, 221, 255, 0.4) !important;
border-radius:8px !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:hover {
background:rgba(68, 221, 255, 0.2) !important;
border-color:rgba(68, 221, 255, 0.8) !important;
}

div[data-state="closed"] svg[data-icon="Send03"] {
color:#4df !important;
}

div.style_divider__mW0YX {
border-color:rgba(68, 221, 255, 0.15) !important;
background:linear-gradient(90deg, transparent, rgba(68, 221, 255, 0.2), transparent) !important;
}

button.MuiButton-containedPrimary {
background:rgba(68, 221, 255, 0.2) !important;
border:1px solid rgba(68, 221, 255, 0.7) !important;
color:#4df !important;
font-family:'Courier New', Courier, monospace !important;
}

button.MuiButton-outlinedPrimary {
background:transparent !important;
border:1px solid rgba(68, 221, 255, 0.3) !important;
color:rgba(68, 221, 255, 0.6) !important;
font-family:'Courier New', Courier, monospace !important;
}

button.MuiButton-outlinedPrimary:hover {
background:rgba(68, 221, 255, 0.08) !important;
border-color:rgba(68, 221, 255, 0.6) !important;
color:#4df !important;
}

div.p-3.overflow-y-auto {
scrollbar-width:thin !important;
scrollbar-color:rgba(68, 221, 255, 0.3) transparent !important;
}

div.group.ml-0 {
border-bottom:1px dashed rgba(68, 221, 255, 0.1) !important;
}

div.group.ml-0:hover {
background:rgba(68, 221, 255, 0.04) !important;
}

div.text-sm.text-grey-600 span.font-bold {
color:#4df !important;
}

span.text-\[10px\] {
color:rgba(68, 221, 255, 0.6) !important;
border:1px solid rgba(68, 221, 255, 0.3) !important;
border-radius:3px !important;
padding:0 3px !important;
}

div.break-all {
color:#c8e0e0 !important;
font-size:13px !important;
line-height:1.6 !important;
}

div.text-xs.text-grey-600 {
color:rgba(68, 221, 255, 0.4) !important;
font-family:'Courier New', Courier, monospace !important;
}

button.text-gray-400 {
color:rgba(68, 221, 255, 0.4) !important;
}

button.text-gray-400:hover {
color:#4df !important;
}

span.cursor-pointer {
color:rgba(68, 221, 255, 0.5) !important;
font-family:'Courier New', Courier, monospace !important;
font-size:12px !important;
}

span.cursor-pointer:hover {
color:#4df !important;
}

div.ml-8.border-l {
border-color:rgba(68, 221, 255, 0.2) !important;
}