*{box-sizing:border-box;margin:0;padding:0;border:none!important;outline:none!important}:root{--primary: #00ffcc;--bg: #0a0a0a;--sidebar-bg: #111111;--border: #1f1f1f;--text: #ffffff;--text-sub: #666}.app-container{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:260px;background:var(--sidebar-bg);display:flex;flex-direction:column;border-right:1px solid var(--border)!important}.sidebar-header{padding:24px 16px}.logo{font-size:22px;font-weight:800;color:var(--primary);margin-bottom:20px;letter-spacing:-1px}.btn-new-chat{width:100%;background:#1a1a1a;color:#fff;padding:12px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;transition:.2s}.btn-new-chat:hover{background:#222}#session-list{flex:1;overflow-y:auto;padding:0 12px}.session-label{font-size:11px;color:#444;text-transform:uppercase;margin:20px 8px 10px}.session-item{padding:10px 12px;border-radius:8px;font-size:13px;color:#888;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-item.active{background:#1a1a1a;color:var(--primary)}.user-info{margin-top:auto;padding:16px;border-top:1px solid var(--border)!important;display:flex;align-items:center;justify-content:space-between}.user-profile{display:flex;align-items:center;gap:12px;cursor:pointer}.user-avatar{width:36px;height:36px;border-radius:10px;object-fit:cover}#u-name{font-size:13px;font-weight:600}.user-subtext{font-size:10px;color:#444}.icon-logout-btn{background:transparent;color:#444;cursor:pointer;transition:.2s}.icon-logout-btn:hover{color:#f44}#main-content{flex:1;display:flex;flex-direction:column;align-items:center}#chat-window{width:100%;max-width:800px;flex:1;overflow-y:auto;padding:40px 20px}.welcome{text-align:center;margin-top:15vh}.welcome-icon{width:60px;height:60px;background:#1a1a1a;border-radius:18px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--primary);font-weight:700}.msg{max-width:85%;margin-bottom:25px;line-height:1.6;font-size:15px}.user-msg{align-self:flex-end;background:#1a1a1a;padding:12px 20px;border-radius:20px 20px 4px}.ai-msg{align-self:flex-start;color:#ccc}.thinking{color:var(--primary);font-size:13px;font-style:italic}.input-area{width:100%;max-width:800px;padding:20px}.input-box{background:#121212;border:1px solid #222!important;border-radius:16px;padding:10px 16px;display:flex;gap:12px;align-items:center}.input-box input{flex:1;background:transparent;color:#fff;height:40px}.btn-send-main{background:var(--primary);color:#000;width:34px;height:34px;border-radius:10px;font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-card{background:#0d0d0d;width:550px;border-radius:24px;padding:32px;border:1px solid #222!important}.modal-header{display:flex;justify-content:space-between;margin-bottom:30px}.close-btn{background:transparent;color:#444;cursor:pointer}.avatar-section{display:flex;align-items:center;gap:20px;margin-bottom:25px;background:#141414;padding:20px;border-radius:20px}.modal-avatar{width:64px;height:64px;border-radius:16px}.badge{font-size:10px;color:#444;background:#000;padding:2px 8px;border-radius:10px;margin-top:5px;display:inline-block}.input-group-row{display:flex;gap:15px;margin-bottom:20px}.input-field{flex:1;display:flex;flex-direction:column;gap:8px}.input-field label{font-size:12px;color:#444}.input-field input{background:#000;border:1px solid #222!important;padding:12px;border-radius:12px;color:#fff}.modal-actions{display:flex;gap:12px}.btn-save{background:#1a1a1a;color:#fff;flex:1;padding:12px;border-radius:12px;cursor:pointer}.btn-danger-outline{background:transparent;border:1px solid #331a1a!important;color:#f44;flex:1;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px}.tip-text{font-size:11px;color:#333;margin-top:20px}.modal-footer{margin-top:40px;display:flex;justify-content:space-between}.footer-link{background:transparent;color:#444;cursor:pointer}.footer-link-close{background:transparent;color:#fff;font-weight:700;cursor:pointer}#auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;justify-content:center;align-items:center;z-index:2000}.auth-card{background:#0d0d0d;padding:40px;border-radius:24px;width:360px;text-align:center;border:1px solid #222!important}.auth-tabs{display:flex;gap:10px;margin:20px 0}.auth-tabs button{flex:1;background:#1a1a1a;color:#444;padding:10px;border-radius:8px}.auth-tabs button.active{color:var(--primary);background:#1a1a1a}.auth-form input{width:100%;background:#000;border:1px solid #222!important;padding:12px;margin-bottom:10px;border-radius:10px;color:#fff}.auth-form button{width:100%;background:var(--primary);color:#000;padding:12px;border-radius:10px;font-weight:700;margin-top:10px}.btn-google{width:100%;background:#fff;color:#000;padding:12px;border-radius:10px;font-weight:700;margin-top:15px}.code-container{background:#000;border:1px solid #222!important;border-radius:12px;margin:20px 0}.code-header{background:#141414;padding:8px 16px;display:flex;justify-content:space-between;font-size:12px;color:#444;border-radius:12px 12px 0 0}.copy-btn{background:#222;color:#fff;padding:4px 10px;border-radius:6px;font-size:11px}.code-content{padding:16px;overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:13px;color:#d1d1d1}