@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--cyan:#00e5ff;--cyan-dim:#00e5ff1f;--cyan-glow:#00e5ff59;--purple:#8b5cf6;--purple-dim:#8b5cf61f;--pink:#ec4899;--green:#34d399;--amber:#fbbf24;--bg:#0a0a0f;--surface:#0f0f19e6;--surface-2:#191928cc;--border:#ffffff0f;--border-active:#00e5ff40;--text:#f0f0f5;--text-secondary:#8888a0;--text-dim:#555568;--font:"Inter", -apple-system, sans-serif;--mono:"JetBrains Mono", monospace;--radius:16px;--radius-sm:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font);color:var(--text);background:var(--bg);background-image:radial-gradient(at 50% 0,#00e5ff08 0%,#0000 50%),radial-gradient(at 80% 90%,#8b5cf608 0%,#0000 50%);font-size:18px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:4px}.iris-app{width:100vw;height:100vh;display:flex}.iris-visual{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;min-width:0;padding:40px;display:flex;position:relative}.iris-brand{align-items:center;gap:14px;display:flex;position:absolute;top:28px;left:32px}.iris-logo-icon{color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan-glow))}.iris-logo-text{letter-spacing:4px;color:var(--cyan);text-shadow:0 0 20px var(--cyan-glow);font-size:20px;font-weight:800}.iris-logo-sub{letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:400}.iris-status-bar{align-items:center;gap:12px;display:flex;position:absolute;top:28px;right:32px}.iris-badge{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;display:flex}.iris-badge.listening{color:var(--green);background:#34d3990f;border-color:#34d3994d;animation:2s infinite alternate gentle-pulse}.iris-badge.standby{color:var(--text-dim);border-color:var(--border);background:0 0}.iris-badge.speaking{color:var(--cyan);border-color:var(--border-active);background:var(--cyan-dim);animation:1s infinite alternate gentle-pulse}.iris-badge.thinking{color:var(--amber);background:#fbbf240f;border-color:#fbbf244d;animation:.6s infinite alternate gentle-pulse}.badge-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.orb-area{flex-shrink:0;justify-content:center;align-items:center;width:360px;height:360px;display:flex;position:relative}.orb-canvas-wrap{z-index:0;position:absolute;inset:0}.orb-ring{pointer-events:none;border:1px solid;border-radius:50%;position:absolute}.orb-ring-1{border-color:#00e5ff0f;width:300px;height:300px;animation:20s linear infinite spin}.orb-ring-2{border-color:#8b5cf60a;width:380px;height:380px;animation:35s linear infinite reverse spin}.orb-fallback-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.css-orb{background:radial-gradient(circle at 35% 35%, var(--cyan), #00b8d4 40%, #007a8a 100%);width:220px;height:220px;box-shadow:0 0 60px var(--cyan-dim), inset 0 0 50px #ffffff26;filter:blur(1px);border-radius:48% 52% 55% 45%/45% 42% 58% 55%;animation:6s ease-in-out infinite alternate morph,12s linear infinite spin}.css-orb-glow{background:radial-gradient(circle, var(--cyan-dim) 0%, transparent 70%);border-radius:50%;width:300px;height:300px;animation:3s ease-in-out infinite alternate gentle-pulse;position:absolute}.orb-status{font-family:var(--mono);letter-spacing:4px;color:var(--text-secondary);text-transform:uppercase;font-size:13px}.orb-status.active{color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow)}.waveform{align-items:center;gap:3px;height:30px;display:flex}.waveform-bar{background:var(--cyan);opacity:.5;border-radius:3px;width:4px;transition:height 80ms}.quick-actions{flex-wrap:wrap;justify-content:center;gap:10px;max-width:500px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:8px 18px;font-size:13px;transition:all .2s}.chip:hover{border-color:var(--border-active);color:var(--cyan);background:var(--cyan-dim)}.iris-bottom-bar{font-family:var(--mono);color:var(--text-dim);letter-spacing:1px;justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:20px;left:32px;right:32px}.chat-sidebar{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:420px;display:flex}.chat-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.chat-header-title{color:var(--text);align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.chat-header-title svg{color:var(--cyan)}.chat-header-meta{font-family:var(--mono);color:var(--text-dim);letter-spacing:1px;font-size:10px}.chat-messages{flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px 28px;display:flex;overflow-y:auto}.chat-empty{text-align:center;opacity:.3;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.chat-empty p{font-size:14px;line-height:1.6}.msg{flex-direction:column;gap:6px;animation:.3s fadeUp;display:flex}.msg.user{align-items:flex-end}.msg.iris{align-items:flex-start}.msg-label{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:600}.msg.user .msg-label{color:var(--purple)}.msg.iris .msg-label{color:var(--cyan)}.msg-bubble{border-radius:var(--radius-sm);word-break:break-word;white-space:pre-wrap;max-width:90%;padding:18px 24px;font-size:17px;line-height:1.6}.msg.user .msg-bubble{background:var(--purple-dim);color:var(--text);border:1px solid #8b5cf626}.msg.iris .msg-bubble{background:var(--cyan-dim);color:var(--text);border:1px solid #00e5ff26}.msg-thinking{gap:5px;padding:16px 20px;display:flex}.msg-thinking span{background:var(--cyan);opacity:.3;border-radius:50%;width:8px;height:8px;animation:1.2s infinite bounce}.msg-thinking span:nth-child(2){animation-delay:.15s}.msg-thinking span:nth-child(3){animation-delay:.3s}.chat-input-area{border-top:1px solid var(--border);flex-shrink:0;padding:20px 28px 24px}.chat-input-row{align-items:center;gap:12px;display:flex}.mic-btn{border:2px solid var(--border);width:48px;height:48px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mic-btn:hover{border-color:var(--cyan);color:var(--cyan)}.mic-btn.active{border-color:var(--green);color:var(--green);background:#34d39914;animation:1.5s infinite alternate gentle-pulse}.chat-input{border-radius:var(--radius-sm);border:1px solid var(--border);font-family:var(--font);color:var(--text);background:#0000004d;outline:none;flex:1;padding:16px 22px;font-size:17px;transition:border-color .2s,box-shadow .2s}.chat-input::placeholder{color:var(--text-dim)}.chat-input:focus{border-color:var(--border-active);box-shadow:0 0 0 2px var(--cyan-dim)}.send-btn{border-radius:var(--radius-sm);background:var(--cyan);width:48px;height:48px;color:var(--bg);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:all .2s;display:flex}.send-btn:hover{filter:brightness(1.2);box-shadow:0 0 20px var(--cyan-glow)}.send-btn:disabled{opacity:.3;cursor:not-allowed}.voice-hint{text-align:center;color:var(--text-dim);letter-spacing:.5px;margin-top:10px;font-size:11px}.voice-hint strong{color:var(--cyan);font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gentle-pulse{0%{opacity:.6}to{opacity:1}}@keyframes morph{0%{border-radius:48% 52% 55% 45%/45% 42% 58% 55%}50%{border-radius:60% 40% 50% 50%/40% 60%}to{border-radius:40% 60% 45% 55%/55% 45%}}@keyframes bounce{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@media (width<=900px){.iris-app{flex-direction:column}.iris-visual{flex:none;gap:16px;height:40vh;padding:20px}.iris-brand{margin-bottom:0;position:static}.iris-status-bar{margin-top:0;position:static}.orb-area{width:180px;height:180px}.orb-ring-1{width:150px;height:150px}.orb-ring-2{width:200px;height:200px}.css-orb{width:110px;height:110px}.css-orb-glow{width:160px;height:160px}.quick-actions,.iris-bottom-bar{display:none}.chat-sidebar{border-left:none;border-top:1px solid var(--border);flex:1;width:100%}}@media (width<=500px){.iris-visual{height:30vh;padding:12px}.orb-area{width:140px;height:140px}.chat-messages{padding:16px}.chat-input-area{padding:12px 16px 16px}.msg-bubble{padding:12px 16px;font-size:14px}}.ic-cyan{color:var(--cyan)}.ic-purple{color:var(--purple)}