@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0e12;--bg-secondary:#0d1117;--bg-tertiary:#111820;--bg-hover:#151d26;--bg-input:#111820;--accent:#22d3ee;--accent-dim:#06b6d4;--accent-glow:#22d3ee40;--cyan-glow-soft:#22d3ee2e;--cyan-glow-med:#22d3ee59;--cyan-border:#22d3ee33;--cyan-border-strong:#22d3ee59;--text-primary:#ececec;--text-secondary:#8e8ea0;--text-muted:#4a5568;--user-bubble:#111820;--ovyis-bubble:transparent;--border:#22d3ee26;--border-strong:#22d3ee47;--danger:#ef4444;--success:#22d3ee;--font:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"Fira Code", "Consolas", monospace;--radius:12px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100dvh;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#22d3ee26;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#22d3ee47}.auth-screen{background:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.auth-orb{filter:blur(100px);opacity:.2;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.auth-orb-1{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);width:500px;height:500px;animation:14s ease-in-out infinite alternate orb-drift;top:-160px;left:-160px}.auth-orb-2{background:radial-gradient(circle,#5436da 0%,#0000 70%);width:350px;height:350px;animation:11s ease-in-out infinite alternate-reverse orb-drift;bottom:-100px;right:-100px}@keyframes orb-drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,24px)scale(1.1)}}.auth-card{z-index:1;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:16px;flex-direction:column;gap:22px;width:100%;max-width:400px;padding:36px 32px 28px;animation:.4s cubic-bezier(.34,1.4,.64,1) both card-in;display:flex;position:relative;box-shadow:0 8px 40px #00000073,0 2px 8px #0000004d}@keyframes card-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-logo{align-items:center;gap:14px;display:flex}.auth-logo-icon{background:var(--accent);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:22px;font-weight:900;display:grid;box-shadow:0 4px 16px #10a37f66}.auth-logo-img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.auth-logo-title{color:var(--text-primary);letter-spacing:-.5px;font-size:26px;font-weight:700;line-height:1}.auth-logo-sub{color:var(--text-secondary);margin-top:4px;font-size:11px;font-weight:400;line-height:1.3}.auth-tabs{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:flex}.auth-tab{color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;border-radius:8px;flex:1;padding:9px 12px;transition:background .18s,color .18s}.auth-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 4px #0000004d}.auth-tab:not(.active):hover{color:var(--text-primary);background:#ffffff0d}.auth-guest-banner{border:1px solid var(--cyan-border-strong);color:var(--text-primary);text-align:center;background:linear-gradient(135deg,#22d3ee1a 0%,#5436da1a 100%);border-radius:10px;padding:12px 16px;font-size:13.5px;line-height:1.55;animation:.35s both card-in;box-shadow:0 0 18px #22d3ee1f}.auth-guest-banner strong{color:var(--accent)}.auth-error{color:#fc8181;background:#ef44441a;border:1px solid #ef444466;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500;animation:.35s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(4px)}}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.auth-field input{background:var(--bg-tertiary);border:1px solid var(--border-strong);color:var(--text-primary);font-family:var(--font);border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:var(--text-muted)}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #10a37f2e}.auth-field input:disabled{opacity:.45;cursor:not-allowed}.auth-submit{background:var(--accent);color:#fff;width:100%;font-size:15px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;min-height:48px;margin-top:4px;padding:13px;transition:background .15s,transform .1s,box-shadow .15s;display:flex}.auth-submit:hover:not(:disabled){background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 4px 16px #10a37f59}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:-2px;font-size:13px}.auth-link{color:var(--accent);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;padding:0;text-decoration:none;transition:color .12s}.auth-link:hover{color:#fff;text-decoration:underline}.auth-footer{z-index:1;color:var(--text-muted);letter-spacing:.4px;margin-top:16px;font-size:11px;position:relative}@media (width<=480px){.auth-card{border-radius:14px;gap:18px;padding:28px 20px 22px}.auth-logo-title{font-size:22px}.auth-logo-icon{border-radius:10px;width:40px;height:40px;font-size:18px}}.app{background:var(--bg-primary);height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;gap:6px;width:260px;min-width:260px;padding:12px 8px;display:flex}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px 14px;display:flex}.logo-icon{border:1px solid var(--cyan-border-strong);width:34px;height:34px;box-shadow:0 0 12px var(--cyan-glow-soft), inset 0 0 8px #22d3ee0f;background:#0a0e12;border-radius:9px;flex-shrink:0;place-items:center;display:grid;position:relative}.logo-icon-img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.logo-icon-mark{color:var(--accent);letter-spacing:-1px;text-shadow:0 0 10px var(--accent-glow), 0 0 20px var(--cyan-glow-soft);font-size:17px;font-weight:900;line-height:1;font-family:var(--font);font-style:italic}.sidebar-logo h1{color:var(--text-primary);letter-spacing:-.3px;font-size:17px;font-weight:700}.sidebar-logo p{color:var(--text-secondary);font-size:11px}.new-chat-btn{color:var(--text-primary);border:1px solid var(--border-strong);cursor:pointer;text-align:left;width:100%;font-size:14px;font-weight:500;font-family:var(--font);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.new-chat-icon{color:var(--accent);margin-right:-2px;font-size:17px;font-weight:300;line-height:1}.new-chat-btn:hover{border-color:var(--cyan-border-strong);box-shadow:0 0 10px var(--cyan-glow-soft);background:#22d3ee0d}.sidebar-section{flex-direction:column;gap:4px;display:flex}.sidebar-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:8px 12px 4px;font-size:11px;font-weight:600}.profile-card{border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.profile-card:hover{background:var(--bg-tertiary)}.profile-avatar{border:1.5px solid var(--cyan-border-strong);width:32px;height:32px;color:var(--accent);box-shadow:0 0 10px var(--cyan-glow-soft);background:#22d3ee1f;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.profile-name{color:var(--text-primary);font-size:13px;font-weight:600}.profile-role{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:11px;overflow:hidden}.logout-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;place-items:center;font-size:15px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:grid}.logout-btn:hover{color:var(--danger);background:#ef444426;border-color:#ef44444d;box-shadow:0 0 8px #ef444433}.sessions-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sessions-empty{color:var(--text-muted);text-align:center;padding:20px 12px;font-size:12px;line-height:1.6}.session-item{cursor:pointer;border:1px solid #0000;border-left-width:2px;border-radius:8px;align-items:center;gap:6px;min-width:0;padding:8px 10px 8px 12px;transition:background .12s,border-color .12s,box-shadow .12s;display:flex}.session-item:hover{background:var(--bg-tertiary)}.session-item.active{border-color:#0000;border-left-color:var(--accent);background:#22d3ee12;box-shadow:inset 0 0 12px #22d3ee0d}.session-chat-icon{color:var(--text-muted);flex-shrink:0;margin-top:1px;font-size:12px;line-height:1}.session-item.active .session-chat-icon{color:var(--accent)}.session-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.session-item-actions{flex-shrink:0;align-items:center;gap:3px;display:none}.session-item:hover .session-item-actions,.session-item.active .session-item-actions{display:flex}.session-icon-btn{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:5px;place-items:center;padding:0;font-size:12px;transition:background .12s,color .12s;display:grid}.session-icon-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.session-icon-btn.danger:hover{color:var(--danger);background:#ef444433}.session-rename-input{background:var(--bg-primary);border:1px solid var(--accent);color:var(--text-primary);font-family:var(--font);min-width:0;box-shadow:0 0 6px var(--cyan-glow-soft);border-radius:5px;outline:none;flex:1;padding:3px 8px;font-size:13px}.sidebar-footer{color:var(--text-muted);text-align:center;border-top:1px solid var(--border);margin-top:auto;padding:10px 12px 4px;font-size:11px}.sidebar-footer .status-dot-live{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);vertical-align:middle;border-radius:50%;margin-right:5px;display:inline-block;position:relative;top:-1px}.hamburger-btn,.sidebar-close-btn,.sidebar-overlay{display:none}.chat-area{background:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);background:var(--bg-primary);justify-content:space-between;align-items:center;min-height:60px;padding:14px 24px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.chat-header h2{color:var(--text-primary);letter-spacing:-.3px;font-size:17px;font-weight:700}.chat-header p{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:340px;margin-top:1px;font-size:12px;overflow:hidden}.header-right{align-items:center;gap:10px;display:flex}.header-user{color:var(--text-secondary);cursor:default;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.header-avatar{border:1.5px solid var(--cyan-border-strong);width:30px;height:30px;color:var(--accent);box-shadow:0 0 8px var(--cyan-glow-soft);background:#22d3ee1f;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.header-chevron{color:var(--text-muted);margin-left:-4px;font-size:11px}.guest-signin-btn{background:var(--accent);color:#0a0e12;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);box-shadow:0 0 12px var(--cyan-glow-soft);border:none;border-radius:8px;padding:7px 16px;transition:background .15s,transform .1s,box-shadow .15s}.guest-signin-btn:hover{background:var(--accent-dim);box-shadow:0 0 20px var(--cyan-glow-med);transform:translateY(-1px)}.guest-counter{color:var(--accent);border:1px solid var(--cyan-border-strong);letter-spacing:.2px;box-shadow:0 0 8px var(--cyan-glow-soft);white-space:nowrap;background:#22d3ee14;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.messages-container{flex-direction:column;flex:1;gap:0;padding:24px 0;display:flex;overflow-y:auto}.message{align-items:flex-start;gap:14px;width:100%;max-width:100%;padding:16px 24px;transition:background .1s;display:flex}.message:hover{background:#ffffff03}.message.ovyis{background:#22d3ee05;align-self:stretch}.message.ovyis:hover{background:#22d3ee0a}.message.user{flex-direction:row-reverse;align-self:stretch}.avatar{border:1px solid var(--cyan-border-strong);width:32px;min-width:32px;height:32px;color:var(--accent);box-shadow:0 0 8px var(--cyan-glow-soft);background:#22d3ee1a;border-radius:9px;flex-shrink:0;place-items:center;margin-top:2px;font-size:13px;font-style:italic;font-weight:800;display:grid}.user-avatar{color:#a78bfa;background:#5436da40;border-color:#5436da80;border-radius:9px;font-style:normal;box-shadow:0 0 8px #5436da40}.bubble{max-width:720px;color:var(--text-primary);flex:1;padding:2px 0;font-size:15px;line-height:1.75;position:relative}.ovyis-bubble{background:0 0;border:none}.user-bubble{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;max-width:65%;padding:10px 16px}.bubble p{word-break:break-word;overflow-wrap:break-word}.meta{color:var(--text-muted);margin-top:8px;font-size:11px;font-weight:500;display:inline-block}.bubble.typing{background:0 0;align-items:center;gap:5px;padding:8px 0;display:flex}.bubble.typing span{background:var(--accent);opacity:.6;border-radius:50%;width:6px;height:6px;animation:1.2s infinite bounce}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;height:100%;padding:40px 24px;display:flex}.empty-logo{border:1.5px solid var(--cyan-border-strong);width:72px;height:72px;box-shadow:0 0 28px var(--cyan-glow-med), 0 0 60px #22d3ee1f, inset 0 0 16px #22d3ee0d;background:#0a0e12;border-radius:20px;place-items:center;margin-bottom:4px;display:grid}.empty-logo-img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.empty-logo-mark{color:var(--accent);text-shadow:0 0 16px var(--accent-glow), 0 0 32px var(--cyan-glow-soft);font-size:34px;font-style:italic;font-weight:900;line-height:1;font-family:var(--font)}.empty-state h1{color:var(--text-primary);letter-spacing:-.5px;font-size:26px;font-weight:700}.empty-state .cyan-name{color:var(--accent);text-shadow:0 0 14px var(--cyan-glow-soft)}.empty-state-status{color:var(--text-secondary);max-width:380px;font-size:15px;line-height:1.6}.empty-new-chat-btn{color:var(--accent);border:1px solid var(--cyan-border-strong);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);box-shadow:0 0 12px var(--cyan-glow-soft);background:#22d3ee0f;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:11px 24px;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex}.empty-new-chat-btn .btn-plus-icon{font-size:17px;font-weight:300;line-height:1}.empty-new-chat-btn:hover{box-shadow:0 0 20px var(--cyan-glow-med);background:#22d3ee1f;transform:translateY(-1px)}.model-selector-bar{background:var(--bg-primary);scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:6px;padding:10px 24px 0;display:flex;overflow-x:auto}.model-selector-bar::-webkit-scrollbar{display:none}.model-pill{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:border-color .15s,background .15s,box-shadow .15s,color .15s,transform .1s;display:inline-flex}.model-pill-icon{font-size:14px;line-height:1}.model-pill-label{color:var(--text-primary);font-weight:600}.model-pill-desc{color:var(--text-muted);font-size:11px}.model-pill:hover{border-color:var(--cyan-border-strong);color:var(--text-primary);box-shadow:0 0 10px var(--cyan-glow-soft);background:#22d3ee0f;transform:translateY(-1px)}.model-pill.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px var(--cyan-glow-soft), inset 0 0 8px #22d3ee0f;background:#22d3ee1a}.model-pill.active .model-pill-label{color:var(--accent)}.model-pill.active .model-pill-desc{color:#22d3eeb3}@media (width<=768px){.model-selector-bar{gap:5px;padding:8px 16px 0}.model-pill{padding:5px 10px;font-size:12px}.model-pill-desc{display:none}}@media (width<=480px){.model-selector-bar{padding:6px 12px 0}.model-pill{padding:5px 9px}.model-pill-label{font-size:11px}}.input-area{background:var(--bg-primary);border-top:1px solid var(--border);align-items:flex-end;gap:10px;padding:16px 24px 12px;display:flex;position:relative;box-shadow:0 -1px #22d3ee14,0 -8px 24px -4px #22d3ee0d}.attach-btn{border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:9px;flex-shrink:0;place-items:center;font-size:17px;line-height:1;transition:color .15s,border-color .15s,box-shadow .15s,background .15s;display:grid}.attach-btn:hover{color:var(--accent);border-color:var(--cyan-border-strong);box-shadow:0 0 8px var(--cyan-glow-soft);background:#22d3ee0d}.input-box{background:var(--bg-tertiary);border:1px solid var(--border-strong);color:var(--text-primary);font-family:var(--font);resize:none;border-radius:12px;outline:none;flex:1;max-height:200px;padding:13px 18px;font-size:15px;line-height:1.6;transition:border-color .15s,box-shadow .15s;overflow-y:auto}.input-box:focus{border-color:var(--cyan-border-strong);box-shadow:0 0 0 3px #22d3ee1a}.input-box::placeholder{color:var(--text-muted)}.send-btn{background:var(--accent);color:#0a0e12;cursor:pointer;width:42px;height:42px;box-shadow:0 0 12px var(--cyan-glow-soft);border:none;border-radius:10px;flex-shrink:0;place-items:center;font-size:18px;font-weight:700;transition:background .15s,transform .1s,opacity .15s,box-shadow .15s;display:grid}.send-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:1;box-shadow:none}.send-btn:not(:disabled):hover{background:var(--accent-dim);box-shadow:0 0 20px var(--cyan-glow-med);transform:scale(1.06)}.input-hint{text-align:center;color:var(--text-muted);padding:4px 0 10px;font-size:11px}.auth-loading{background:var(--bg-primary);justify-content:center;align-items:center;height:100dvh;display:flex}.auth-loading-spinner{border:3px solid #22d3ee1a;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.status-dot{display:none}.session-section{flex-direction:column;flex:1;display:flex;overflow:hidden}.session-box{display:none}@media (width<=1024px){.hamburger-btn{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-primary);background:0 0;border-radius:8px;place-items:center;margin-right:8px;font-size:18px;transition:background .12s;display:grid}.hamburger-btn:hover{background:var(--bg-tertiary)}.sidebar-close-btn{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);background:0 0;border-radius:6px;place-items:center;margin-left:auto;font-size:14px;transition:background .12s;display:grid}.sidebar-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar{z-index:100;height:100dvh;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #000000b3,4px 0 40px #22d3ee0d}.sidebar.open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;opacity:0;pointer-events:none;background:#000000b3;transition:opacity .28s;display:block;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}}@media (width<=768px){.chat-header{padding:12px 16px}.messages-container{padding:16px 0}.message{gap:10px;padding:12px 16px}.user-bubble{max-width:80%}.bubble{font-size:14px}.input-area{padding:12px 16px 10px}.input-box{padding:11px 14px;font-size:14px}.empty-state h1{font-size:22px}.attach-btn{width:34px;height:34px;font-size:15px}}@media (width<=480px){.chat-header p,.header-user span:not(.header-avatar){display:none}.message{gap:8px;padding:10px 12px}.user-bubble{max-width:88%}.input-area{gap:8px;padding:10px 12px 8px}.send-btn{width:40px;height:40px;font-size:16px}.empty-state{gap:10px;padding:24px 16px}.empty-state h1{font-size:20px}.attach-btn{display:none}}