@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-primary:#060612;--bg-secondary:#0c0c1d;--bg-tertiary:#111128;--bg-chat:#060612;--bg-sidebar:#0a0a1a;--bg-input:rgba(255,255,255,0.04);--bg-hover:rgba(255,255,255,0.06);--bg-active:rgba(108,92,231,0.12);--bg-message-user:rgba(108,92,231,0.08);--bg-message-ai:rgba(255,255,255,0.02);--bg-card:rgba(15,15,35,0.8);--bg-glass:rgba(255,255,255,0.03);--bg-glass-strong:rgba(255,255,255,0.06);--accent-primary:#7c6cf0;--accent-primary-rgb:124,108,240;--accent-primary-glow:rgba(124,108,240,0.25);--accent-secondary:#a78bfa;--accent-tertiary:#818cf8;--accent-gradient:linear-gradient(135deg,#7c6cf0,#a78bfa 50%,#818cf8);--accent-gradient-vivid:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#a78bfa);--accent-blue:#60a5fa;--accent-green:#34d399;--accent-amber:#fbbf24;--accent-red:#f87171;--accent-cyan:#22d3ee;--text-primary:#f0f0ff;--text-secondary:#9898c8;--text-muted:#5a5a8a;--text-inverse:#060612;--border-primary:rgba(255,255,255,0.05);--border-secondary:rgba(255,255,255,0.08);--border-active:rgba(124,108,240,0.4);--border-glow:rgba(124,108,240,0.2);--sidebar-width:280px;--sidebar-collapsed:0px;--header-height:56px;--input-height:56px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.16,1,0.3,1);--transition-spring:0.5s cubic-bezier(0.34,1.56,0.64,1);--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 8px 24px rgba(0,0,0,0.4);--shadow-lg:0 16px 48px rgba(0,0,0,0.5);--shadow-glow:0 0 20px rgba(124,108,240,0.15);--shadow-glow-strong:0 0 40px rgba(124,108,240,0.25)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,textarea{font:inherit;color:inherit}ul{list-style:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(124,108,240,.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(124,108,240,.3)}body:before{top:-30%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(124,108,240,.06) 0,transparent 70%);transform:translateX(-50%);animation:ambientPulse 8s ease-in-out infinite}body:after,body:before{content:"";position:fixed;pointer-events:none;z-index:0}body:after{bottom:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.04) 0,transparent 70%);animation:ambientPulse 12s ease-in-out infinite reverse}@keyframes ambientPulse{0%,to{opacity:.5;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.15)}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;transition:transform var(--transition-slow);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(124,108,240,.1) 50%,transparent);pointer-events:none}.sidebar.collapsed{transform:translateX(-100%)}.sidebar-header{padding:14px;display:flex;align-items:center;gap:8px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);transition:all var(--transition-fast);color:var(--text-muted);font-size:18px}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.new-chat-btn{flex:1 1;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-secondary);font-size:14px;font-weight:500;transition:all var(--transition-fast);color:var(--text-primary);position:relative;overflow:hidden}.new-chat-btn:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-fast)}.new-chat-btn:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow)}.new-chat-btn:hover:before{opacity:.08}.sidebar-conversations{flex:1 1;overflow-y:auto;padding:4px 8px}.conv-group{margin-bottom:4px}.conv-group-label{padding:10px 12px 6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.conv-item-wrapper{display:flex;align-items:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative}.conv-item-link{flex:1 1;display:block;padding:10px 12px;font-size:13px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.conv-item-wrapper:hover{background:var(--bg-hover)}.conv-item-wrapper:hover .conv-item-link{color:var(--text-primary)}.conv-item-wrapper.active{background:var(--bg-active)}.conv-item-wrapper.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--accent-gradient)}.conv-item-wrapper.active .conv-item-link{color:var(--text-primary);font-weight:500}.conv-delete-btn{opacity:0;background:none;border:none;cursor:pointer;padding:4px 8px;font-size:12px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:var(--radius-sm);flex-shrink:0}.conv-item-wrapper:hover .conv-delete-btn{opacity:1}.conv-delete-btn:hover{color:var(--accent-red);background:rgba(248,113,113,.1)}.sidebar-footer{padding:12px;border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:2px;background:rgba(0,0,0,.15)}.sidebar-footer-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);transition:all var(--transition-fast)}.sidebar-footer-item:hover{background:var(--bg-hover);color:var(--text-primary)}.credits-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:linear-gradient(135deg,rgba(124,108,240,.15),rgba(167,139,250,.15));border:1px solid rgba(124,108,240,.2);border-radius:20px;font-size:12px;font-weight:600;color:var(--accent-secondary)}.main-area{margin-left:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition-slow);position:relative;z-index:1}.main-area.sidebar-collapsed{margin-left:0}.sidebar-reopen-btn{position:fixed;top:10px;left:10px;width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary);background:var(--bg-glass-strong);border:1px solid var(--border-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:101;transition:all var(--transition-fast);cursor:pointer}.sidebar-reopen-btn:hover{background:var(--bg-hover);color:var(--text-primary);box-shadow:var(--shadow-glow)}.chat-header{height:var(--header-height);padding:0 20px;justify-content:space-between;border-bottom:1px solid var(--border-primary);flex-shrink:0;background:rgba(6,6,18,.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;z-index:50}.chat-header,.chat-header-left{display:flex;align-items:center}.chat-header-left{gap:10px}.model-selector-container{position:relative}.model-selector{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-glass-strong);border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm)}.model-selector:hover{background:var(--bg-hover);border-color:var(--border-active);box-shadow:var(--shadow-glow)}.model-selector.active{border-color:var(--accent-primary);box-shadow:var(--shadow-glow-strong)}.model-selector-icon{font-size:18px;filter:drop-shadow(0 0 5px var(--accent-primary-glow))}.model-selector-chevron{font-size:9px;color:var(--text-muted);margin-left:2px;transition:transform var(--transition-fast)}.model-selector.active .model-selector-chevron{transform:rotate(180deg)}.model-dropdown{position:absolute;top:calc(100% + 10px);left:0;width:280px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:8px;box-shadow:var(--shadow-lg);z-index:1000;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:dropdownIn .3s var(--transition-spring)}.model-option{width:100%;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--radius-sm);text-align:left;transition:all var(--transition-fast);margin-bottom:4px}.model-option:last-child{margin-bottom:0}.model-option:hover{background:var(--bg-hover)}.model-option.active{background:var(--bg-active);border:1px solid var(--border-active)}.model-option-top{display:flex;align-items:center;gap:10px}.model-option-icon{font-size:18px}.model-option-name{font-size:13px;font-weight:600;color:var(--text-primary)}.model-option-desc{font-size:11px;color:var(--text-muted);padding-left:28px}.typewriter-text{display:inline-block;overflow:hidden;white-space:nowrap}.typewriter-cursor{display:inline-block;width:2px;height:1.1em;background:var(--accent-primary);margin-left:2px;vertical-align:middle;animation:cursorBlink .8s infinite}@keyframes cursorBlink{50%{opacity:0}}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-messages{flex:1 1;overflow-y:auto;padding:32px 0}.chat-messages-inner{max-width:780px;margin:0 auto;padding:0 28px}.message{padding:24px 0;animation:messageIn .4s cubic-bezier(.16,1,.3,1);position:relative}.message+.message{border-top:1px solid rgba(255,255,255,.02)}@keyframes messageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.message-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;position:relative}.message-avatar.user{background:var(--accent-gradient);color:white;box-shadow:0 2px 12px rgba(var(--accent-primary-rgb),.3)}.message-avatar.ai{background:var(--bg-glass-strong);border:1px solid var(--border-secondary);box-shadow:var(--shadow-glow)}.message-sender{font-size:14px;font-weight:600;letter-spacing:-.01em}.message-content{padding-left:42px;font-size:15px;line-height:1.75;color:var(--text-primary)}.message-content p{margin-bottom:12px}.message-content p:last-child{margin-bottom:0}.message-content code{background:rgba(124,108,240,.1);border:1px solid rgba(124,108,240,.15);padding:2px 7px;border-radius:6px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:13px;color:var(--accent-secondary)}.message-content pre{background:rgba(0,0,0,.3);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:18px;margin:14px 0;overflow-x:auto;position:relative}.message-content pre code{background:none;border:none;padding:0;font-size:13px;line-height:1.6;color:var(--text-primary)}.message-content ol,.message-content ul{padding-left:20px;margin:8px 0;list-style:disc}.message-content ol{list-style:decimal}.message-content li{margin-bottom:4px}.message-content strong{font-weight:600;color:#fff}.message-content em{font-style:italic}.message-content h1,.message-content h2,.message-content h3{margin:20px 0 10px;font-weight:700}.message-actions{padding-left:42px;margin-top:8px;display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.message:hover .message-actions{opacity:1}.message-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--text-muted);font-size:14px;transition:all var(--transition-fast)}.message-action-btn:hover{background:var(--bg-glass-strong);color:var(--text-primary)}.typing-indicator{padding-left:42px;display:flex;gap:5px}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,80%,to{transform:scale(.5);opacity:.3}40%{transform:scale(1.1);opacity:1}}.chat-input-area{padding:0 28px 28px;flex-shrink:0}.chat-input-container{max-width:780px;margin:0 auto;position:relative}.chat-input-box{display:flex;align-items:center;background:var(--bg-glass-strong);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:12px 16px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.chat-input-box:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-xl);background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-fast);z-index:-1;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.chat-input-box:focus-within{border-color:transparent;box-shadow:var(--shadow-glow-strong)}.chat-input-box:focus-within:before{opacity:1}.chat-input{flex:1 1;border:none;outline:none;background:transparent;resize:none;font-size:15px;line-height:1.5;max-height:200px;min-height:24px;padding:4px 0;color:var(--text-primary);text-align:center}.chat-input::placeholder{color:var(--text-muted);text-align:center}.send-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--accent-gradient);color:white;flex-shrink:0;margin-left:10px;transition:all var(--transition-fast);font-size:16px;font-weight:700;box-shadow:0 2px 12px rgba(var(--accent-primary-rgb),.3)}.send-btn:hover{transform:scale(1.08);box-shadow:0 4px 20px rgba(var(--accent-primary-rgb),.4)}.send-btn:disabled{opacity:.2;cursor:not-allowed;transform:none;box-shadow:none}.chat-footer-text{text-align:center;margin-top:10px;font-size:11px;color:var(--text-muted);letter-spacing:.02em}.welcome-container{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px;text-align:center;position:relative;overflow:hidden}.welcome-container:before{content:"";position:absolute;top:10%;left:50%;width:500px;height:500px;background:radial-gradient(circle,rgba(124,108,240,.08) 0,transparent 65%);transform:translateX(-50%);animation:welcomeOrb 6s ease-in-out infinite;pointer-events:none}.welcome-container:after{content:"";position:absolute;bottom:15%;left:35%;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.05) 0,transparent 65%);animation:welcomeOrb 8s ease-in-out infinite reverse;pointer-events:none}@keyframes welcomeOrb{0%,to{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.2)}}.welcome-logo{font-size:64px;margin-bottom:20px;animation:printzFloat 4s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(124,108,240,.2));position:relative;z-index:1}@keyframes printzFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-6px) rotate(-2deg)}75%{transform:translateY(-3px) rotate(1deg)}}.welcome-title{font-size:32px;font-weight:800;margin-bottom:10px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;position:relative;z-index:1;animation:welcomeFadeUp .8s cubic-bezier(.16,1,.3,1)}@keyframes welcomeFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.welcome-subtitle{font-size:16px;color:var(--text-secondary);max-width:500px;line-height:1.7;margin-bottom:36px;position:relative;z-index:1;animation:welcomeFadeUp .8s cubic-bezier(.16,1,.3,1) .1s both}.suggestion-chips{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;max-width:560px;width:100%;position:relative;z-index:1;animation:welcomeFadeUp .8s cubic-bezier(.16,1,.3,1) .2s both}.suggestion-chip{padding:16px 20px;background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.suggestion-chip:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-normal)}.suggestion-chip:hover{border-color:var(--border-active);color:var(--text-primary);transform:translateY(-3px);box-shadow:var(--shadow-glow),var(--shadow-md)}.suggestion-chip:hover:before{opacity:.06}.suggestion-chip-icon{margin-right:8px;font-size:15px}.landing-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0,rgba(124,108,240,.06) 0,transparent 50%);position:relative;overflow:hidden}.landing-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:20px;font-size:13px;color:var(--text-secondary);margin-bottom:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-title{font-size:clamp(36px,6vw,60px);font-weight:800;text-align:center;line-height:1.1;margin-bottom:18px;letter-spacing:-.03em}.landing-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-size:18px;color:var(--text-secondary);text-align:center;max-width:520px;line-height:1.7;margin-bottom:40px}.landing-input-box{width:100%;max-width:620px;display:flex;align-items:center;background:var(--bg-glass-strong);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:16px 22px;margin-bottom:24px;transition:all var(--transition-fast);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-input-box:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow-strong)}.landing-input-placeholder{flex:1 1;font-size:15px;color:var(--text-muted)}.landing-models{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:40px}.landing-model-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:20px;font-size:13px;color:var(--text-secondary);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-model-chip:hover{border-color:var(--border-active);color:var(--text-primary)}.landing-cta-row{display:flex;gap:14px;align-items:center}.btn-primary{padding:14px 32px;background:var(--accent-gradient);border-radius:var(--radius-lg);font-size:15px;font-weight:600;color:white;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 16px rgba(var(--accent-primary-rgb),.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--accent-primary-rgb),.4)}.btn-ghost{padding:14px 32px;background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);font-size:15px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-active)}.landing-footer{position:absolute;bottom:24px;font-size:12px;color:var(--text-muted)}.landing-footer a{color:var(--accent-primary);text-decoration:none}.landing-footer a:hover{text-decoration:underline}.auth-container{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,rgba(124,108,240,.05) 0,transparent 60%)}.auth-card{width:100%;max-width:420px;padding:44px;background:var(--bg-glass-strong);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.auth-logo{text-align:center;font-size:44px;margin-bottom:10px}.auth-title{text-align:center;font-size:24px;font-weight:800;margin-bottom:4px;letter-spacing:-.02em}.auth-subtitle{text-align:center;font-size:14px;color:var(--text-muted);margin-bottom:28px}.auth-form{gap:14px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.auth-input{padding:12px 16px;background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);outline:none;transition:all var(--transition-fast)}.auth-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.15)}.auth-submit{padding:13px;background:var(--accent-gradient);border-radius:var(--radius-sm);font-size:15px;font-weight:600;color:white;cursor:pointer;transition:all var(--transition-fast);margin-top:4px;box-shadow:0 4px 16px rgba(var(--accent-primary-rgb),.25)}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(var(--accent-primary-rgb),.35)}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0;color:var(--text-muted);font-size:13px}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border-primary)}.auth-oauth-row{display:flex;gap:10px}.auth-oauth-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.auth-oauth-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-active)}.auth-link{text-align:center;font-size:14px;color:var(--text-muted);margin-top:8px}.auth-link a{color:var(--accent-primary)}.auth-link a:hover{text-decoration:underline}.settings-container{max-width:700px;margin:0 auto;padding:48px 28px;overflow-y:auto;height:100vh}.settings-title{font-size:26px;font-weight:800;letter-spacing:-.02em}.settings-section,.settings-title{margin-bottom:36px}.settings-section-title{font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:10px}.settings-row,.settings-section-title{border-bottom:1px solid var(--border-primary)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.settings-row-label{font-size:14px;color:var(--text-secondary)}.settings-row-value{font-size:14px;font-weight:500}.settings-card{background:var(--bg-glass-strong);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:22px;margin-bottom:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-input{width:100%;padding:11px 16px;background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);outline:none}.settings-input:focus{border-color:var(--accent-primary)}.credit-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-top:14px}.credit-pack{background:var(--bg-glass-strong);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:24px;text-align:center;transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.credit-pack:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-normal)}.credit-pack:hover{border-color:var(--border-active);transform:translateY(-4px);box-shadow:var(--shadow-glow),var(--shadow-md)}.credit-pack:hover:before{opacity:.06}.credit-pack-amount{font-size:26px;font-weight:800;margin-bottom:4px;position:relative}.credit-pack-price{font-size:16px;color:var(--accent-secondary);font-weight:600;margin-bottom:4px;position:relative}.credit-pack-savings{font-size:12px;color:var(--accent-green);position:relative}.credit-pack-buy{margin-top:14px;padding:10px 24px;background:var(--accent-gradient);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:white;position:relative;box-shadow:0 2px 8px rgba(var(--accent-primary-rgb),.2)}@media (max-width:1024px){:root{--sidebar-width:260px}}@media (max-width:768px){:root{--sidebar-width:100%;--header-height:60px}.sidebar{transform:translateX(-100%);width:280px;box-shadow:20px 0 50px rgba(0,0,0,.8)}.sidebar.open{transform:translateX(0);z-index:1000}.mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-reopen-btn.hidden{opacity:0;pointer-events:none}.chat-header{justify-content:center;padding:0 60px}}.clawbot-glow{box-shadow:0 0 15px rgba(var(--accent-primary-rgb),.3);border:1px solid rgba(var(--accent-primary-rgb),.4)}.crusher-text{font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(180deg,#fff,#9898c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mechanical-bg{background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.03) 1px,transparent 0);background-size:24px 24px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.03) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 2s infinite}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:32px;max-width:540px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.6),var(--shadow-glow);animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.modal-content:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-gradient)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}