/* ============================================================
   AI.CSS — ARIA AI Assistant panel: header, visualizer, chat
   messages, code/markdown rendering, input zone, mic-help modal
   ============================================================ */

#aiPanel{position:fixed;top:0;left:-520px;width:500px;max-width:96vw;height:100vh;background:linear-gradient(160deg,#0d0d1a 0%,#0a0a12 100%);border-right:1px solid rgba(124,111,255,.2);z-index:900;transition:left .35s cubic-bezier(.34,1.1,.64,1);display:flex;flex-direction:column;box-shadow:20px 0 80px rgba(0,0,0,.7);}
#aiPanel.open{left:0;}

/* AI Header */
.ai-header{padding:18px 20px 14px;border-bottom:1px solid rgba(124,111,255,.12);flex-shrink:0;background:rgba(10,10,20,.6);backdrop-filter:blur(10px);}
.ai-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.ai-brand{display:flex;align-items:center;gap:12px;}
.ai-orb-wrap{position:relative;width:42px;height:42px;flex-shrink:0;}
.ai-orb{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#a89cff,#5a50d0,#1a1440);position:relative;overflow:hidden;box-shadow:0 0 20px rgba(124,111,255,.5);}
.ai-orb::before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0%,rgba(168,156,255,.3) 30%,transparent 60%);animation:orbSpin 3s linear infinite;}
.ai-orb::after{content:'';position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.15),transparent);}
@keyframes orbSpin{to{transform:rotate(360deg);}}
.ai-orb.thinking{animation:orbPulse .7s ease-in-out infinite;}
@keyframes orbPulse{0%,100%{box-shadow:0 0 20px rgba(124,111,255,.5);}50%{box-shadow:0 0 40px rgba(124,111,255,.9),0 0 60px rgba(124,111,255,.3);transform:scale(1.05);}}
.ai-orb.listening{animation:orbListen .4s ease-in-out infinite;}
@keyframes orbListen{0%,100%{box-shadow:0 0 20px rgba(61,255,176,.4);}50%{box-shadow:0 0 40px rgba(61,255,176,.8),0 0 60px rgba(61,255,176,.2);}}
.ai-orb.listening::before{background:conic-gradient(from 0deg,transparent,rgba(61,255,176,.4),transparent);animation-duration:1s;}
.ai-name-group{}
.ai-name{font-size:14px;font-weight:700;color:var(--text);letter-spacing:.05em;}
.ai-status{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text3);margin-top:2px;letter-spacing:.08em;}
.ai-status.thinking{color:var(--accent2);}
.ai-status.listening{color:var(--green);}
.ai-close{width:28px;height:28px;border-radius:7px;border:1px solid var(--border2);background:transparent;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;}
.ai-close:hover{background:rgba(255,77,106,.1);color:var(--red);border-color:rgba(255,77,106,.3);}

