:root{--color-primary:#333;--color-primary-hover:#1f1f1f;--color-primary-light:#666;--color-secondary:#6b7280;--color-secondary-light:#9ca3af;--color-success:#10b981;--color-error:#ef4444;--color-bg-base:#fafafa;--color-bg-white:#fff;--color-bg-light:#f3f4f6;--color-bg-lighter:#f8fafc;--color-bg-hover:#e5e7eb;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--icon-size-xs:16px;--icon-size-sm:18px;--icon-size-md:20px;--icon-size-lg:24px;--btn-size-sm:32px;--btn-size-md:40px;--btn-size-lg:44px;--btn-radius-sm:8px;--btn-radius-md:10px;--btn-radius-lg:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--shadow-sm:0 1px 3px #0000000d;--shadow-base:0 2px 6px #00000026;--shadow-lg:0 4px 12px #0000001a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}button{font-family:inherit;font-size:var(--font-size-base);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-base)}button:focus{outline:none}button:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}button:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.6}.btn-icon{width:var(--btn-size-md);height:var(--btn-size-md);border-radius:var(--btn-radius-md);background-color:var(--color-bg-light);color:var(--color-secondary);border:none;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.btn-icon:active{background-color:#d1d5db}.btn-primary{background-color:var(--color-primary);color:var(--color-bg-white);box-shadow:var(--shadow-base);border:none}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg)}.btn-primary:active{background-color:var(--color-primary);transform:scale(.98)}.btn-ghost{color:var(--color-secondary);background-color:#0000;border:none}.btn-ghost:hover{background-color:var(--color-bg-light);color:var(--color-text-primary)}.btn-ghost:active{background-color:var(--color-bg-hover)}.messageRow.ai .x-bubble,.messageRow.ai .x-bubble-start{box-shadow:none!important;background-color:#0000!important;border-color:#0000!important}.login-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;animation:.25s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.login-modal-overlay.hiding{animation:.2s cubic-bezier(.4,0,.2,1) fadeOut}@keyframes fadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}.login-modal-container{background-color:var(--color-bg-white);box-shadow:var(--shadow-lg);transform-origin:50%;border-radius:16px;width:90%;max-width:800px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;overflow:hidden}.login-modal-overlay.hiding .login-modal-container{animation:.25s cubic-bezier(.4,0,.2,1) slideDown}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(40px)scale(.96)}}.login-modal-left{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:var(--color-bg-white);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.login-modal-left:before{content:"";background:radial-gradient(circle,#ffffff14 0%,#0000 70%);width:100%;height:100%;animation:4s ease-in-out infinite pulse;position:absolute;top:-50%;right:-50%}.login-modal-left:after{content:"";background:radial-gradient(circle,#ffffff0d 0%,#0000 60%);width:80%;height:80%;animation:6s ease-in-out infinite reverse pulse;position:absolute;bottom:-30%;left:-30%}.login-modal-left-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;width:100%;height:200px;transition:all var(--transition-slow);background-color:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.login-modal-left-card:hover{background-color:#ffffff26;transform:scale(1.02)}.login-modal-right{flex-direction:column;flex:1;padding:56px 48px 48px;display:flex;position:relative}.login-modal-close{color:var(--color-secondary);cursor:pointer;transition:all var(--transition-base);z-index:10;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;display:flex;position:absolute;top:16px;right:16px}.login-modal-close:hover{background-color:var(--color-bg-light);color:var(--color-text-primary);transform:rotate(90deg)}.login-modal-title{color:var(--color-text-primary);margin-bottom:8px;font-size:24px;font-weight:700;animation:.4s fadeIn}.login-modal-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:12px;animation:.5s fadeIn}.login-tabs{background-color:var(--color-bg-light);border-radius:10px;gap:8px;margin-bottom:12px;padding:4px;animation:.6s fadeIn;display:flex}.login-tab{font-size:var(--font-size-base);color:var(--color-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:500;position:relative;overflow:hidden}.login-tab:before{content:"";background-color:var(--color-primary);width:0;height:2px;transition:all var(--transition-base);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.login-tab.active{background-color:var(--color-bg-white);color:var(--color-text-primary);box-shadow:0 2px 8px #00000014}.login-tab.active:before{width:60%}.login-tab:hover:not(.active){color:var(--color-text-primary)}.login-form{flex-direction:column;gap:10px;animation:.7s fadeIn;display:flex}.login-input-group{flex-direction:column;gap:8px;display:flex}.login-input-label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.login-input{border:1px solid var(--color-border);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-lighter);transition:all var(--transition-base);border-radius:10px;outline:none;padding:12px 16px}.login-input:focus{border-color:var(--color-primary-light);background-color:var(--color-bg-white);transform:translateY(-1px);box-shadow:0 0 0 3px #3333331a}.login-input::placeholder{color:var(--color-text-tertiary)}.login-input-error{border-color:var(--color-error)}.login-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.login-error-message{font-size:var(--font-size-xs);color:var(--color-error);height:16px;animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-forgot{text-align:right;font-size:var(--font-size-sm);color:var(--color-primary-light);cursor:pointer;transition:all var(--transition-base);visibility:visible;opacity:1;height:16px;margin-top:-8px;line-height:16px}.login-forgot.hidden{visibility:hidden;opacity:0;cursor:default}.login-forgot:hover{color:var(--color-primary);text-decoration:underline}.login-btn{font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);border:none;border-radius:10px;padding:14px;font-weight:600;position:relative;overflow:hidden}.login-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-btn:hover:before{left:100%}.login-btn-primary{background-color:var(--color-primary);color:var(--color-bg-white);box-shadow:var(--shadow-base)}.login-btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-btn-primary:active{transform:translateY(0)}.login-btn-ghost{background-color:var(--color-bg-light);color:var(--color-text-primary)}.login-btn-ghost:hover{background-color:var(--color-bg-hover)}.login-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.login-divider-line{background-color:var(--color-border);flex:1;height:1px}.login-divider-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.login-switch{text-align:center;font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:16px;animation:.8s fadeIn}.login-switch-link{color:var(--color-primary-light);cursor:pointer;transition:all var(--transition-base);margin-left:4px;font-weight:500}.login-switch-link:hover{color:var(--color-primary);text-decoration:underline}.login-form-wrapper{overflow:hidden}.login-form-inner{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1)}.login-form-inner.slide-left{opacity:0;transform:translate(-100%)}.login-form-inner.slide-right{opacity:0;transform:translate(100%)}.login-form-inner.active{opacity:1;transform:translate(0)}.login-input-row{gap:12px;display:flex}.login-input-row .login-input-group{flex:1}.login-verify-btn{font-size:var(--font-size-sm);cursor:pointer;background-color:var(--color-primary);color:var(--color-bg-white);transition:all var(--transition-base);white-space:nowrap;border:none;border-radius:10px;padding:12px 20px;font-weight:500;position:relative;overflow:hidden}.login-verify-btn:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-base);transform:translateY(-1px)}.login-verify-btn:active:not(:disabled){transform:translateY(0)}.login-verify-btn:disabled{background-color:var(--color-secondary-light);cursor:not-allowed}.login-verify-btn.sending{background-color:var(--color-primary-light)}.login-modal-left-icon{z-index:1;width:64px;height:64px;margin-bottom:24px;animation:3s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-modal-left-title{z-index:1;margin-bottom:12px;font-size:20px;font-weight:600;position:relative}.login-modal-left-desc{font-size:var(--font-size-sm);opacity:.8;text-align:center;z-index:1;margin-bottom:32px;line-height:1.6;position:relative}@media (max-width:768px){.login-modal-container{flex-direction:column;width:95%;max-height:90vh;overflow-y:auto}.login-modal-left{min-height:200px;padding:32px}.login-modal-right{padding:0 32px 32px}.login-modal-left-card{height:120px}}