*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #06b6d4;--accent-color: #60a5fa;--background-color: #f0f9ff;--card-background: #ffffff;--text-primary: #0c4a6e;--text-secondary: #64748b;--border-color: #bae6fd;--success-color: #10b981;--error-color: #ef4444;--shadow-sm: 0 1px 3px 0 rgba(59, 130, 246, .1);--shadow-md: 0 4px 6px -1px rgba(59, 130, 246, .15);--shadow-lg: 0 10px 15px -3px rgba(59, 130, 246, .2);--glow-blue: 0 0 20px rgba(59, 130, 246, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#dbeafe);color:var(--text-primary);line-height:1.6;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:active{transform:scale(.95);opacity:.8}.app{min-height:100vh;display:flex;flex-direction:column}.chat-layout{flex:1;display:flex;overflow:hidden;margin-left:280px;transition:margin-left .35s cubic-bezier(.4,0,.2,1)}.app.sidebar-collapsed .chat-layout{margin-left:60px}@media (max-width: 768px){.chat-layout{margin-left:0!important;width:100%!important;position:relative}.history-sidebar-desktop{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;left:-1000px!important}.mobile-history-btn{display:flex!important}.chat-page-new{margin:0!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100vh!important;overflow:hidden!important}.app{overflow-x:hidden!important}}@media (max-width: 768px){.chat-main-content{padding-left:60px}}.mobile-sidebar{position:fixed;left:0;top:0;height:100%;background:#fff;z-index:1001;display:flex;flex-direction:column;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 20px #0000001a}.mobile-sidebar.collapsed{width:60px}.mobile-sidebar.expanded{width:85%;max-width:320px}.mobile-sidebar-toggle{width:100%;height:60px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;padding-top:env(safe-area-inset-top)}.mobile-sidebar-toggle:hover{background:linear-gradient(135deg,#2563eb,#0891b2)}.toggle-icon{width:20px;height:20px;display:block;transition:transform .3s}.mobile-sidebar-content{flex:1;overflow-y:auto;display:none;padding-top:env(safe-area-inset-top)}.mobile-sidebar.expanded .mobile-sidebar-content{display:flex;flex-direction:column}.mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff}.mobile-sidebar-header h3{margin:0;font-size:16px;font-weight:600}.mobile-sidebar-close{background:#fff3;border:none;color:#fff;font-size:24px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.mobile-sidebar-close:hover{background:#ffffff4d}.mobile-sidebar-list{flex:1;padding:10px}.mobile-sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.mobile-sidebar-empty .empty-icon{font-size:40px;margin-bottom:12px}.mobile-sidebar-empty div:last-child{color:#6b7280;font-size:14px}.mobile-sidebar-item{display:flex;align-items:center;padding:12px 14px;margin-bottom:6px;background:#f9fafb;border-radius:10px;cursor:pointer;transition:all .2s;border:2px solid transparent}.mobile-sidebar-item:hover{background:#f3f4f6}.mobile-sidebar-item.active{background:#dbeafe;border-color:#3b82f6}.sidebar-item-icon{font-size:18px;margin-right:10px}.sidebar-item-info{flex:1;min-width:0}.sidebar-item-title{font-weight:500;color:#1f2937;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-date{font-size:12px;color:#9ca3af;margin-top:2px}.mobile-sidebar-settings{width:44px;height:44px;margin:8px auto;border-radius:12px;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.mobile-sidebar-settings:hover{background:#e5e7eb;color:#374151}.settings-icon{width:18px;height:18px;display:block}.mobile-sidebar-user{width:calc(100% - 20px);margin:0 auto;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s}.mobile-sidebar-user:hover{background:#f9fafb}.mobile-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:18px}.mobile-user-info{flex:1;text-align:left}.mobile-user-name{font-weight:500;color:#1f2937;font-size:14px}.mobile-user-email{font-size:12px;color:#9ca3af;margin-top:1px}.mobile-sidebar-login{width:calc(100% - 20px);margin:0 auto;padding:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:14px;transition:all .2s}.mobile-sidebar-login:hover{opacity:.9}.mobile-user-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1002}.mobile-user-menu{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;padding:8px;z-index:1003;min-width:200px}.mobile-user-menu-item{width:100%;padding:14px 16px;background:transparent;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:12px;color:#374151;font-size:15px;transition:all .2s}.mobile-user-menu-item:hover{background:#f3f4f6}.mobile-user-menu-item.logout{color:#ef4444}.mobile-sidebar-new{width:50px;height:50px;margin:10px auto;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.mobile-sidebar-new:hover{transform:scale(1.1);box-shadow:0 6px 16px #3b82f666}.mobile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease}.history-sidebar-desktop{width:280px;min-width:280px;height:calc(100vh - 60px);background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;position:fixed;left:0;top:60px;z-index:10;box-shadow:2px 0 12px #00000014;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.history-sidebar-desktop.collapsed{width:60px;min-width:60px}.collapse-btn{padding:8px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.collapse-btn:hover{background:#ffffff4d;transform:scale(1.05)}.collapse-icon{width:20px;height:20px;display:block}.new-chat-btn{padding:6px 12px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s;display:flex;align-items:center;gap:6px}.new-chat-btn:hover{background:#ffffff4d}.btn-icon{font-size:14px}.btn-text{font-weight:500}.history-sidebar-desktop.collapsed .session-item{justify-content:center;padding:12px 8px}.history-sidebar-desktop.collapsed .session-icon{margin:0;font-size:20px}.history-sidebar-desktop.collapsed .sidebar-header-content,.history-sidebar-desktop.collapsed .header-actions{justify-content:center}.collapsed-actions{padding:12px 8px;display:flex;justify-content:center;border-top:1px solid #e5e7eb}.collapsed-new-btn{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.collapsed-new-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #3b82f666}.new-icon{width:22px;height:22px;display:block}.collapsed-user-btn{width:44px;height:44px;border-radius:12px;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;margin-top:8px}.collapsed-user-btn:hover{background:#e5e7eb}.user-icon{font-size:20px}.history-sidebar-desktop.collapsed .empty-text{padding:20px 8px}.history-sidebar-desktop.collapsed .empty-icon{margin-bottom:0}.sidebar-footer{padding:12px;border-top:1px solid #e5e7eb;background:#fafafa}.user-profile-btn{width:100%;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s}.user-profile-btn:hover{background:#f9fafb;border-color:#d1d5db}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:16px}.user-info{flex:1;text-align:left}.user-name{font-weight:500;color:#1f2937;font-size:14px}.user-email{font-size:12px;color:#9ca3af;margin-top:2px}.dropdown-icon{width:16px;height:16px;color:#9ca3af}.login-prompt-btn{width:100%;padding:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:500;transition:all .2s}.login-prompt-btn:hover{opacity:.9;transform:translateY(-1px)}.login-icon{font-size:16px}.login-text{font-size:14px}.user-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.user-menu{position:absolute;bottom:60px;left:10px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:8px;z-index:1001;min-width:180px}.history-sidebar-desktop.collapsed .user-menu{bottom:70px;left:50%;transform:translate(-50%)}.user-menu-item{width:100%;padding:12px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;color:#374151;font-size:14px;transition:all .2s}.user-menu-item:hover{background:#f3f4f6}.menu-icon{width:18px;height:18px}.history-sidebar-desktop .sidebar-header{padding:20px;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff}.history-sidebar-desktop .sidebar-header-content{display:flex;justify-content:space-between;align-items:center}.history-sidebar-desktop .sidebar-title{margin:0;font-size:18px}.history-sidebar-desktop .new-chat-btn{padding:8px 12px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.history-sidebar-desktop .new-chat-btn:hover{background:#ffffff4d}.history-sidebar-desktop .header-actions{display:flex;gap:8px;align-items:center}.history-sidebar-desktop .select-btn{padding:8px 12px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.history-sidebar-desktop .select-btn:hover{background:#ffffff4d}.history-sidebar-desktop .batch-actions{display:flex;gap:8px;padding:8px;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.history-sidebar-desktop .select-all-btn{flex:1;padding:8px 12px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.history-sidebar-desktop .select-all-btn:hover{background:#f9fafb}.history-sidebar-desktop .batch-delete-btn{flex:1;padding:8px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.history-sidebar-desktop .batch-delete-btn:hover{background:#dc2626}.history-sidebar-desktop .session-item .checkbox{margin-right:8px;display:flex;align-items:center}.history-sidebar-desktop .session-item .checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.history-sidebar-desktop .session-item.selected{background:#dbeafe;border-left-color:#3b82f6}.history-sidebar-desktop .sessions-list{flex:1;padding:8px;max-height:calc(100vh - 180px);overflow-y:auto}.history-sidebar-desktop .session-item{padding:12px;margin-bottom:4px;border-radius:8px;background:#f9fafb;border-left:3px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px}.history-sidebar-desktop .session-item:hover{background:#f3f4f6}.history-sidebar-desktop .session-item.active{background:#dbeafe;border-left-color:#3b82f6}.history-sidebar-desktop .session-icon{font-size:20px}.history-sidebar-desktop .session-info{flex:1;min-width:0}.history-sidebar-desktop .delete-btn,.mobile-sidebar .delete-btn{padding:6px;background:transparent;border:none;cursor:pointer;font-size:14px;opacity:0;transition:all .2s;border-radius:4px;display:flex;align-items:center;justify-content:center}.history-sidebar-desktop .session-item:hover .delete-btn,.mobile-sidebar .session-item:hover .delete-btn{opacity:.6}.history-sidebar-desktop .delete-btn:hover,.mobile-sidebar .delete-btn:hover{opacity:1!important;background:#fee2e2;color:#ef4444}.history-sidebar-desktop .session-title{font-size:14px;font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-sidebar-desktop .session-date{font-size:12px;color:#9ca3af;margin-top:4px}.history-sidebar-desktop .loading-text,.history-sidebar-desktop .empty-text{text-align:center;padding:20px;color:#9ca3af}.history-sidebar-desktop .empty-icon{font-size:48px;margin-bottom:12px}.history-sidebar-desktop .empty-hint{font-size:12px;color:#9ca3af;margin-top:8px}.chat-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 1024px){.history-sidebar-desktop{width:240px}}@media (max-width: 768px){.history-sidebar-desktop{width:200px}.history-sidebar-desktop .sidebar-title{font-size:16px}.history-sidebar-desktop .new-chat-btn{font-size:12px;padding:6px 10px}}@media (max-width: 480px){.history-sidebar-desktop{width:180px}.history-sidebar-desktop .session-title{font-size:13px}.history-sidebar-desktop .session-date{font-size:11px}}.header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:1rem 2rem;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;font-size:1.5rem;font-weight:700}.logo-emoji{font-size:2rem}.logo-img{max-width:40px;height:auto;flex-shrink:0}.nav{display:flex;gap:1rem;flex-wrap:wrap}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;font-weight:500;background:transparent;border:none}.nav-link:hover{background-color:#fff3}.nav-link.active{background-color:#ffffff4d;font-weight:600}.chat-page-new{flex:1;display:flex;flex-direction:column;position:relative;background:#ffffffe6;border-radius:1.5rem;margin:1rem;box-shadow:var(--shadow-lg),var(--glow-blue);overflow:hidden}@media (max-width: 480px){.chat-page-new{margin:0;border-radius:0;flex:1;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#dbeafe)}}.welcome-page{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#dbeafe)}.welcome-content{max-width:900px;text-align:center;padding:2rem;background:linear-gradient(135deg,#ffffffe6,#f0f9ffe6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;box-shadow:0 8px 32px #3b82f61a}.welcome-avatar{width:200px;height:auto;margin:0 auto 2rem;display:block;filter:drop-shadow(0 15px 40px rgba(59,130,246,.3));transition:filter .3s ease;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-avatar:hover{filter:drop-shadow(0 20px 50px rgba(59,130,246,.4))}.welcome-title{font-size:2.5rem;background:linear-gradient(135deg,#3b82f6,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3rem;font-weight:700;text-shadow:0 0 30px rgba(59,130,246,.3);animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px rgba(59,130,246,.3))}50%{filter:drop-shadow(0 0 20px rgba(59,130,246,.5))}}.popular-questions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:900px;margin:0 auto}.question-chip{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-color);border-radius:2rem;padding:.75rem 1.25rem;font-size:.95rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #3b82f614;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.question-chip:hover{background:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626,var(--glow-blue);color:var(--primary-color)}.messages-container{flex:1;overflow-y:auto;padding:2rem;background-color:var(--background-color);padding-bottom:200px;scroll-behavior:auto;max-height:calc(100vh - 200px);overflow-anchor:none}.message{display:flex;gap:1rem;margin-bottom:1.5rem;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{flex-direction:row-reverse}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;background-color:var(--border-color)}.message-ai .message-avatar{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.message-ai .message-content{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;box-shadow:none;border:none;max-width:100%}.message-content{max-width:70%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:1rem;box-shadow:var(--shadow-sm),0 2px 8px #3b82f614;border:1px solid rgba(186,230,253,.5)}.message-user .message-content{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;box-shadow:0 4px 12px #3b82f64d,var(--glow-blue);border:none}.message-text{margin-bottom:.5rem;word-wrap:break-word;line-height:1.6}.generating-dots{display:inline-block;margin-left:.25rem}.generating-dots .dot{display:inline-block;animation:dotPulse 1.4s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}.code-block{margin:1rem 0;border-radius:.5rem;overflow:hidden;box-shadow:var(--shadow-md)}.code-header{background:#282c34;color:#abb2bf;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.code-language{text-transform:uppercase;font-weight:600;letter-spacing:.5px}.code-actions{display:flex;gap:.5rem}.code-action-btn{background:#ffffff1a;border:none;color:#abb2bf;padding:.4rem .8rem;border-radius:.25rem;cursor:pointer;font-size:.875rem;transition:all .2s ease;white-space:nowrap}.code-action-btn:hover{background:#fff3;transform:translateY(-1px)}.code-content{max-height:400px;overflow:auto}.input-area-new{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;box-shadow:0 -4px 20px #3b82f61a;max-width:900px;margin:0 auto;width:100%;border-radius:2rem 2rem 0 0;border-top:2px solid var(--border-color)}.input-container-new{display:flex;gap:.75rem;margin-bottom:1rem}.chat-input-new{flex:1;padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:1.5rem;font-size:1rem;font-family:inherit;resize:none;min-height:56px;max-height:200px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 2px 8px #3b82f614;-webkit-appearance:none;-moz-appearance:none;appearance:none}.chat-input-new:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #3b82f61a,var(--glow-blue);background:#fff}.chat-input-new:disabled{background-color:var(--background-color);cursor:not-allowed}.send-button-new{padding:1rem 2rem;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border:none;border-radius:1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 12px #3b82f64d;position:relative;overflow:hidden}.send-button-new:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.send-button-new:hover:not(:disabled):before{left:100%}.send-button-new:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666,var(--glow-blue)}.send-button-new:disabled{opacity:.6;cursor:not-allowed;transform:none}.quick-actions-bar{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;padding:.5rem 0}.action-button{display:flex;align-items:center;gap:.4rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-color);border-radius:1.5rem;padding:.5rem 1rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #3b82f614;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.action-button:hover{background:#fff;border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626,var(--glow-blue)}.action-icon{font-size:1rem}.action-label{font-weight:500}.action-button.active{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border-color:transparent;box-shadow:0 4px 12px #3b82f64d,var(--glow-blue)}.action-button.active.translate-mode{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;box-shadow:0 4px 12px #10b9814d}.action-button.active.code-mode{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:transparent;box-shadow:0 4px 12px #6366f14d}.action-button.active.poet-mode{background:linear-gradient(135deg,#d97706,#b45309);border-color:transparent;box-shadow:0 4px 12px #d977064d}.mode-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:1.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:500}.image-mode-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.translate-mode-tag{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.code-mode-tag{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.homework-mode-tag{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.deep-mode-tag{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.poet-mode-tag{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.mode-icon{font-size:1.1rem}.mode-label{font-weight:600}.mode-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0 .2rem;opacity:.8;transition:opacity .2s}.mode-close:hover{opacity:1}.image-options{display:flex;gap:.5rem;margin:.5rem 0;padding:.75rem 1rem;background:#eff6ffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-color);border-radius:1.5rem;box-shadow:0 2px 8px #3b82f61a}.translate-options{display:flex;align-items:center;gap:.75rem;margin:.5rem 0;padding:.75rem 1rem;background:#f0fdf4e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #bbf7d0;border-radius:1.5rem;box-shadow:0 2px 8px #10b9811a}.translate-label{font-size:.85rem;color:#059669;font-weight:500}.translate-select{padding:.5rem 1rem;border:2px solid #bbf7d0;border-radius:1.5rem;font-size:.85rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:var(--text-primary);transition:all .3s ease;box-shadow:0 2px 6px #10b98114}.translate-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a,0 0 20px #10b98133}.poet-options{display:flex;align-items:center;gap:.75rem;margin:.5rem 0;padding:.75rem 1rem;background:#fff7ede6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #fde68a;border-radius:1.5rem;box-shadow:0 2px 8px #d977061a}.poet-label{font-size:.85rem;color:#b45309;font-weight:500}.poet-select{padding:.5rem 1rem;border:2px solid #fde68a;border-radius:1.5rem;font-size:.85rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:var(--text-primary);transition:all .3s ease;box-shadow:0 2px 6px #d9770614}.poet-select:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #d977061a,0 0 20px #d9770633}.homework-options,.chat-attachment{margin:.5rem 0}.search-toggle{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;margin:.5rem 0}.search-toggle input[type=checkbox]{display:none}.search-toggle-label{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;background:var(--card-background);border:2px solid var(--border-color);transition:all .3s ease;box-shadow:var(--shadow-sm)}.search-toggle:hover .search-toggle-label{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.search-toggle input[type=checkbox]:checked+.search-toggle-label{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:var(--primary-color);color:#fff;box-shadow:var(--glow-blue)}.toggle-icon{font-size:1.2rem}.toggle-text{font-size:.9rem;font-weight:500}.file-upload{width:100%}.file-preview-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.file-preview-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fef3c7e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #fbbf24;border-radius:1.5rem;position:relative;box-shadow:0 2px 8px #fbbf2433}.file-preview-image{width:60px;height:60px;object-fit:cover;border-radius:.5rem;border:2px solid white}.file-preview-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#fff;border-radius:.5rem}.file-preview-info{flex:1;min-width:0}.file-preview-name{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-size{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.file-preview-remove{width:28px;height:28px;border-radius:50%;border:none;background:#ffffffe6;color:#ef4444;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.file-preview-remove:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #f59e0b4d}.upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66,0 0 20px #f59e0b4d}.upload-button:active{transform:translateY(0)}.code-options{display:flex;gap:.5rem;margin:.5rem 0;flex-wrap:wrap}.code-option-btn{display:inline-flex;align-items:center;gap:.4rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:.4rem .8rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.code-option-btn:hover{background:#f1f5f9;border-color:#6366f1;color:#6366f1}.image-option-select{padding:.5rem 1rem;border:2px solid var(--border-color);border-radius:1.5rem;font-size:.85rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:var(--text-primary);transition:all .3s ease;box-shadow:0 2px 6px #3b82f614}.image-option-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a,var(--glow-blue)}.generated-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:1rem}.generated-image-card{border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:#fff;transition:transform .2s ease}.generated-image-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.generated-image-placeholder{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.image-placeholder-icon{font-size:3rem;opacity:.5;animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.image-placeholder-text{font-size:.875rem;color:var(--text-secondary);font-weight:500}.generated-img{width:100%;height:auto;display:block;cursor:pointer;transition:filter .2s ease}.generated-img:hover{filter:brightness(1.05)}.image-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.image-preview-content{position:relative;max-width:70vw;max-height:70vh;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.image-preview-close{position:absolute;top:-50px;right:0;width:40px;height:40px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.image-preview-close:hover{background:#ffffff4d;transform:rotate(90deg)}.image-preview-image{max-width:70vw;max-height:70vh;object-fit:contain;border-radius:.5rem;box-shadow:0 20px 60px #00000080}.image-card-actions{padding:.75rem;background:#fff}.image-download-btn{width:100%;padding:.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-size:.85rem;cursor:pointer;transition:all .2s ease}.image-download-btn:hover{background:#06c}.image-download-btn:disabled{background:#ccc;cursor:not-allowed}.uploaded-images{margin-bottom:1rem}.uploaded-image-card{border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:#fff}.uploaded-img{width:100%;max-width:400px;height:auto;display:block;border-radius:.75rem}.uploaded-image-name{padding:.5rem .75rem;font-size:.85rem;color:var(--text-secondary);background:#fef3c7;border-top:1px solid #fbbf24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generated-image-container{margin-top:1rem;padding:1rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a}.generated-image-container h3{margin:0 0 1rem;color:var(--primary-color);font-size:1.1rem}.message-time{font-size:.75rem;opacity:.7;text-align:right}.message-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(186,230,253,.5);flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;padding:0}.action-btn:hover{background:#ffffffe6;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 2px 8px #3b82f633}.action-btn.active{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border-color:transparent;box-shadow:0 2px 8px #3b82f64d}.action-btn.active.like-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.action-btn.active.dislike-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.typing-indicator{display:flex;gap:.5rem;padding:1rem}.typing-indicator span{width:8px;height:8px;background-color:var(--text-secondary);border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-indicator{display:flex;justify-content:flex-start;padding:1rem 1rem 1rem 3.5rem;animation:fadeInUp .3s ease}.loading-indicator-content,.loading-indicator-in-message{background:linear-gradient(135deg,#fefce8,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:1rem 1rem 1rem .25rem;padding:.75rem 1.25rem;display:flex;align-items:center;gap:.25rem;box-shadow:0 4px 12px #fbbf2426}.loading-dots-text{font-size:.9rem;color:#92400e;font-weight:500}.loading-dots{display:inline-flex;align-items:center}.loading-dot{font-size:1.5rem;font-weight:700;color:#d97706;animation:dotBounce 1.4s infinite ease-in-out both;line-height:1}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-page{height:calc(100vh - 120px);display:flex;flex-direction:column}.chat-container{flex:1;display:flex;flex-direction:column;background:var(--card-background);border-radius:1rem;box-shadow:var(--shadow-lg);overflow:hidden}.input-container{padding:1rem;background:var(--card-background);border-top:1px solid var(--border-color);display:flex;gap:.5rem}.chat-input{flex:1;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:1rem;font-family:inherit;resize:none;min-height:48px;max-height:120px;transition:border-color .3s ease}.chat-input:focus{outline:none;border-color:var(--primary-color)}.chat-input:disabled{background-color:var(--background-color);cursor:not-allowed}.send-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.send-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.gen-page{min-height:calc(100vh - 80px);padding-top:2rem}.gen-container{max-width:900px;margin:0 auto}.back-button{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;display:inline-block;transition:all .2s ease;font-weight:500}.back-button:hover{color:var(--primary-color);transform:translate(-5px)}.gen-header{text-align:center;margin-bottom:2rem}.gen-header h1{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.gen-header p{color:var(--text-secondary)}.gen-form{background:var(--card-background);padding:2rem;border-radius:1rem;box-shadow:var(--shadow-lg);margin-bottom:2rem}.gen-input{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;margin-bottom:1rem;transition:border-color .3s ease}.gen-input:focus{outline:none;border-color:var(--primary-color)}.gen-input:disabled{background-color:var(--background-color);cursor:not-allowed}.gen-options{margin-bottom:1.5rem}.option-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.option-group label{font-weight:600;color:var(--text-primary)}.size-select{padding:.5rem 1rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .3s ease}.size-select:focus{outline:none;border-color:var(--primary-color)}.gen-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:.75rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.gen-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.gen-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.gen-result{background:var(--card-background);padding:2rem;border-radius:1rem;box-shadow:var(--shadow-lg)}.gen-result h2{color:var(--text-primary);margin-bottom:1.5rem}.media-card{background:var(--background-color);border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-md)}.media-content{width:100%;background:var(--border-color);display:flex;align-items:center;justify-content:center;min-height:300px}.media-image{max-width:100%;height:auto;display:block}.media-video{max-width:100%;max-height:500px;width:100%}.media-info{padding:1.5rem}.media-prompt{color:var(--text-primary);font-weight:500;margin-bottom:.5rem;line-height:1.6}.media-time{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.media-download-btn{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.media-download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.media-download-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (min-width: 1441px){.chat-page-new{max-width:1200px;margin:2rem auto}.welcome-title{font-size:2.75rem}}@media (max-width: 1440px) and (min-width: 1025px){.chat-page-new{margin:1rem}}@media (max-width: 1024px) and (min-width: 769px){.chat-page-new{margin:.75rem;border-radius:1.25rem}.welcome-avatar{width:180px;height:auto}.welcome-title{font-size:2.25rem}.question-chip{padding:.625rem 1rem;font-size:.875rem}.input-area-new{padding:1.25rem 1.5rem}}@media (max-width: 768px){.chat-page-new{margin:.5rem;border-radius:1rem}.header{padding:.75rem}.header-container{flex-direction:row;gap:.5rem;align-items:center;justify-content:space-between}.nav{gap:.3rem;flex-wrap:nowrap}.nav-link{padding:.4rem .65rem;font-size:.8rem}.main-content{padding:.5rem}.welcome-page{padding:1.25rem .75rem}.welcome-content{padding:1.25rem}.welcome-avatar{width:120px;height:auto;margin-bottom:1rem}.welcome-title{font-size:1.5rem;margin-bottom:1.5rem}.popular-questions{gap:.4rem}.question-chip{padding:.4rem .75rem;font-size:.8rem}.chat-page{height:calc(100vh - 140px)}.messages-container{padding:.75rem}.message-content{max-width:85%}.message-ai .message-content{padding:0;max-width:100%}.input-area-new{padding:.75rem;border-radius:1rem 1rem 0 0}.input-container-new{flex-direction:column;gap:.4rem}.chat-input-new,.send-button-new{width:100%}.quick-actions-bar{flex-wrap:wrap;gap:.3rem}.action-button{padding:.4rem .7rem;font-size:.75rem}.gen-form,.gen-result{padding:1rem}.gen-header h1{font-size:1.5rem}.file-preview-item{padding:.5rem}.file-preview-image,.file-preview-icon{width:50px;height:50px}.upload-button{width:100%;justify-content:center}.uploaded-img{max-width:100%}}@media (max-width: 480px){.message-actions{gap:.3rem;margin-top:.5rem;padding-top:.5rem}.action-btn{width:30px;height:30px;font-size:.8rem}.message{gap:.75rem;margin-bottom:1rem}.message-avatar{width:28px;height:28px;font-size:1.125rem}.message-content{max-width:90%;padding:.75rem}.input-area-new{padding:.75rem;border-radius:.75rem .75rem 0 0}.chat-input-new{padding:.75rem 1rem;font-size:.875rem;min-height:44px}.send-button-new{padding:.75rem 1.25rem;font-size:.875rem}.quick-actions-bar{gap:.25rem}.action-button{padding:.3125rem .625rem;font-size:.6875rem;border-radius:1.25rem}.action-icon{font-size:.875rem}.upload-button{width:100%;justify-content:center;padding:.5rem 1rem}.file-preview-item{padding:.5rem;border-radius:1rem}.file-preview-image,.file-preview-icon{width:40px;height:40px}.file-preview-name{font-size:.75rem}.file-preview-size{font-size:.6875rem}.image-options,.translate-options,.poet-options{flex-direction:column;padding:.625rem .75rem;gap:.5rem}.image-option-select,.translate-select,.poet-select{width:100%}.generated-images{grid-template-columns:1fr}.mode-tag{padding:.25rem .75rem;font-size:.75rem}.auth-container{padding:1.5rem}.auth-title{font-size:1.5rem}.ai-mode-options{grid-template-columns:1fr}.settings-container{padding:1rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-page-wrapper{height:100vh;display:flex;flex-direction:column}.chat-page-wrapper .chat-page-new{flex:1;margin:0;border-radius:0;height:calc(100vh - 80px)}.ai-mode-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:.75rem}.ai-mode-option{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-color);border-radius:1rem;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 2px 8px #3b82f614}.ai-mode-option:hover{background:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626,var(--glow-blue)}.ai-mode-option.active{background:linear-gradient(135deg,#3b82f6,#06b6d4);border-color:transparent;color:#fff;box-shadow:0 4px 12px #3b82f64d,var(--glow-blue)}.ai-mode-label{font-weight:600;font-size:1rem;margin-bottom:.25rem}.ai-mode-desc{font-size:.8rem;opacity:.8}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-secondary);background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#dbeafe)}.settings-page{min-height:100vh;padding:2rem 1rem;padding-bottom:80px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#dbeafe);overflow-y:auto}.settings-container{max-width:800px;margin:0 auto}.settings-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,#3b82f6,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-section{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #3b82f626;border:2px solid var(--border-color)}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.section-icon{font-size:1.5rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.option-card{background:#fff;border:2px solid var(--border-color);border-radius:1rem;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.option-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.option-card.active{background:linear-gradient(135deg,#3b82f6,#06b6d4);border-color:transparent;color:#fff;box-shadow:0 4px 12px #3b82f64d}.option-icon{font-size:2rem}.option-label{font-weight:600;font-size:.9rem;text-align:center}.modes-list{display:flex;flex-direction:column;gap:.75rem}.mode-card{background:#fff;border:2px solid var(--border-color);border-radius:1rem;padding:1rem;cursor:pointer;transition:all .3s ease;width:100%;text-align:left}.mode-card:hover{border-color:var(--primary-color);transform:translate(4px);box-shadow:var(--shadow-md)}.mode-card.active{background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border-color:var(--primary-color);border-left:4px solid var(--primary-color)}.mode-header{display:flex;align-items:center;gap:1rem}.mode-icon{font-size:2rem;flex-shrink:0}.mode-info{flex:1}.mode-name{font-weight:600;font-size:1rem;margin-bottom:.25rem;color:var(--text-primary)}.mode-desc{font-size:.85rem;color:var(--text-secondary)}.mode-check{font-size:1.5rem;color:var(--success-color);font-weight:700;flex-shrink:0}.settings-tips{background:#eff6ffcc;border:2px solid var(--border-color);border-radius:1rem;padding:1rem;font-size:.9rem;color:var(--text-secondary)}.settings-tips p{font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.settings-tips ul{list-style:none;padding-left:0}.settings-tips li{padding:.25rem 0 .25rem 1.5rem;position:relative}.settings-tips li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.dark-theme{--background-color: #0f172a;--card-background: #1e293b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--border-color: #334155}.dark-theme body,.dark-theme .settings-page{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}.dark-theme .settings-section,.dark-theme .option-card,.dark-theme .mode-card{background:#1e293be6}.notification-center{max-width:900px;margin:0 auto;padding:2rem;min-height:100vh;background:#fff}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem}.header-right{display:flex;align-items:center}.unread-count{padding:.5rem 1rem;background:#ef44441a;color:#dc2626;border-radius:2rem;font-weight:500}.notification-message{padding:1rem;border-radius:.75rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.notification-message button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit}.notification-message-success{background:#10b9811a;color:#059669}.notification-message-error{background:#ef44441a;color:#dc2626}.notification-content{min-height:400px}.no-user,.no-notifications{text-align:center;padding:4rem 2rem}.no-user-icon,.no-notifications-icon{font-size:4rem;margin-bottom:1rem}.no-user .login-btn{margin-top:1rem;padding:.75rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:.75rem;cursor:pointer;font-weight:500}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification-item{background:#3b82f60d;border:2px solid #e5e7eb;border-radius:1rem;padding:1.25rem;display:flex;gap:1rem;transition:all .2s ease}.notification-item:hover{border-color:#3b82f6}.notification-item.unread{background:#3b82f61a;border-left:4px solid #3b82f6}.notification-item.read{opacity:.8}.notification-status{display:flex;align-items:flex-start}.unread-dot{width:10px;height:10px;background:#3b82f6;border-radius:50%;margin-top:.375rem}.notification-body{flex:1}.notification-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.notification-title{margin:0;font-size:1.1rem;color:var(--text-primary)}.notification-badge{padding:.25rem .75rem;border-radius:.5rem;font-size:.8rem;font-weight:500}.notification-badge.global{background:#10b9811a;color:#065f46}.notification-badge.personal{background:#f59e0b1a;color:#d97706}.notification-content-text{color:var(--text-secondary);line-height:1.5;margin:0 0 .75rem}.notification-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.notification-time{font-size:.85rem;color:#9ca3af}.notification-actions{display:flex;gap:.5rem}.admin-panel{min-height:calc(100vh - 60px);padding:2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#dbeafe)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-header-left{display:flex;align-items:center;gap:1rem}.back-btn{padding:.75rem 1.25rem;background:#3b82f61a;color:#3b82f6;border:2px solid #3b82f6;border-radius:.75rem;cursor:pointer;font-weight:500;transition:all .2s ease}.back-btn:hover{background:#3b82f633}.admin-header h1{font-size:2rem;background:linear-gradient(135deg,#3b82f6,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-message{padding:1rem;border-radius:.75rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.admin-message-success{background:#10b9811a;border:2px solid #10b981;color:#065f46}.admin-message-error{background:#ef44441a;border:2px solid #ef4444;color:#991b1b}.admin-message button{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0 .5rem}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:1rem;box-shadow:0 4px 12px #3b82f61a}.admin-tab{flex:1;padding:1rem;border:none;border-radius:.75rem;background:transparent;cursor:pointer;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.admin-tab:hover{background:#3b82f61a}.admin-tab.active{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff}.tab-count{background:#ffffff4d;padding:.25rem .5rem;border-radius:1rem;font-size:.8rem}.admin-content{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 4px 20px #3b82f626}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.users-header h2{color:var(--text-primary)}.users-stats{display:flex;gap:1.5rem}.stat-item{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.stat-label{font-size:.85rem;color:var(--text-secondary)}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.users-table th{background:#3b82f60d;font-weight:600;color:var(--text-primary)}.users-table tbody tr:hover{background:#3b82f60d}.role-badge{padding:.375rem .75rem;border-radius:2rem;font-size:.8rem;font-weight:500}.role-user{background:#10b9811a;color:#065f46}.role-admin{background:#3b82f61a;color:#1d4ed8}.role-superadmin{background:#8b5cf61a;color:#7c3aed}.status-badge{padding:.375rem .75rem;border-radius:2rem;font-size:.8rem;font-weight:500}.status-active{background:#10b9811a;color:#065f46}.status-banned{background:#ef44441a;color:#991b1b}.user-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.75rem 1.25rem;border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;min-width:100px}.action-edit{background:#3b82f61a;color:#1d4ed8}.action-edit:hover{background:#3b82f633}.action-ban{background:#ef44441a;color:#dc2626}.action-ban:hover{background:#ef444433}.action-unban{background:#10b9811a;color:#059669}.action-unban:hover{background:#10b98133}.action-password{background:#f59e0b1a;color:#d97706}.action-password:hover{background:#f59e0b33}.action-delete:hover{background:#ef444433}.admin-error{text-align:center;padding:4rem}.announcements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.create-announcement-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border:none;border-radius:.75rem;cursor:pointer;font-weight:500;transition:all .3s ease}.create-announcement-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.announcement-info{background:#eff6ffcc;border:2px solid var(--border-color);border-radius:1rem;padding:1.5rem}.info-card h3{margin-bottom:1rem;color:var(--text-primary)}.info-card ul{list-style:none;padding-left:0}.info-card li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary)}.info-card li:before{content:"📋";position:absolute;left:0}.announcements-list{display:flex;flex-direction:column;gap:1rem}.announcement-item{background:#3b82f60d;border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem;transition:all .2s ease}.announcement-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.announcement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.announcement-header h3{margin:0;color:var(--text-primary)}.announcement-meta{display:flex;align-items:center;gap:.75rem}.announcement-meta .badge{padding:.25rem .75rem;border-radius:2rem;font-size:.8rem;font-weight:500}.announcement-meta .badge.global{background:#10b9811a;color:#065f46}.announcement-meta .badge.personal{background:#f59e0b1a;color:#d97706}.announcement-meta .date{font-size:.85rem;color:#9ca3af}.announcement-content{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.announcement-actions{display:flex;justify-content:flex-end}.no-announcements{text-align:center;padding:3rem;color:var(--text-secondary)}.violations-panel{padding:1rem}.violations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.violations-header h2{margin:0;color:var(--text-primary)}.violations-stats{display:flex;gap:.75rem}.stat-badge{padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;font-weight:500}.stat-badge.pending{background:#ef44441a;color:#dc2626}.stat-badge.total{background:#3b82f61a;color:#3b82f6}.violations-list{display:flex;flex-direction:column;gap:1rem}.violation-item{background:#ef44440d;border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem;transition:all .2s ease}.violation-item.pending{border-left:4px solid #dc2626}.violation-item.handled{border-left:4px solid #059669;opacity:.8}.violation-item.ignored{border-left:4px solid #9ca3af;opacity:.6}.violation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.violation-user{display:flex;align-items:center;gap:.5rem}.user-label{font-weight:500;color:var(--text-secondary)}.user-name{font-weight:600;color:var(--text-primary)}.status-tag{padding:.25rem .75rem;border-radius:.5rem;font-size:.85rem;font-weight:500}.status-tag.pending{background:#ef44441a;color:#dc2626}.status-tag.handled{background:#10b9811a;color:#059669}.status-tag.ignored{background:#9ca3af1a;color:#6b7280}.violation-content{margin-bottom:.75rem}.content-label{font-weight:500;color:var(--text-secondary)}.content-text{color:var(--text-primary);word-break:break-word}.violation-keywords{margin-bottom:.75rem}.keywords-label{font-weight:500;color:var(--text-secondary);margin-right:.5rem}.keyword-tag{display:inline-block;padding:.25rem .5rem;background:#ef44441a;color:#dc2626;border-radius:.5rem;font-size:.8rem;margin-right:.5rem;margin-bottom:.25rem}.violation-time{font-size:.85rem;color:#9ca3af;margin-bottom:1rem}.violation-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-remind{background:#f59e0b1a;color:#d97706}.action-remind:hover{background:#f59e0b33}.action-ignore{background:#9ca3af1a;color:#6b7280}.action-ignore:hover{background:#9ca3af33}.no-violations{text-align:center;padding:3rem;color:var(--text-secondary)}.no-violations-icon{font-size:3rem;margin-bottom:1rem}.violation-preview{background:#00000005;padding:1rem;border-radius:.75rem;margin-bottom:1rem}.action-options{display:flex;gap:.75rem;margin-bottom:1rem}.btn-full{flex:1}.tab-count-warning{background:#ef4444e6!important;color:#fff!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:1.5rem;padding:2rem;width:90%;max-width:500px;box-shadow:0 20px 60px #0003}.modal-content.modal-large{max-width:600px}.modal-content h3{margin-bottom:1.5rem;color:var(--text-primary)}.modal-body{display:flex;flex-direction:column;gap:1rem}.modal-body label{font-weight:600;color:var(--text-primary)}.modal-body input,.modal-body select,.modal-body textarea{padding:.75rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:1rem}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:none;border-color:var(--primary-color)}.modal-body textarea{resize:vertical;min-height:100px}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:400!important}.modal-footer{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.btn-cancel{padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:none;border-radius:.75rem;cursor:pointer;font-weight:500}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border:none;border-radius:.75rem;cursor:pointer;font-weight:500}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-danger{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:.75rem;cursor:pointer;font-weight:500}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.user-menu-wrapper{display:flex;align-items:center;gap:1rem}.notifications-btn{position:relative;background:#fff3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:all .3s ease}.notifications-btn:hover{background:#ffffff4d}.poet-nav-btn{position:relative;background:linear-gradient(135deg,#d9770633,#b4530933);border:1.5px solid rgba(217,119,6,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.poet-nav-btn:hover{background:linear-gradient(135deg,#d9770659,#b4530959);border-color:#d9770699;transform:scale(1.1);box-shadow:0 2px 12px #d977064d}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.75rem;padding:.125rem .5rem;border-radius:1rem;min-width:20px;text-align:center}.notifications-panel{position:absolute;top:100%;right:1rem;background:#fff;border-radius:1rem;box-shadow:0 10px 40px #00000026;width:400px;max-height:500px;overflow:hidden;z-index:100}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.notifications-header h3{margin:0;font-size:1rem}.close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0 .5rem}.notifications-list{padding:.5rem;max-height:400px;overflow-y:auto}.no-notifications{padding:2rem;text-align:center;color:var(--text-secondary)}.notification-item{padding:1rem;border-radius:.75rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease}.notification-item.unread{background:#3b82f614;border-left:4px solid var(--primary-color)}.notification-item.read{background:#f9fafb}.notification-item:hover{background:#f3f4f6}.notification-title{font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.notification-content{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.notification-time{font-size:.75rem;color:#9ca3af}.security-question-text{padding:.75rem;background:#3b82f614;border-radius:.5rem;font-weight:500;color:var(--text-primary)}@media (max-width: 768px){.settings-page{padding:1rem .75rem;padding-bottom:80px}.settings-title{font-size:1.5rem;margin-bottom:1.5rem}.settings-section{padding:1rem;border-radius:1rem;margin-bottom:1rem}.section-title{font-size:1.1rem}.options-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.option-card{padding:.75rem}.option-icon{font-size:1.75rem}.option-label{font-size:.85rem}.mode-card{padding:.75rem}.mode-icon{font-size:1.75rem}.mode-name{font-size:.95rem}.mode-desc{font-size:.8rem}}@media (max-width: 480px){.chat-page-new{margin:0;border-radius:0;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#dbeafe)}.header{padding:.6rem .75rem;position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#3b82f6f2,#06b6d4f2);box-shadow:0 2px 12px #3b82f633}.header-container{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.logo{font-size:1.05rem;font-weight:700;letter-spacing:-.3px}.logo-emoji{font-size:1.4rem}.nav{display:flex;gap:.35rem;flex-wrap:nowrap}.nav-link{padding:.45rem .7rem;font-size:.8rem;white-space:nowrap;border-radius:.6rem;font-weight:500;transition:all .2s ease}.nav-link:active{transform:scale(.95)}.messages-container{padding:.75rem;padding-bottom:220px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:linear-gradient(180deg,#ffffff4d,#f0f9ff80)}.message{gap:.6rem;margin-bottom:1rem}.message-avatar{width:32px;height:32px;font-size:1.2rem;flex-shrink:0;box-shadow:0 2px 8px #3b82f626}.message-content{padding:.85rem 1rem;font-size:.95rem;word-break:break-word;overflow-wrap:break-word;max-width:82%;line-height:1.6;border-radius:1.25rem;box-shadow:0 2px 8px #0000000a}.message-user .message-content{border-radius:1.25rem 1.25rem .25rem}.message-ai .message-content{border-radius:1.25rem 1.25rem 1.25rem .25rem}.welcome-page{padding:1.5rem 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#f0f9ff80,#fffc)}.welcome-content{padding:1.5rem 1rem;background:#fffffffa;border-radius:1.5rem;box-shadow:0 4px 20px #3b82f61a}.welcome-avatar{width:120px;height:auto;margin-bottom:1rem;filter:drop-shadow(0 8px 20px rgba(59,130,246,.25));animation:none}.welcome-title{font-size:1.6rem;margin-bottom:1.25rem;letter-spacing:-.5px;animation:none;text-shadow:none}.welcome-desc{font-size:.85rem;margin-bottom:1rem;opacity:.8}.popular-questions{gap:.5rem;margin-top:.5rem}.question-chip{padding:.5rem .85rem;font-size:.8rem;min-height:38px;border-radius:1.5rem;background:#fff;box-shadow:0 2px 8px #3b82f614;transition:all .2s ease}.question-chip:active{transform:scale(.96);background:#3b82f60d}.input-area-new{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));border-radius:1.25rem 1.25rem 0 0;background:#fffffffc;box-shadow:0 -4px 20px #0000000f}.input-container-new{flex-direction:column;gap:.5rem}.chat-input-new{padding:.75rem 1rem;font-size:16px;min-height:44px;border-radius:1.25rem;border:2px solid #e0f2fe;background:#fff;box-shadow:0 2px 8px #3b82f60f}.chat-input-new:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a,0 2px 12px #3b82f626}.send-button-new{padding:.75rem 1.5rem;font-size:.95rem;width:100%;border-radius:1.25rem;font-weight:600;letter-spacing:.3px}.quick-actions-bar{gap:.4rem;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;scrollbar-width:none;margin-top:.25rem}.quick-actions-bar::-webkit-scrollbar{display:none}.action-button{padding:.5rem .85rem;font-size:.75rem;border-radius:1.5rem;white-space:nowrap;flex-shrink:0;min-height:38px;background:#fff;border:1.5px solid #e0f2fe;box-shadow:0 2px 6px #3b82f60f;transition:all .2s ease}.action-button:active{transform:scale(.95)}.action-button.active{box-shadow:0 4px 12px #3b82f633}.action-icon{font-size:1rem}.action-label{display:none}.mode-tag{padding:.45rem .8rem;font-size:.85rem;border-radius:1.25rem;font-weight:600;box-shadow:0 2px 8px #0000001a;margin-bottom:.5rem}.settings-toggle-btn{position:fixed;top:12px;left:12px;width:46px;height:46px;font-size:1.3rem;box-shadow:0 4px 15px #3b82f64d;border:2px solid rgba(255,255,255,.3)}.settings-toggle-btn-top{top:12px!important;bottom:auto!important}.settings-toggle-btn:active{transform:scale(.9) rotate(30deg)}.settings-panel{width:90%;max-width:500px;max-height:80vh;border-radius:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0003;animation:fadeInScale .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.settings-panel-header{padding:1rem;border-bottom:2px solid rgba(186,230,253,.5)}.settings-panel-header h2{font-size:1.25rem;font-weight:700}.close-settings{width:36px;height:36px;font-size:1.8rem;border-radius:50%;background:#0000000d}.close-settings:active{background:#0000001a;transform:scale(.9)}.settings-panel-content{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.options-grid-small{grid-template-columns:repeat(2,1fr);gap:.5rem}.option-card-small{padding:.8rem .6rem;border-radius:1rem;background:#fff;border:2px solid #e0f2fe;box-shadow:0 2px 8px #3b82f60f;transition:all .2s ease}.option-card-small:active{transform:scale(.96)}.option-card-small.active{border-color:var(--primary-color);background:linear-gradient(135deg,#3b82f61a,#06b6d41a);box-shadow:0 4px 12px #3b82f626}.option-icon-small{font-size:1.8rem}.option-label-small{font-size:.85rem;font-weight:600}.mode-card-small{padding:.8rem;border-radius:1rem;background:#fff;border:2px solid #e0f2fe;box-shadow:0 2px 8px #3b82f60f;transition:all .2s ease}.mode-card-small:active{transform:scale(.98)}.mode-card-small.active{border-color:var(--primary-color);background:linear-gradient(135deg,#3b82f614,#06b6d414);box-shadow:0 4px 12px #3b82f61f}.mode-icon-small{font-size:1.8rem}.mode-name-small{font-size:.95rem;font-weight:600}.mode-desc-small{font-size:.8rem;line-height:1.4;opacity:.8}pre{overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.8rem}.message-image{max-width:100%;height:auto;border-radius:.5rem}.file-preview-item{padding:.6rem;border-radius:1rem;background:#fff;box-shadow:0 2px 8px #fbbf2426}.file-preview-image,.file-preview-icon{width:50px;height:50px;border-radius:.6rem}.upload-button{padding:.6rem 1rem;font-size:.8rem;width:100%;justify-content:center;border-radius:1.25rem;font-weight:600;box-shadow:0 2px 8px #f59e0b40}.translate-options{flex-direction:column;padding:.7rem .9rem;gap:.6rem;background:#f0fdf4f2;border-radius:1rem;box-shadow:0 2px 8px #10b9811a}.translate-label{font-size:.85rem;font-weight:600;color:#059669}.translate-select{width:100%;padding:.6rem .8rem;border-radius:.8rem;font-size:.9rem}.poet-options{flex-direction:column;padding:.7rem .9rem;gap:.6rem;background:#fff7edf2;border-radius:1rem;box-shadow:0 2px 8px #d977061a}.poet-label{font-size:.85rem;font-weight:600;color:#b45309}.poet-select{width:100%;padding:.6rem .8rem;border-radius:.8rem;font-size:.9rem}更美�?*/ .image-options{padding:.7rem .9rem;background:#eff6fff2;border-radius:1rem;box-shadow:0 2px 8px #3b82f61a}.image-option-select{width:100%;padding:.6rem .8rem;border-radius:.8rem;font-size:.9rem}}.settings-toggle-btn{position:fixed;bottom:20px;left:20px;width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d;z-index:99;display:flex;align-items:center;justify-content:center}.settings-toggle-btn:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #3b82f666}.settings-toggle-btn:active{transform:scale(.95)}.settings-toggle-btn-top{top:80px!important;bottom:auto!important}.settings-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.settings-panel{width:90%;max-width:600px;max-height:80vh;background:#fff;border-radius:1rem;box-shadow:0 10px 40px #0003;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-panel-header{padding:1.5rem;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#3b82f60d,#06b6d40d)}.settings-panel-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.close-settings{width:40px;height:40px;border:none;background:#0000000d;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.close-settings:hover{background:#0000001a;color:var(--text-primary);transform:rotate(90deg)}.settings-panel-content{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 80px)}.settings-section-small{margin-bottom:2rem}.section-title-small{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-icon{font-size:1.3rem}.options-grid-small{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.option-card-small{padding:1rem;border-radius:.75rem;background:#fff;border:2px solid var(--border-color);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm)}.option-card-small:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.option-card-small.active{border-color:var(--primary-color);background:linear-gradient(135deg,#3b82f61a,#06b6d41a);box-shadow:0 4px 12px #3b82f633}.option-icon-small{font-size:2rem}.option-label-small{font-size:.9rem;font-weight:600;color:var(--text-primary)}.mode-card-small{width:100%;padding:1rem;border-radius:.75rem;background:#fff;border:2px solid var(--border-color);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-sm)}.mode-card-small:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.mode-card-small.active{border-color:var(--primary-color);background:linear-gradient(135deg,#3b82f61a,#06b6d41a);box-shadow:0 4px 12px #3b82f633}.mode-icon-small{font-size:2rem}.mode-label-small{font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:center;width:100%}.mode-desc-small{font-size:.8rem;color:var(--text-secondary);text-align:center;line-height:1.4;width:100%}.modes-list-small{display:flex;flex-direction:column;gap:.75rem;width:100%}.mobile-quick-actions-scroll,.mobile-input-container{display:none}@media (max-width: 480px){.input-container-new,.quick-actions-bar{display:none!important}.mobile-quick-actions-scroll{display:flex!important;gap:.5rem;overflow-x:auto;padding:.5rem .75rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-quick-actions-scroll::-webkit-scrollbar{display:none}.mobile-action-pill{display:flex;align-items:center;gap:.4rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-color);border-radius:1.5rem;padding:.5rem 1rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;min-height:44px;box-shadow:0 2px 8px #3b82f614;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mobile-action-pill:active{transform:scale(.95);background:#fff;border-color:var(--primary-color);color:var(--primary-color)}.mobile-action-pill.active{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border-color:transparent;box-shadow:0 4px 12px #3b82f64d,var(--glow-blue)}.pill-icon{font-size:1rem}.pill-label{font-weight:500}.mobile-input-container{display:flex!important;flex-direction:column;gap:.5rem;padding:.75rem;background:#fff;border-radius:1.5rem;box-shadow:0 4px 20px #3b82f626;margin:.5rem .75rem}.mobile-input-row{display:flex;align-items:center;gap:.5rem}.mobile-mode-tag{align-self:flex-start;margin-bottom:.25rem}.mobile-image-preview{display:flex;gap:.5rem;padding:.5rem;overflow-x:auto;margin-bottom:.5rem}.preview-item{position:relative;width:80px;height:80px;border-radius:.75rem;overflow:hidden;flex-shrink:0;border:2px solid #e0f2fe}.preview-img{width:100%;height:100%;object-fit:cover}.preview-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.preview-remove:hover{background:#000c;transform:scale(1.1)}.mobile-image-size-select{height:36px;border:1.5px solid #e0f2fe;background:#fff;border-radius:1rem;padding:0 .75rem;font-size:.85rem;color:var(--text-primary);outline:none;cursor:pointer;transition:all .2s ease}.mobile-image-size-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.mobile-language-select{height:36px;border:1.5px solid #e0f2fe;background:#fff;border-radius:1rem;padding:0 .75rem;font-size:.85rem;color:var(--text-primary);outline:none;cursor:pointer;transition:all .2s ease}.mobile-language-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.mobile-poet-select{height:36px;border:1.5px solid #fde68a;background:#fff;border-radius:1rem;padding:0 .75rem;font-size:.85rem;color:var(--text-primary);outline:none;cursor:pointer;transition:all .2s ease}.mobile-poet-select:focus{border-color:#d97706;box-shadow:0 0 0 3px #d977061a}.mobile-input-icon-btn{width:40px;height:40px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0;position:relative}.mobile-input-icon-btn:active{transform:scale(.9);background:#3b82f61a;color:var(--primary-color)}.mobile-text-input{flex:1;height:40px;border:none;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:1.5rem;padding:0 1rem;font-size:1rem;color:var(--text-primary);outline:none;transition:all .2s ease}.mobile-text-input::placeholder{color:var(--text-secondary);opacity:.6}.mobile-text-input:focus{background:linear-gradient(135deg,#e0f2fe,#bae6fd);box-shadow:0 0 0 3px #3b82f61a}.mobile-text-input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.mobile-send-btn{width:40px;height:40px;border:none;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #3b82f64d}.mobile-send-btn:active{transform:scale(.9);box-shadow:0 4px 12px #3b82f666}.mobile-send-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none}.input-area-new{padding:0;padding-bottom:env(safe-area-inset-bottom);border-radius:0;background:transparent;box-shadow:none}}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{width:90%;max-width:420px;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 25px 60px #0000004d;padding:2.5rem 2rem 2rem;position:relative;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(186,230,253,.5)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;background:#0000000d;border:none;border-radius:50%;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.auth-close:hover{background:#0000001a;color:var(--text-primary);transform:rotate(90deg)}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-size:3.5rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;color:#dc2626;padding:.875rem 1rem;border-radius:12px;font-size:.875rem;font-weight:500;text-align:center}.auth-field{display:flex;flex-direction:column;gap:.5rem}.auth-field label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.auth-field input{padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;font-family:inherit;background:#fff;transition:all .2s ease;box-shadow:0 2px 6px #3b82f60f}.auth-field input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #3b82f61a,0 2px 8px #3b82f626}.auth-field input::placeholder{color:#94a3b8}.auth-submit{padding:1rem;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;letter-spacing:.5px;margin-top:.5rem}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin-top:1.5rem;text-align:center}.auth-switch p{color:var(--text-secondary);font-size:.9rem}.auth-switch button{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease}.auth-switch button:hover{background:#3b82f61a;text-decoration:underline}@media (max-width: 480px){.auth-modal{width:95%;padding:2rem 1.5rem 1.5rem;border-radius:20px}.auth-logo{font-size:3rem}.auth-header h2{font-size:1.5rem}}.footer{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;padding:2rem 2rem 1rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;align-items:start}.footer-left{text-align:left}.footer-brand{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff}.footer-desc{font-size:.875rem;color:#ffffffd9;line-height:1.6}.footer-center{text-align:center}.footer-main-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff;letter-spacing:-.02em}.footer-links{display:flex;flex-direction:column;gap:.5rem;align-items:center}.footer-link{color:#ffffffd9;text-decoration:none;font-size:.875rem;transition:color .3s ease}.footer-link:hover{color:#fff}.footer-right{text-align:right}.footer-social-title{font-size:.875rem;color:#ffffffd9;margin-bottom:.75rem}.footer-social{display:flex;justify-content:flex-end;gap:1rem}.social-link{width:20px;height:20px;color:#ffffffd9;transition:color .3s ease;cursor:pointer}.social-link:hover{color:#fff}.social-icon{width:100%;height:100%}.footer-bottom{max-width:1200px;margin:1.5rem auto 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.3);text-align:center}.footer-bottom p{font-size:.75rem;color:#ffffffe6}@media (max-width: 768px){.footer{padding:1rem 1rem .5rem}.footer-container{grid-template-columns:1fr;gap:.75rem;text-align:center}.footer-left{display:none}.footer-right{text-align:center}.footer-social{justify-content:center;gap:.75rem}.footer-main-title{font-size:1.25rem;margin-bottom:.5rem}.footer-links{gap:.25rem}.footer-link{font-size:.75rem}.footer-social-title{font-size:.75rem;margin-bottom:.5rem}.social-link{width:16px;height:16px}.footer-bottom{margin-top:.75rem;padding-top:.75rem}.footer-bottom p{font-size:.625rem}}.notification-meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.meta-item{font-size:.8rem;color:var(--text-secondary);padding:.25rem .5rem;background:#3b82f60d;border-radius:.375rem}.notification-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.5rem .875rem;border:none;border-radius:.5rem;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.375rem}.action-view{background:#3b82f61a;color:#1d4ed8}.action-view:hover{background:#3b82f633;transform:translateY(-1px)}.action-read{background:#10b9811a;color:#059669}.action-read:hover{background:#10b98133;transform:translateY(-1px)}.action-delete{background:#ef44441a;color:#dc2626}.action-delete:hover{background:#ef444433;transform:translateY(-1px)}.detail-row{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.detail-row:last-of-type{border-bottom:none}.detail-row label{font-weight:600;color:var(--text-secondary);min-width:80px;font-size:.875rem}.detail-row span{color:var(--text-primary);font-size:.875rem;flex:1}.detail-content{margin-top:.75rem}.detail-content label{font-weight:600;color:var(--text-secondary);font-size:.875rem;display:block;margin-bottom:.5rem}.detail-content p{color:var(--text-primary);line-height:1.6;padding:1rem;background:#eff6ff80;border-radius:.5rem;border:1px solid #e0f2fe;word-break:break-word}.modal-footer{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f1f5f9;justify-content:flex-end;flex-wrap:wrap}.btn-cancel{padding:.625rem 1.25rem;background:#f1f5f9;color:#64748b;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-cancel:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-confirm{padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-danger{padding:.625rem 1.25rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.modal-large{max-width:600px!important;width:95%!important}.notification-item{cursor:pointer;transition:all .2s ease}.notification-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.notification-item.unread:hover{border-left-color:#1d4ed8}.history-toggle-btn{position:fixed;top:12px;left:70px;width:46px;height:46px;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d;z-index:101;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3)}.history-toggle-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #3b82f666}.history-toggle-btn:active{transform:scale(.9)}.history-icon{width:24px;height:24px}.history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.history-modal{width:90%;max-width:500px;max-height:80vh;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 25px 60px #0000004d;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(186,230,253,.5)}.history-modal-header{padding:1.5rem;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#3b82f60d,#06b6d40d)}.history-modal-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.history-modal-close{width:36px;height:36px;background:#0000000d;border:none;border-radius:50%;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.history-modal-close:hover{background:#0000001a;color:var(--text-primary);transform:rotate(90deg)}.history-modal-content{padding:1.5rem;max-height:50vh;overflow-y:auto}.history-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.history-empty{text-align:center;padding:3rem 1rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.history-empty p{color:var(--text-secondary);font-size:1rem}.history-list{display:flex;flex-direction:column;gap:1.5rem}.history-date-group{display:flex;flex-direction:column;gap:.5rem}.history-date-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.history-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#fff;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #3b82f60f}.history-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f626;transform:translate(4px)}.history-item.active{background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f633}.history-item-content{flex:1;min-width:0}.history-item-title{font-size:.95rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-delete{width:28px;height:28px;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-left:.75rem;line-height:1}.history-item-delete:hover{background:#ef444433;transform:scale(1.1)}.history-modal-footer{padding:1.5rem;border-top:2px solid var(--border-color);background:linear-gradient(135deg,#3b82f60d,#06b6d40d)}.new-session-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;letter-spacing:.5px}.new-session-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.new-session-btn:active{transform:translateY(0)}@media (max-width: 768px){.history-toggle-btn{top:12px;left:66px;width:42px;height:42px}.history-icon{width:20px;height:20px}.history-modal{width:95%;max-height:85vh;border-radius:20px}.history-modal-header{padding:1.25rem}.history-modal-header h2{font-size:1.25rem}.history-modal-content{padding:1.25rem;max-height:55vh}.history-item{padding:.75rem .875rem}.history-item-title{font-size:.875rem}.history-modal-footer{padding:1.25rem}.new-session-btn{padding:.875rem;font-size:.95rem}}.poet-page{min-height:100vh;background:linear-gradient(180deg,#f5f0e8,#e8dcc8,#d4c4a8 60%,#c4b494);position:relative;overflow:hidden;font-family:STKaiti,KaiTi,楷体,STSong,SimSun,serif;display:flex;flex-direction:column}.poet-bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.poet-mountain{position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(180deg,transparent 0%,rgba(139,119,90,.15) 40%,rgba(139,119,90,.25) 100%);clip-path:polygon(0% 100%,5% 60%,12% 75%,20% 45%,28% 65%,35% 35%,42% 55%,50% 25%,58% 50%,65% 30%,72% 52%,80% 38%,88% 58%,95% 42%,100% 60%,100% 100%)}.poet-cloud{position:absolute;background:radial-gradient(ellipse at center,rgba(255,255,255,.6) 0%,transparent 70%);border-radius:50%;animation:poetCloudFloat 20s ease-in-out infinite}.poet-cloud-1{width:300px;height:80px;top:10%;left:-100px;animation-duration:25s}.poet-cloud-2{width:200px;height:60px;top:5%;left:40%;animation-duration:30s;animation-delay:-5s}.poet-cloud-3{width:250px;height:70px;top:8%;right:-80px;animation-duration:22s;animation-delay:-10s}@keyframes poetCloudFloat{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(30px) scale(1.05);opacity:.7}50%{transform:translate(0) scale(1);opacity:.5}75%{transform:translate(-30px) scale(1.05);opacity:.7}}.poet-header{position:relative;z-index:1;padding:1.5rem 2rem 1rem;text-align:center;background:linear-gradient(180deg,rgba(180,160,130,.4) 0%,transparent 100%)}.poet-back-btn{position:absolute;left:1.5rem;top:1.5rem;background:#b4a0824d;border:1.5px solid rgba(139,119,90,.4);color:#5c4a32;padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .3s ease}.poet-back-btn:hover{background:#b4a08280;border-color:#8b775ab3;transform:translate(-2px)}.poet-page-title{font-size:2.2rem;font-weight:700;color:#5c4a32;margin-bottom:.25rem;letter-spacing:.3em;text-shadow:2px 2px 4px rgba(139,119,90,.2)}.poet-page-subtitle{font-size:1rem;color:#8b775a;letter-spacing:.5em}.poet-selector{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;padding:.75rem 1rem;max-width:900px;margin:0 auto;width:100%}.poet-selector-card{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem 1rem;background:#ffffff80;border:1.5px solid transparent;border-radius:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8b775a14;min-width:80px}.poet-selector-card:hover{background:#ffffffb3;transform:translateY(-2px);box-shadow:0 4px 12px #8b775a26}.poet-selector-card.active{background:#ffffffe6;box-shadow:0 4px 16px #8b775a33;transform:translateY(-3px)}.poet-selector-icon{font-size:1.5rem;line-height:1}.poet-selector-name{font-size:.95rem;font-weight:700;color:#5c4a32;line-height:1}.poet-selector-title{font-size:.7rem;color:#8b775a;line-height:1}.poet-chat-area{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;max-width:800px;width:100%;margin:0 auto;padding:1rem;gap:1rem;min-height:0}.poet-greeting{text-align:center;padding:2rem 1.5rem;background:#fff9;border:1.5px solid rgba(180,160,130,.3);border-radius:1.5rem;box-shadow:0 4px 20px #8b775a1a;animation:fadeInUp .5s ease}.poet-greeting-avatar{font-size:3rem;margin-bottom:.5rem}.poet-greeting-name{font-size:1.8rem;font-weight:700;color:#5c4a32;letter-spacing:.2em}.poet-greeting-title{font-size:1rem;color:#8b775a;margin-bottom:.5rem;letter-spacing:.3em}.poet-greeting-desc{font-size:.9rem;color:#a0907a;margin-bottom:1rem;font-style:italic}.poet-greeting-text{font-size:1.05rem;color:#6b5c44;line-height:1.8;padding:1rem 1.5rem;background:#ffffff80;border-radius:1rem;border-left:3px solid rgba(180,160,130,.5);text-align:left;font-style:italic}.poet-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:.5rem 0;scroll-behavior:smooth;min-height:200px}.poet-message{display:flex;align-items:flex-start;gap:.75rem;animation:fadeInUp .3s ease}.poet-message-user{flex-direction:row-reverse}.poet-message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;background:#b4a08233;border:1.5px solid rgba(180,160,130,.3)}.poet-message-avatar.user-avatar{background:#3b82f61a;border-color:#3b82f633;font-size:1rem}.poet-message-bubble{max-width:75%;padding:.75rem 1rem;border-radius:1rem;font-size:.95rem;line-height:1.7}.poet-bubble-ai{background:#ffffffd9;border:1.5px solid rgba(180,160,130,.3);color:#5c4a32;border-top-left-radius:.25rem;box-shadow:0 2px 8px #8b775a14}.poet-bubble-user{background:linear-gradient(135deg,#b4a08240,#a08c6e40);border:1.5px solid rgba(180,160,130,.3);color:#4a3a28;border-top-right-radius:.25rem}.poet-loading{display:flex;align-items:flex-start;gap:.75rem;animation:fadeInUp .3s ease}.poet-loading-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;background:#b4a08233;border:1.5px solid rgba(180,160,130,.3)}.poet-loading-bubble{background:#ffffffd9;border:1.5px solid rgba(180,160,130,.3);border-radius:1rem 1rem 1rem .25rem;padding:.75rem 1.25rem;display:flex;gap:.15rem;align-items:center;box-shadow:0 2px 8px #8b775a14}.poet-loading-bubble span,.poet-loading-content span{font-size:1rem;color:#8b775a;animation:poetThinking 1.4s infinite ease-in-out both}.poet-loading-bubble span:nth-child(1),.poet-loading-content span:nth-child(1){animation-delay:-.5s}.poet-loading-bubble span:nth-child(2),.poet-loading-content span:nth-child(2){animation-delay:-.4s}.poet-loading-bubble span:nth-child(3),.poet-loading-content span:nth-child(3){animation-delay:-.3s}.poet-loading-bubble span:nth-child(4),.poet-loading-content span:nth-child(4){animation-delay:-.2s}.poet-loading-bubble span:nth-child(5),.poet-loading-content span:nth-child(5){animation-delay:-.1s}.poet-loading-bubble span:nth-child(6),.poet-loading-content span:nth-child(6){animation-delay:0s}@keyframes poetThinking{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.poet-input-area{display:flex;gap:.75rem;padding:.75rem 1rem;background:#ffffffb3;border:1.5px solid rgba(180,160,130,.3);border-radius:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #8b775a1a}.poet-input{flex:1;border:none;background:transparent;padding:.5rem .75rem;font-size:.95rem;font-family:inherit;color:#5c4a32;outline:none}.poet-input::placeholder{color:#a0907a;font-style:italic}.poet-send-btn{background:linear-gradient(135deg,#8b775a,#6b5c44);border:none;color:#fff;width:44px;height:44px;border-radius:50%;font-size:1.1rem;font-family:inherit;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #8b775a4d;flex-shrink:0}.poet-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #8b775a66}.poet-send-btn:disabled{opacity:.4;cursor:not-allowed}.poet-bubble-ai p{margin-bottom:.5rem}.poet-bubble-ai p:last-child{margin-bottom:0}.poet-bubble-ai pre{background:#8b775a1a;border:1px solid rgba(139,119,90,.2);border-radius:.75rem;padding:.75rem;overflow-x:auto;margin:.5rem 0}.poet-bubble-ai code{font-family:Fira Code,Consolas,monospace;font-size:.85rem}.poet-bubble-ai ul,.poet-bubble-ai ol{padding-left:1.5rem;margin:.5rem 0}@media (max-width: 768px){.poet-page-title{font-size:1.6rem}.poet-page-subtitle{font-size:.85rem}.poet-header{padding:1rem 1rem .5rem}.poet-back-btn{left:.75rem;top:1rem;padding:.4rem .75rem;font-size:.8rem}.poet-selector{gap:.4rem;padding:.5rem}.poet-selector-card{padding:.4rem .6rem;min-width:65px}.poet-selector-icon{font-size:1.2rem}.poet-selector-name{font-size:.8rem}.poet-selector-title{display:none}.poet-chat-area{padding:.75rem}.poet-message-bubble{max-width:85%;font-size:.9rem}.poet-greeting-name{font-size:1.4rem}}