/* AI Config Row */
.ai-config-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.ai-config-input{flex:1;min-width:80px;padding:6px 10px;background:rgba(124,111,255,.06);border:1px solid rgba(124,111,255,.15);border-radius:var(--r2);color:var(--text);font-size:11px;font-family:'JetBrains Mono',monospace;outline:none;transition:border-color .2s;}
.ai-config-input:focus{border-color:var(--accent);background:rgba(124,111,255,.1);}
.ai-config-input::placeholder{color:var(--text3);}
.ai-connect-btn{padding:7px 14px;background:var(--accent);color:#fff;border:none;border-radius:var(--r2);font-size:11px;font-family:'Syne',sans-serif;cursor:pointer;transition:all .2s;white-space:nowrap;font-weight:600;flex-shrink:0;}
.ai-connect-btn:hover{background:#6a5ee0;box-shadow:0 0 14px rgba(124,111,255,.4);}
.ai-connect-btn.connected{background:rgba(61,255,176,.15);color:var(--green);border:1px solid rgba(61,255,176,.25);}

/* AI Visualizer */
.ai-visualizer{height:52px;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 20px;flex-shrink:0;position:relative;overflow:hidden;}
.ai-visualizer canvas{position:absolute;inset:0;width:100%;height:100%;}
.ai-viz-bar{width:3px;border-radius:3px;background:linear-gradient(to top,var(--accent),var(--accent2));transform-origin:bottom;animation:vizIdle 2s ease-in-out infinite;opacity:.4;}
@keyframes vizIdle{0%,100%{transform:scaleY(.2);}50%{transform:scaleY(.6);}}
.ai-visualizer.active .ai-viz-bar{opacity:1;animation:vizActive .15s ease-in-out infinite;}
@keyframes vizActive{0%,100%{transform:scaleY(var(--h,.3));}50%{transform:scaleY(calc(var(--h,.3)*1.5));}}

/* AI Context Tags */
.ai-context-bar{padding:6px 16px;display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid rgba(124,111,255,.08);flex-shrink:0;min-height:30px;max-height:72px;overflow:hidden;align-items:center;}
.ctx-tag{display:flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:10px;font-family:'JetBrains Mono',monospace;border:1px solid;animation:tagIn .3s cubic-bezier(.34,1.4,.64,1);}
@keyframes tagIn{from{opacity:0;transform:scale(.7);}to{opacity:1;transform:scale(1);}}
.ctx-tag.intent{background:rgba(124,111,255,.12);border-color:rgba(124,111,255,.3);color:var(--accent2);}
.ctx-tag.emotion{background:rgba(255,209,102,.08);border-color:rgba(255,209,102,.25);color:var(--gold);}
.ctx-tag.action{background:rgba(61,255,176,.08);border-color:rgba(61,255,176,.25);color:var(--green);}

/* AI Messages */
.ai-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;}
.ai-messages::-webkit-scrollbar{width:3px;}
.ai-messages::-webkit-scrollbar-thumb{background:rgba(124,111,255,.2);border-radius:3px;}
.ai-msg{display:flex;gap:10px;animation:msgIn .35s cubic-bezier(.34,1.2,.64,1);}
@keyframes msgIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.ai-msg.user{flex-direction:row-reverse;}
.ai-msg-bubble{max-width:82%;padding:11px 14px;border-radius:14px;font-size:13px;line-height:1.6;position:relative;}
.ai-msg.ai .ai-msg-bubble{background:rgba(124,111,255,.1);border:1px solid rgba(124,111,255,.15);color:var(--text);border-bottom-left-radius:4px;}
.ai-msg.user .ai-msg-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px;}
.ai-msg-bubble.streaming::after{content:'▋';animation:blink2 .7s step-end infinite;color:var(--accent2);}
@keyframes blink2{0%,100%{opacity:1;}50%{opacity:0;}}
.ai-msg-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:2px;}
.ai-msg.ai .ai-msg-avatar{background:radial-gradient(circle,#a89cff,#5a50d0);box-shadow:0 0 10px rgba(124,111,255,.4);}
.ai-msg.user .ai-msg-avatar{background:var(--bg3);border:1px solid var(--border2);}
.ai-msg-time{font-size:9px;color:var(--text3);font-family:'JetBrains Mono',monospace;margin-top:4px;text-align:right;}
.ai-msg.ai .ai-msg-time{text-align:left;}

/* Suggestion chips in chat */
.ai-suggestions{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(124,111,255,.12);animation:fadeUp .4s ease;}
.ai-suggest-label{font-size:10px;color:var(--accent2);font-family:'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;}
.ai-suggest-chips{display:flex;flex-direction:column;gap:6px;}
.ai-suggest-chip{display:flex;align-items:center;gap:10px;padding:9px 12px;background:rgba(124,111,255,.07);border:1px solid rgba(124,111,255,.18);border-radius:10px;cursor:pointer;transition:all .2s;width:100%;}
.ai-suggest-chip:hover{background:rgba(124,111,255,.16);border-color:var(--accent);transform:translateX(3px);}
.ai-suggest-chip-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.ai-suggest-chip-info{flex:1;min-width:0;}
.ai-suggest-chip-name{font-size:12px;color:var(--text);font-weight:600;}
.ai-suggest-chip-cat{font-size:10px;color:var(--text3);font-family:'JetBrains Mono',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;}
.ai-open-all{padding:6px 14px;background:transparent;border:1px solid rgba(124,111,255,.25);border-radius:20px;color:var(--accent2);font-size:11px;cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all .2s;margin-top:4px;}
.ai-open-all:hover{background:var(--accent-glow);border-color:var(--accent);}

/* Thinking dots */
.ai-thinking{display:flex;gap:5px;align-items:center;padding:12px 14px;}
.ai-thinking span{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:thinkDot 1.2s ease-in-out infinite;}
.ai-thinking span:nth-child(2){animation-delay:.2s;}
.ai-thinking span:nth-child(3){animation-delay:.4s;}
@keyframes thinkDot{0%,100%{transform:scale(.5);opacity:.4;}50%{transform:scale(1);opacity:1;}}

/* AI Input */
.ai-input-zone{padding:14px 16px;border-top:1px solid rgba(124,111,255,.12);flex-shrink:0;background:rgba(10,10,20,.8);}
.ai-persona-row{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap;}
.ai-persona-select{flex:1;padding:5px 8px;background:rgba(124,111,255,.06);border:1px solid rgba(124,111,255,.15);border-radius:var(--r2);color:var(--text);font-size:11px;font-family:'Syne',sans-serif;outline:none;}
.ai-persona-select option{background:var(--bg3);}
.ai-persona-input{flex:1;padding:5px 8px;background:rgba(124,111,255,.06);border:1px solid rgba(124,111,255,.15);border-radius:var(--r2);color:var(--text);font-size:11px;font-family:'JetBrains Mono',monospace;outline:none;}
.ai-persona-input::placeholder{color:var(--text3);}
.ai-persona-input:focus,.ai-persona-select:focus{border-color:var(--accent);}
.ai-input-row{display:flex;gap:8px;align-items:flex-end;}
.ai-textarea{flex:1;padding:10px 13px;background:rgba(124,111,255,.06);border:1px solid rgba(124,111,255,.15);border-radius:var(--r2);color:var(--text);font-size:13px;font-family:'Syne',sans-serif;outline:none;resize:none;max-height:120px;min-height:42px;transition:border-color .2s,box-shadow .2s;line-height:1.5;}
.ai-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,111,255,.1);}
.ai-textarea::placeholder{color:var(--text3);}
.ai-send-btn{width:40px;height:40px;border-radius:10px;background:var(--accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;flex-shrink:0;}
.ai-send-btn:hover{background:#6a5ee0;box-shadow:0 0 16px rgba(124,111,255,.5);transform:scale(1.05);}
.ai-send-btn:disabled{opacity:.4;cursor:default;transform:none;}
.ai-mic-btn{width:40px;height:40px;border-radius:10px;background:rgba(124,111,255,.1);border:1px solid rgba(124,111,255,.2);color:var(--accent2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;flex-shrink:0;}
.ai-mic-btn:hover{background:rgba(124,111,255,.2);}
.ai-mic-btn.recording{background:rgba(255,77,106,.12);border-color:rgba(255,77,106,.4);color:var(--red);animation:micPulse .6s ease-in-out infinite;}
@keyframes micPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,77,106,.4);}50%{box-shadow:0 0 0 8px rgba(255,77,106,0);}}
.ai-input-hints{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;}
.ai-hint{font-size:9px;color:var(--text3);font-family:'JetBrains Mono',monospace;letter-spacing:.04em;}

/* Restrictions panel inside AI */
.ai-restrictions{padding:12px 16px;border-bottom:1px solid rgba(124,111,255,.08);flex-shrink:0;display:none;max-height:55vh;overflow-y:auto;}
.ai-restrictions.show{display:block;}
.ai-restrictions-title{font-size:10px;font-family:'JetBrains Mono',monospace;color:var(--text3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;}
.ai-restriction-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.ai-restriction-row:last-child{border-bottom:none;}
.ai-restriction-label{font-size:12px;color:var(--text2);}
.ai-restriction-sub{font-size:10px;color:var(--text3);font-family:'JetBrains Mono',monospace;}

/* ── Search Result Cards ── */
.ai-search-results{margin-top:10px;display:flex;flex-direction:column;gap:7px;}
.ai-search-header{display:flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text3);letter-spacing:.08em;margin-bottom:4px;}
.ai-search-header i{font-size:13px;color:var(--accent2);}
.ai-search-badge{padding:2px 7px;background:rgba(124,111,255,.12);border:1px solid rgba(124,111,255,.2);border-radius:10px;font-size:9px;color:var(--accent2);}
.ai-src-card{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:9px;padding:10px 12px;transition:border-color .2s,background .2s;cursor:pointer;position:relative;overflow:hidden;}
.ai-src-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--accent),var(--accent2));border-radius:3px 0 0 3px;opacity:.6;}
.ai-src-card:hover{border-color:rgba(124,111,255,.3);background:rgba(124,111,255,.06);}
.ai-src-card-top{display:flex;align-items:flex-start;gap:8px;margin-bottom:5px;}
.ai-src-favicon{width:16px;height:16px;border-radius:3px;flex-shrink:0;object-fit:contain;margin-top:1px;background:var(--border2);}
.ai-src-title{font-size:12px;font-weight:500;color:var(--text);line-height:1.3;flex:1;}
.ai-src-open{font-size:11px;color:var(--text3);flex-shrink:0;opacity:0;transition:opacity .15s;}
.ai-src-card:hover .ai-src-open{opacity:1;}
.ai-src-snippet{font-size:11px;color:var(--text2);line-height:1.5;margin-left:24px;}
.ai-src-url{font-size:10px;color:var(--accent2);font-family:'JetBrains Mono',monospace;margin-left:24px;margin-top:3px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ai-wiki-card{background:rgba(61,255,176,.04);border:1px solid rgba(61,255,176,.15);border-radius:9px;padding:12px 14px;margin-bottom:6px;}
.ai-wiki-card-top{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.ai-wiki-icon{font-size:18px;}
.ai-wiki-title{font-size:13px;font-weight:600;color:var(--text);}
.ai-wiki-badge{font-size:9px;background:rgba(61,255,176,.1);border:1px solid rgba(61,255,176,.2);border-radius:10px;padding:2px 7px;color:var(--green);font-family:'JetBrains Mono',monospace;}
.ai-wiki-body{font-size:12px;color:var(--text2);line-height:1.6;}
.ai-wiki-read{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:11px;color:var(--accent2);cursor:pointer;background:none;border:none;font-family:'JetBrains Mono',monospace;letter-spacing:.04em;padding:0;transition:color .15s;}
.ai-wiki-read:hover{color:var(--text);}
.ai-search-status{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text3);display:flex;align-items:center;gap:6px;margin-bottom:8px;letter-spacing:.06em;}
.ai-search-status.searching{color:var(--accent2);}
.ai-search-status.searching::before{content:'';width:8px;height:8px;border-radius:50%;border:1.5px solid var(--accent2);border-top-color:transparent;display:inline-block;animation:searchSpin .6s linear infinite;}
@keyframes searchSpin{to{transform:rotate(360deg);}}
#aiBtn{position:relative;}
#aiBtn::before{content:'';position:absolute;inset:-3px;border-radius:10px;background:conic-gradient(from 0deg,var(--accent),var(--accent2),var(--accent));opacity:0;transition:opacity .3s;z-index:-1;border-radius:inherit;}
#aiBtn:hover::before{opacity:.5;animation:btnGlow 2s linear infinite;}
@keyframes btnGlow{to{transform:rotate(360deg);}}
/* ── Code blocks in AI chat ── */
.code-block{background:rgba(0,0,0,.4);border:1px solid rgba(124,111,255,.2);border-radius:var(--r2);margin:8px 0;overflow:hidden;}
.code-header{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:rgba(124,111,255,.1);border-bottom:1px solid rgba(124,111,255,.15);}
.code-lang{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--accent2);letter-spacing:.08em;text-transform:uppercase;}
.code-copy-btn{display:flex;align-items:center;gap:5px;padding:3px 10px;background:rgba(124,111,255,.15);border:1px solid rgba(124,111,255,.25);border-radius:6px;color:var(--accent2);font-size:11px;font-family:'Syne',sans-serif;cursor:pointer;transition:all .15s;}
.code-copy-btn:hover{background:rgba(124,111,255,.3);color:#fff;}
.code-copy-btn .ti{font-size:12px;}
.code-block pre{margin:0;padding:12px 14px;overflow-x:auto;scrollbar-width:thin;}
.code-block pre::-webkit-scrollbar{height:4px;}
.code-block pre::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px;}
.code-block code{font-family:'JetBrains Mono',monospace;font-size:12px;color:#e0deff;line-height:1.6;white-space:pre;}
.inline-code{font-family:'JetBrains Mono',monospace;background:rgba(124,111,255,.15);padding:1px 5px;border-radius:4px;color:var(--accent2);font-size:.9em;}
/* Markdown elements */
.md-h2{font-size:15px;font-weight:700;color:var(--text);margin:12px 0 5px;}
.md-h3{font-size:14px;font-weight:600;color:var(--text);margin:10px 0 4px;}
.md-h4{font-size:13px;font-weight:600;color:var(--text2);margin:8px 0 3px;}
.md-li{display:flex;gap:7px;margin:3px 0;align-items:flex-start;}
.md-li-dot{color:var(--accent2);flex-shrink:0;margin-top:1px;}
.md-li-num{color:var(--accent2);flex-shrink:0;min-width:18px;}
.md-br{height:6px;}
/* Streaming cursor */
.stream-cursor{animation:blink2 .6s step-end infinite;color:var(--accent2);}

/* Mic network help modal */
.mic-help-backdrop{position:fixed;inset:0;z-index:5000;background:rgba(0,0,0,.85);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;padding:20px;}
.mic-help-backdrop.show{display:flex;}
.mic-help-box{background:var(--bg3);border:1px solid rgba(61,255,176,.25);border-radius:var(--r);padding:28px;max-width:450px;width:100%;animation:riseIn .3s cubic-bezier(.34,1.3,.64,1);}
.mic-help-title{font-size:16px;font-weight:700;color:var(--green);margin-bottom:6px;display:flex;align-items:center;gap:8px;}
.mic-help-sub{font-size:12px;color:var(--text2);margin-bottom:18px;font-family:'JetBrains Mono',monospace;line-height:1.5;}
.mic-step{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start;}
.mic-step-num{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.mic-step-text{font-size:12px;color:var(--text2);line-height:1.5;}
.mic-step-text strong{color:var(--text);}
.mic-step-text code{font-family:'JetBrains Mono',monospace;background:rgba(124,111,255,.15);padding:1px 6px;border-radius:4px;color:var(--accent2);font-size:11px;}
.mic-alt{background:rgba(255,209,102,.06);border:1px solid rgba(255,209,102,.18);border-radius:var(--r2);padding:10px 12px;margin:14px 0;font-size:11px;color:var(--gold);font-family:'JetBrains Mono',monospace;line-height:1.6;}
.mic-help-btns{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap;}

/* WALLPAPER LAYERS */
#wallpaperBg{position:fixed;inset:0;z-index:-3;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .7s;}
#wallpaperLiveCanvas{position:fixed;inset:0;z-index:-2;display:none;}
#wallpaperOverlay{position:fixed;inset:0;z-index:-1;background:var(--wall-overlay);transition:background .5s;}
/* hero-scoped wall */
.hero-wall-layer{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;transition:background-image .6s;}
canvas#bgCanvas{position:absolute !important;z-index:1;}

/* "Open AI Settings" button shown under the not-configured message */
.ai-setup-btn{display:inline-flex;align-items:center;gap:6px;margin:8px 0 0;padding:7px 12px;border-radius:var(--r2);border:1px solid var(--border2);background:rgba(124,111,255,.1);color:var(--accent2);font:600 11px 'Syne',sans-serif;cursor:pointer;transition:all .15s;}
.ai-setup-btn:hover{background:rgba(124,111,255,.2);border-color:var(--accent);}