html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}:root.dark{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}:root.dark #social .button-icon{filter:invert()brightness(2)}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;margin:0;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}:root{--bg:#0b0e11;--social-bg:#15191d;--sidebar-bg:#202123;--sidebar-text:#ececf1;--sidebar-hover:#2a2b32;--sidebar-border:#ffffff1a;--accent:#10a37f;--accent-bg:#10a37f1a;--accent-border:#10a37f33;--border:#2d333b;--text:#c9d1d9;--text-h:#fff;--shadow:0 4px 20px #0009;--lightbox-bg:#000000f2;--lightbox-btn-bg:#ffffff1a;--lightbox-btn-text:#fff}.light{--bg:#fff;--social-bg:#f3f4f6;--sidebar-bg:#f9f9fb;--sidebar-text:#111827;--sidebar-hover:#e5e7eb;--sidebar-border:#e5e7eb;--border:#e5e7eb;--text:#1f2937;--text-h:#000;--shadow:0 2px 12px #00000014;--lightbox-bg:#fff;--lightbox-btn-bg:#0000000d;--lightbox-btn-text:#000}.light .header-btn,.light .header-ai-toggle,.light .header-actions-pill,.light .scroll-bottom-btn{color:var(--text-h);background-color:#fff9;border:1px solid #00000014;box-shadow:0 2px 8px #0000000d}.light .header-btn:hover,.light .header-ai-toggle:hover,.light .header-actions-pill:hover,.light .scroll-bottom-btn:hover{border-color:var(--accent);background-color:#ffffffe6}.light .ai-text,.light .action-pill-btn{color:var(--text-h)}.light .hamburger-icon span{background-color:var(--text-h)}.light .mini-toggle{background-color:#0000001a}.light .scroll-bottom-btn{background-color:#fffffff2}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}button,a,input,select,textarea,.session-item,.profile-pill,.control-pill,.icon-btn,.picker-item{-webkit-tap-highlight-color:transparent;outline:none}button:focus:not(:focus-visible),a:focus:not(:focus-visible),div:focus:not(:focus-visible){box-shadow:none;outline:none}.app-layout{width:100%;height:100dvh;display:flex}.main-content{background-color:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.chat-header{z-index:1000;pointer-events:none;background-color:#0000;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0;transform:none!important}.chat-header>*{pointer-events:auto}.header-left,.header-right{align-items:center;gap:.8rem;display:flex}.header-left{pointer-events:auto}.header-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:flex}.header-btn:hover{background-color:#000000b3}.hamburger-icon{flex-direction:column;justify-content:space-between;width:20px;height:8px;display:flex;position:relative}.hamburger-icon span{background-color:#fff;border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.hamburger-icon span:nth-child(2){width:70%}.hamburger-icon.open span:first-child{width:100%;transform:translateY(3px)rotate(45deg)}.hamburger-icon.open span:nth-child(2){width:100%;transform:translateY(-3px)rotate(-45deg)}.hamburger-icon span:nth-child(3){display:none}.header-ai-toggle{cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-user-select:none;user-select:none;background-color:#00000080;border:1px solid #0000;border-radius:999px;align-items:center;gap:.6rem;height:44px;padding:.6rem 1.2rem;transition:all .2s;display:flex}.header-ai-toggle.active{background-color:#10a37f26;animation:3s linear infinite ai-glow}@keyframes ai-glow{0%{border-color:#10a37f;box-shadow:0 0 10px #10a37f66}33%{border-color:#8e44ad;box-shadow:0 0 15px #8e44ad66}66%{border-color:#3498db;box-shadow:0 0 15px #3498db66}to{border-color:#10a37f;box-shadow:0 0 10px #10a37f66}}.ai-text{color:#fff;font-size:1rem;font-weight:600}.header-ai-toggle.active .ai-text{color:var(--accent)}.mini-toggle{background-color:#fff3;border-radius:999px;width:28px;height:16px;transition:background-color .2s;position:relative}.mini-toggle.on{background-color:var(--accent)}.mini-toggle-thumb{background-color:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px}.mini-toggle.on .mini-toggle-thumb{transform:translate(12px)}.header-actions-pill{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#00000080;border-radius:999px;align-items:center;height:44px;padding:0 .5rem;display:flex}.action-pill-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;height:100%;padding:0 .8rem;font-size:1.2rem;transition:opacity .2s;display:flex}.action-pill-btn:hover{opacity:.7}.session-menu-container{align-items:center;height:100%;display:flex;position:relative}.session-dropdown{border:1px solid var(--sidebar-border);z-index:2000;background-color:#202123;border-radius:1rem;width:220px;padding:.5rem;animation:.2s ease-out fadeIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 40px #00000080}.dropdown-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.6rem;align-items:center;gap:.8rem;width:100%;padding:.8rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.dropdown-item:hover{background-color:var(--sidebar-hover)}.dropdown-item:focus:not(:focus-visible),.header-btn:focus:not(:focus-visible){color:var(--text);box-shadow:none;background-color:#0000;outline:none;transform:none}.header-btn:focus:not(:focus-visible){color:#fff;background-color:#00000080}.dropdown-item.delete{color:#ff4d4d}.dropdown-item.delete:hover{background-color:#ff4d4d1a}.dropdown-overlay{z-index:1500;pointer-events:auto;background:0 0;position:fixed;inset:0}.lightbox{background-color:var(--lightbox-bg);z-index:3000;cursor:zoom-out;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.lightbox-content{justify-content:center;align-items:center;width:95vw;height:95vh;display:flex;position:relative}.lightbox-thumb,.lightbox-hd{object-fit:contain;max-width:100%;max-height:100%;transition:opacity .4s ease-out;position:absolute}.lightbox-thumb{z-index:1;filter:blur(15px);transform:scale(1.02)}.lightbox-hd{z-index:2;transform-origin:50%;transition:transform .1s ease-out,opacity .4s ease-in;box-shadow:0 0 50px #0000004d}.lightbox-actions{align-items:center;gap:1rem;display:flex;position:absolute;top:20px;right:20px}.lightbox-btn{background:var(--lightbox-btn-bg);border:1px solid var(--border);color:var(--lightbox-btn-text);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.8rem;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:0;font-size:1.2rem;font-weight:600;transition:all .2s;display:flex}.lightbox-btn:focus:not(:focus-visible),.theme-btn:focus:not(:focus-visible){background-color:var(--lightbox-btn-bg);border-color:var(--border);color:var(--lightbox-btn-text);box-shadow:none;outline:none;transform:none}.theme-btn:focus:not(:focus-visible){background-color:var(--social-bg);color:var(--text-h)}.lightbox-btn:focus:not(:focus-visible) *{color:inherit!important}@media (hover:hover){.lightbox-btn:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}}.lightbox-btn.favorite.active{background:#ff4b4b26;border-color:#ff4b4b}.lightbox-btn.close{font-size:1.8rem}.lightbox-btn.go-to-chat{background:var(--accent);color:#fff;border-color:#0000}.image-overlay-heart{z-index:10;pointer-events:none;font-size:4rem;animation:.8s ease-out forwards heartBurst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes heartBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@media (width<=768px){.lightbox-btn{width:44px;height:44px;font-size:1.1rem}}.fadeIn{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-loader{color:#10a37f;background:#0b0e11;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100vw;height:100vh;font-size:1.2rem;font-weight:700;display:flex}.login-screen{background-color:var(--bg);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.theme-toggle-corner{position:absolute;top:2rem;right:2rem}.login-form{background-color:var(--social-bg);border:1px solid var(--border);border-radius:1.5rem;flex-direction:column;gap:1.5rem;width:100%;max-width:450px;padding:3rem;display:flex;box-shadow:0 20px 50px #00000080}.login-header{text-align:center;margin-bottom:1rem}.login-icon{margin-bottom:1rem;font-size:3rem}.login-form h1{color:var(--text-h);margin:0;font-size:2rem}.login-subtitle{color:var(--text);opacity:.7;margin-top:.5rem}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text);font-size:.9rem;font-weight:600}.input-group input{background:var(--bg);border:1px solid var(--border);color:var(--text-h);border-radius:.6rem;outline:none;padding:.8rem;font-size:1rem}.input-group input:focus{border-color:var(--accent)}.input-group input.error{border-color:#ff4d4d}.error-msg{color:#ff4d4d;margin-top:.2rem;font-size:.8rem}.login-form button{background:linear-gradient(135deg, var(--accent) 0%, #0d8a6a 100%);color:#fff;cursor:pointer;border:none;border-radius:.6rem;margin-top:.5rem;padding:.8rem;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}@media (hover:hover){.login-form button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 15px #10a37f4d}}.login-form button:active{transform:translateY(0)}.login-form button:disabled{opacity:.6;cursor:not-allowed}.theme-btn{background-color:var(--social-bg);border:1px solid var(--border);color:var(--text-h);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex}@media (hover:hover){.theme-btn:hover{background-color:var(--accent-bg);border-color:var(--accent);transform:scale(1.1)}}.welcome-screen{text-align:center;opacity:.9;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.welcome-icon{margin-bottom:2rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.welcome-screen h1{color:var(--text-h);letter-spacing:-1px;font-size:2.5rem;font-weight:800}@media (width<=768px){.welcome-screen h1{font-size:2.2rem;line-height:1.4}}.markdown-logs h1,.markdown-logs h2{color:var(--accent);margin-top:1.5rem;margin-bottom:1rem}.markdown-logs p{opacity:.9;margin-bottom:1rem}.markdown-logs ul{margin-bottom:1.5rem;padding-left:1.5rem}.markdown-logs li{margin-bottom:.5rem}.user-table-wrapper{width:100%;margin-top:1rem;overflow-x:auto}.user-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.user-table th{border-bottom:2px solid var(--border);color:var(--accent);padding:1rem;font-weight:700}.user-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:1rem}.user-actions-cell{min-width:150px}.gallery-filter-fav{background:var(--social-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;outline:none;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-weight:700;transition:all .2s;display:flex}.gallery-filter-fav:focus:not(:focus-visible){box-shadow:none;outline:none}.control-group{background-color:var(--social-bg);border:1px solid var(--border);border-radius:999px;padding:3px;display:flex}.control-pill{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:999px;outline:none;padding:.5rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.control-pill.active{background-color:var(--accent);color:#fff;box-shadow:0 4px 10px #10a37f4d}@media (hover:hover){.control-pill:not(.active):hover{background-color:var(--sidebar-hover);color:var(--text-h)}}.scroll-bottom-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:50px;height:50px;color:var(--text);border:1px solid var(--border);cursor:pointer;z-index:2000;pointer-events:auto;background-color:#1c1c1cfc;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s ease-out slideUp;display:flex;position:absolute;bottom:104px;left:2rem;box-shadow:0 4px 20px #0000004d}.light .scroll-bottom-btn{color:var(--text-h);border:1px solid var(--border);background-color:#ffffffb3;box-shadow:0 4px 15px #0000000d}.light .scroll-bottom-btn:hover{background-color:#ffffffe6}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.scroll-bottom-btn:hover{background-color:var(--sidebar-hover);color:#fff;border-color:var(--accent);transform:translateY(-3px)}}.scroll-bottom-btn:active{transform:translateY(0)}.scroll-bottom-btn.options-open{bottom:204px}@media (width<=768px){.scroll-bottom-btn{width:50px;height:50px;bottom:92px;left:.4rem}.scroll-bottom-btn.options-open{bottom:192px}}.click-feedback{background-color:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 0 25px var(--accent)!important;opacity:1!important;z-index:9999!important;animation:.4s cubic-bezier(.175,.885,.32,1.275) click-pop!important}@keyframes click-pop{0%{transform:scale(1)}20%{transform:scale(.9)}to{transform:scale(1)}}.click-feedback *{color:#fff!important;stroke:#fff!important}.sidebar{background-color:var(--sidebar-bg);z-index:5000;border-right:1px solid var(--sidebar-border);flex-direction:column;width:260px;height:100dvh;padding:.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;box-shadow:10px 0 30px #0000004d}.sidebar.closed{pointer-events:none;transform:translate(-100%)}.sidebar-overlay{z-index:4000;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:none;position:fixed;top:0;left:0}.sidebar-overlay.visible{display:block}.sidebar-header{justify-content:space-between;align-items:center;padding:1.5rem 1rem;display:flex}.sidebar-app-identity{align-items:center;gap:.8rem;display:flex}.app-logo{filter:drop-shadow(0 0 5px var(--accent));font-size:1.5rem}.sidebar-header h1{color:var(--sidebar-text);letter-spacing:-.5px;margin:0;font-size:1.2rem;font-weight:700}.close-sidebar-mobile{color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;font-size:1.8rem;display:none}@media (width<=768px){.close-sidebar-mobile{display:block}}.new-chat-btn{border:1px solid var(--sidebar-border);background:var(--sidebar-hover);width:100%;color:var(--sidebar-text);text-align:left;cursor:pointer;border-radius:.8rem;align-items:center;gap:.8rem;margin-bottom:.5rem;padding:.8rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}@media (hover:hover){.new-chat-btn:hover{background-color:var(--sidebar-bg);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0003}}.new-chat-btn.gallery-btn{background:0 0}.new-chat-btn.gallery-btn.active{background-color:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.new-chat-btn span{color:var(--accent);font-size:1.2rem}.sessions-list{flex-direction:column;flex:1;gap:.4rem;padding:.5rem .3rem;display:flex;overflow-y:auto}.sessions-list::-webkit-scrollbar{width:5px}.sessions-list::-webkit-scrollbar-track{background:0 0}.sessions-list::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:10px}@media (hover:hover){.sessions-list:hover::-webkit-scrollbar-thumb{background:#8080804d}}.session-item{cursor:pointer;height:44px;min-height:44px;color:var(--sidebar-text);white-space:nowrap;border:1px solid #0000;border-radius:.8rem;flex-shrink:0;align-items:center;gap:.8rem;padding:0 1rem;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media (hover:hover){.session-item:hover{background-color:var(--sidebar-hover);color:var(--text-h)}}.session-item.active{background-color:var(--accent-bg);color:var(--accent);border-color:var(--accent-border);font-weight:600}.session-title{text-overflow:ellipsis;flex:1;line-height:1.2;overflow:hidden}.session-actions{pointer-events:none;background:0 0;gap:.4rem;padding-left:.5rem;transition:opacity .2s;display:none}@media (hover:hover){.session-item:hover .session-actions{opacity:1;pointer-events:auto;display:flex}}.edit-session,.delete-session{color:var(--sidebar-text);opacity:.4;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:1rem;transition:all .2s;display:flex;background:0 0!important;border:none!important}@media (hover:hover){.edit-session:hover{color:var(--accent);opacity:1;background:#10a37f1a!important}.delete-session:hover{color:#ff4d4d;opacity:1;background:#ff4d4d1a!important}}.sidebar-footer-profile{border-top:1px solid var(--sidebar-border);margin-top:auto;padding:.8rem .5rem;position:relative}.profile-pill{cursor:pointer;color:var(--sidebar-text);border-radius:.8rem;align-items:center;gap:.8rem;padding:.6rem .8rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}@media (hover:hover){.profile-pill:hover,.profile-pill.active{background-color:var(--sidebar-hover)}}.profile-avatar{background:linear-gradient(135deg, var(--accent), #1a7f64);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 8px #10a37f4d}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-info{flex-direction:column;flex:1;min-width:0;display:flex}.profile-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.profile-role{opacity:.6;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:500}.profile-more{opacity:.4;letter-spacing:1px;font-size:.8rem}.profile-popover{background-color:var(--sidebar-bg);border:1px solid var(--sidebar-border);z-index:6000;border-radius:1rem;padding:.5rem;animation:.2s cubic-bezier(.4,0,.2,1) popUp;position:absolute;bottom:calc(100% + 10px);left:.5rem;right:.5rem;box-shadow:0 10px 40px #0006}@keyframes popUp{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.popover-section{flex-direction:column;gap:.2rem;display:flex}.popover-item{color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.6rem;align-items:center;gap:.8rem;width:100%;padding:.7rem .8rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}@media (hover:hover){.popover-item:hover{background-color:var(--sidebar-hover);color:var(--text-h)}}.popover-item span{justify-content:center;width:20px;font-size:1.1rem;display:flex}.popover-divider{background-color:var(--sidebar-border);height:1px;margin:.5rem .3rem}.popover-item.logout{color:#ff4d4d}@media (hover:hover){.popover-item.logout:hover{background-color:#ff4d4d1a}}.settings-modal-overlay{z-index:3000;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.settings-modal{background-color:var(--bg);border:1px solid var(--border);border-radius:1.5rem;width:95%;max-width:850px;max-height:90vh;padding:2.5rem;position:relative;overflow-y:auto;box-shadow:0 30px 60px #0009}.settings-close-btn{border:1px solid var(--border);background:var(--sidebar-hover);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}@media (hover:hover){.settings-close-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:rotate(90deg)}}.settings-modal h3{color:var(--text-h);margin:0 0 2rem;font-size:1.6rem}.settings-tabs{border-bottom:1px solid var(--border);gap:.5rem;margin-bottom:2.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tab-btn{color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}@media (hover:hover){.tab-btn:hover{background-color:var(--sidebar-hover);color:var(--text-h)}}.tab-btn.active{background-color:var(--accent);color:#fff;box-shadow:0 4px 10px #10a37f33}.tab-content{min-height:350px;padding:.5rem 0}.settings-grid,.settings-row-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.setting-item{flex-direction:column;gap:.6rem;display:flex}.setting-item label{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.setting-item input,.setting-item select,.setting-item textarea,.model-select-group{background-color:var(--social-bg);border:1px solid var(--border);color:var(--text-h);border-radius:.8rem;outline:none;padding:.8rem 1rem;font-size:1rem;transition:all .2s}.setting-item input:focus,.setting-item select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-border)}.format-presets{gap:.8rem;margin-top:1rem;display:flex}.preset-btn{background:var(--social-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:.8rem;flex:1;padding:.75rem;font-size:.85rem;font-weight:700;transition:all .2s}@media (hover:hover){.preset-btn:hover{background-color:var(--sidebar-hover);border-color:var(--text)}}.preset-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 1px var(--accent)}.save-settings-btn{background:linear-gradient(135deg, var(--accent) 0%, #0d8a6a 100%);color:#fff;cursor:pointer;border:none;border-radius:1rem;width:100%;margin-top:3rem;padding:1.1rem;font-size:1.1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #10a37f4d}@media (hover:hover){.save-settings-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #10a37f66}}.save-settings-btn:active{transform:translateY(0)}.confirm-modal{background-color:var(--bg);border:1px solid var(--border);border-radius:1.2rem;width:95%;max-width:450px;padding:2.5rem;box-shadow:0 25px 50px #000000b3}.confirm-modal h3{color:var(--text-h);margin:0 0 1.5rem;font-size:1.3rem}.confirm-buttons{gap:1rem;margin-top:2.5rem;display:flex}.confirm-btn{cursor:pointer;border:1px solid var(--border);border-radius:.6rem;flex:1;padding:.8rem;font-weight:600;transition:all .2s}.confirm-btn.delete{color:#ff4d4d;background-color:#ff4d4d1a;border-color:#ff4d4d33}@media (hover:hover){.confirm-btn.delete:hover{color:#fff;background-color:#ff4d4d}}.confirm-btn.archive{background-color:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}@media (hover:hover){.confirm-btn.archive:hover{background-color:var(--accent);color:#fff}}.confirm-btn.cancel{color:var(--text);background:0 0}.action-btn-large{border:1px solid var(--border);background:var(--social-bg);width:100%;color:var(--text-h);cursor:pointer;border-radius:.8rem;justify-content:center;align-items:center;gap:1rem;padding:1rem;font-weight:600;transition:all .2s;display:flex}@media (hover:hover){.action-btn-large:hover{background-color:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.action-btn-large.delete:hover{color:#ff4d4d;background-color:#ff4d4d1a;border-color:#ff4d4d}}.test-conn-btn{width:auto;min-width:140px;padding:0 1.2rem}.model-select-group{align-items:center;gap:.5rem;display:flex}.model-select{flex:1}.refresh-models-btn{background:var(--sidebar-hover);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;width:42px;height:42px;padding:.6rem;transition:all .2s;display:flex}@media (hover:hover){.refresh-models-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}}.llm-status-msg{border-radius:.4rem;margin-top:.5rem;padding:.5rem;font-size:.8rem}.llm-status-msg.success{color:#10a37f;background:#10a37f1a}.llm-status-msg.error{color:#ff4d4d;background:#ff4d4d1a}@media (width<=768px){.settings-grid{flex-direction:column;gap:1.2rem;width:100%;display:flex}.setting-item{width:100%;min-width:0;grid-column:auto!important}.setting-item input,.setting-item select,.setting-item textarea{box-sizing:border-box;width:100%;max-width:100%}.format-presets{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.settings-modal{border-radius:1rem;width:94%;max-width:94vw;margin:10px auto;padding:1.2rem 1rem}.settings-tabs{margin-bottom:1.2rem;padding-bottom:.2rem}.model-select-group{flex-direction:column;align-items:stretch}.refresh-models-btn{height:auto;min-height:44px;padding:.8rem;font-size:.9rem;width:100%!important}.avatar-preview-wrapper{width:90px;height:90px}}@media (width<=480px){.settings-modal{padding:1rem .8rem}.settings-modal h3{margin-bottom:1.2rem;font-size:1.2rem}.tab-btn{padding:.4rem .6rem;font-size:.75rem}.setting-item label{font-size:.7rem}.setting-item input,.setting-item select,.setting-item textarea{padding:.6rem;font-size:.85rem}.save-settings-btn{margin-top:2rem;padding:.9rem;font-size:1rem}}.profile-edit-section{flex-direction:column;gap:2rem;animation:.3s ease-out fadeIn;display:flex}.avatar-edit-container{justify-content:center;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.avatar-preview-wrapper{cursor:pointer;border:4px solid var(--social-bg);background-color:var(--social-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}@media (hover:hover){.avatar-preview-wrapper:hover{border-color:var(--accent);transform:scale(1.05)}}.avatar-preview-img{object-fit:cover;width:100%;height:100%}.avatar-preview-initial{color:var(--accent);font-size:3rem;font-weight:700}.avatar-edit-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}@media (hover:hover){.avatar-preview-wrapper:hover .avatar-edit-overlay{opacity:1}}.avatar-edit-overlay span{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:var(--accent);text-align:center;border-radius:2rem;padding:.3rem .6rem;font-size:.7rem;font-weight:700}.remove-avatar-btn{background:var(--social-bg);border:1px solid var(--border);color:#ff4d4d;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:5px;transition:all .2s;display:flex}@media (hover:hover){.remove-avatar-btn:hover{color:#fff;background:#ff4d4d;border-color:#ff4d4d}}.image-picker-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:4000;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0}.image-picker-container{background:var(--bg);border:1px solid var(--border);border-radius:1.5rem;flex-direction:column;width:100%;max-width:600px;max-height:85vh;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;display:flex;overflow:hidden;box-shadow:0 30px 100px #000c}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.image-picker-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.2rem;display:flex}.image-picker-header h4{color:var(--text-h);margin:0;font-size:1.1rem}.picker-close{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1}.picker-grid{flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:1rem;padding:1rem;display:grid;overflow-y:auto}@media (width<=480px){.picker-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}}.picker-item{aspect-ratio:1;cursor:pointer;background:var(--social-bg);border:2px solid #0000;border-radius:.8rem;width:100%;transition:all .2s;display:flex;position:relative;overflow:hidden}@media (hover:hover){.picker-item:hover{border-color:var(--accent);transform:translateY(-2px)}}.picker-item img{object-fit:cover;width:100%;height:100%;display:block}.picker-favorite-badge{filter:drop-shadow(0 2px 4px #00000080);font-size:.9rem;position:absolute;top:8px;right:8px}.empty-picker{text-align:center;opacity:.5;grid-column:1/-1;padding:3rem}.action-btn-large{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.8rem;width:100%;padding:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #10a37f33}@media (hover:hover){.action-btn-large:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #10a37f4d}}.action-btn-large:disabled{opacity:.5;cursor:not-allowed}.action-btn-small{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.6rem;align-self:flex-start;margin-top:.5rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .2s}@media (hover:hover){.action-btn-small:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}}.action-btn-small:disabled{background:var(--sidebar-hover);color:var(--text);opacity:.3;cursor:not-allowed;transform:none}.user-profile-icon{object-fit:cover;vertical-align:middle;border:1px solid var(--border);border-radius:50%;width:24px;height:24px;margin-right:8px}.admin-panel h3{color:var(--text-h);margin-top:0;margin-bottom:1rem;font-size:1.2rem}.toggle-container{background-color:var(--sidebar-hover);cursor:pointer;border:1px solid var(--border);border-radius:999px;width:44px;height:24px;transition:background-color .2s;position:relative}@media (hover:hover){.toggle-container:hover{border-color:var(--accent)}}.toggle-container.active{background-color:var(--accent);border-color:var(--accent)}.toggle-container:has(.toggle-switch.on){background-color:var(--accent);border-color:var(--accent)}.toggle-switch{background-color:var(--text);border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.toggle-container.active .toggle-switch,.toggle-switch.on{background-color:#fff;transform:translate(20px)}.add-user-form{background-color:var(--social-bg);border:1px solid var(--border);border-radius:1rem;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1.5rem;display:flex}.add-user-form input{background-color:var(--bg);border:1px solid var(--border);color:var(--text-h);border-radius:.8rem;outline:none;flex:1;padding:.8rem 1rem;font-size:.95rem;transition:all .2s}.add-user-form input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-border)}.admin-checkbox-wrapper{align-items:center;display:flex}.admin-toggle-label{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;display:flex}.add-user-submit-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:.8rem;padding:.8rem 1.5rem;font-weight:700;transition:all .2s}@media (hover:hover){.add-user-submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px #10a37f4d}}.add-user-submit-btn:disabled{opacity:.5;cursor:not-allowed}.action-buttons-wrapper{gap:.5rem;display:flex}.reset-user-btn,.delete-user-btn{background:var(--social-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:.6rem;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex}@media (hover:hover){.reset-user-btn:hover{border-color:var(--accent);background-color:var(--accent-bg)}.delete-user-btn:hover:not(:disabled){background-color:#ff4d4d1a;border-color:#ff4d4d}}.delete-user-btn:disabled{opacity:.3;cursor:not-allowed}.reset-password-inline{align-items:center;gap:.5rem;display:flex}.reset-password-inline input{background-color:var(--bg);border:1px solid var(--accent);color:var(--text-h);border-radius:.6rem;outline:none;width:150px;padding:.6rem .8rem;font-size:.9rem}.confirm-reset-btn,.cancel-reset-btn{background:var(--social-bg);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:flex}@media (hover:hover){.confirm-reset-btn:hover{background-color:var(--accent-bg);border-color:var(--accent)}.cancel-reset-btn:hover{background-color:#ff4d4d1a;border-color:#ff4d4d}}@media (width<=768px){.add-user-form{flex-direction:column;align-items:stretch}.admin-toggle-label{margin:.5rem 0}.reset-password-inline{flex-direction:column;align-items:stretch}.reset-password-inline input{width:100%;margin-bottom:.5rem}.reset-password-inline .confirm-reset-btn,.reset-password-inline .cancel-reset-btn{width:100%;height:40px}.action-buttons-wrapper{justify-content:flex-start}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-small{animation:1s linear infinite spin;display:inline-block}.stop-icon{background-color:#fff;border-radius:2px;width:14px;height:14px}.stop-icon-small{background-color:currentColor;border-radius:1px;width:10px;height:10px}.bounced-loader{justify-content:center;align-items:center;gap:4px;display:flex}.bounce1,.bounce2,.bounce3{background-color:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.bounce1{animation-delay:-.32s}.bounce2{animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.bounced-ball{background-color:var(--accent);border-radius:50%;width:8px;height:8px;animation:.6s infinite alternate bounced-ball}.bounced-ball:nth-child(2){animation-delay:.2s}.bounced-ball:nth-child(3){animation-delay:.4s}@keyframes bounced-ball{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.messages-container{flex:1;padding-top:70px;padding-bottom:100px;overflow-y:auto}.message-row{border:1px solid var(--border);background-color:var(--bg);border-radius:1rem;align-items:flex-start;width:calc(100% - 2rem);max-width:850px;margin:.8rem auto;padding:1rem;transition:background-color .2s;display:flex}.message-row.bot{background-color:var(--social-bg)}.avatar{display:none}.bot .avatar{background-color:#10a37f}.message-content{flex-direction:column;flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.message-text{color:var(--text);word-wrap:break-word;white-space:pre-wrap;text-align:left;margin:0;font-size:1rem;line-height:1.5}.bot .message-text{color:var(--text-h)}.image-wrapper{cursor:zoom-in;background:#000;border-radius:.8rem;justify-content:flex-start;width:fit-content;max-width:100%;display:flex;position:relative;overflow:hidden}@media (width>=769px){.image-wrapper{max-width:512px}}.image-fav-btn{cursor:pointer;z-index:5;filter:drop-shadow(0 0 4px #000c);opacity:.5;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;font-size:1.4rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:10px;right:10px}.image-fav-btn:focus:not(:focus-visible){box-shadow:none;outline:none;transform:none}@media (hover:hover){.image-fav-btn:hover{opacity:1;transform:scale(1.2)}}.image-fav-btn.active{color:#ff4b4b;opacity:1}.image-wrapper img{max-width:100%;height:auto;transition:transform .3s;display:block}@media (hover:hover){.image-wrapper:hover img{transform:scale(1.02)}}.generation-placeholder{border:1px dashed var(--border);box-sizing:border-box;text-align:center;background-color:#ffffff05;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:180px;padding:2rem;animation:.3s ease-out fadeIn;display:flex}.generation-placeholder p{color:var(--text);opacity:.9;margin:.5rem 0 0;font-size:.95rem;font-weight:500}.generation-error-container{box-sizing:border-box;background-color:#ff4d4d0d;border:1px solid #ff4d4d33;border-radius:1rem;align-items:flex-start;gap:1rem;width:100%;padding:1.5rem;animation:.3s ease-out fadeIn;display:flex}.error-icon{font-size:1.5rem;line-height:1}.error-content{text-align:left;flex-direction:column;flex:1;gap:.5rem;display:flex}.error-title{color:#ff4d4d;margin:0;font-size:1rem;font-weight:700}.error-details{color:var(--text);opacity:.8;word-break:break-word;margin:0;font-size:.9rem}.retry-btn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.6rem;justify-content:center;align-self:flex-start;align-items:center;margin-top:.5rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}@media (hover:hover){.retry-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #10a37f4d}}.retry-btn:active{transform:translateY(0)}.generation-info-panel{border:1px solid var(--border);color:var(--text);opacity:.85;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;background:#0000004d;border-radius:.6rem;max-width:100%;margin-top:.8rem;padding:.8rem;font-size:.75rem;line-height:1.4;animation:.3s ease-out fadeIn}.generation-info-panel p{margin:.2rem 0}.generation-info-panel strong{color:var(--accent);opacity:.9;font-weight:600}.reusable-seed{color:var(--accent);cursor:pointer;border-radius:4px;padding:2px 4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:all .2s}.reusable-seed:hover{background-color:var(--accent-bg);text-decoration:underline}.message-actions{opacity:1;justify-content:flex-end;gap:.8rem;width:100%;margin-top:-.6rem;transition:opacity .2s;display:flex}.message-actions.has-image{justify-content:center}@media (width>=769px){.message-actions{opacity:.4}@media (hover:hover){.message-row:hover .message-actions{opacity:1}}}.action-btn-icon{background-color:var(--social-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.action-btn-icon:focus:not(:focus-visible){background-color:var(--social-bg);border-color:var(--border);color:var(--text);box-shadow:none;outline:none;transform:none}.action-btn-icon:focus:not(:focus-visible) *{color:inherit!important;stroke:currentColor!important}@media (hover:hover){.action-btn-icon:hover{background-color:var(--accent-bg);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.action-btn-icon.delete:hover{color:#ff4d4d;background-color:#ff4d4d1a;border-color:#ff4d4d}}.cancel-gen-btn{color:#ff4d4d;cursor:pointer;background-color:#ff4d4d1a;border:1px solid #ff4d4d33;border-radius:.6rem;align-items:center;gap:.6rem;margin-top:.8rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}@media (hover:hover){.cancel-gen-btn:hover{color:#fff;background-color:#ff4d4d;transform:translateY(-1px);box-shadow:0 4px 12px #ff4d4d4d}}.cancel-gen-btn .stop-icon-small{background-color:currentColor}.input-container{box-sizing:border-box;z-index:1000;pointer-events:none;background-color:#0000;flex-direction:column;flex-shrink:0;align-items:center;gap:.8rem;width:100%;max-width:850px;margin:0 auto;padding:1rem 1.5rem 2rem;display:flex;position:fixed;bottom:0;left:0;right:0}.input-container>*{pointer-events:auto}.generation-options-drawer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border);background-color:#212121cc;border-radius:1.2rem;flex-direction:column;gap:1rem;width:100%;padding:.8rem 1.2rem;display:flex;box-shadow:0 10px 40px #0006}.options-group{flex-direction:column;gap:.6rem;display:flex}.option-label{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.option-controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.option-badge{border:1px solid var(--border);color:var(--text);cursor:pointer;background-color:#ffffff0d;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.option-badge:hover{border-color:var(--text);background-color:#ffffff1a}.option-badge.active{background-color:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.option-input{border:1px solid var(--border);color:#fff;background-color:#0003;border-radius:999px;outline:none;padding:.4rem .8rem;font-size:.85rem;transition:all .2s}.option-input:focus{border-color:var(--accent)}.seed-input{width:120px}.options-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--text);cursor:pointer;background-color:#1c1c1cfc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0000004d}.options-toggle-btn:hover{background-color:var(--sidebar-hover);border-color:var(--accent)}.options-toggle-btn.active{color:var(--accent);border-color:var(--accent);transform:rotate(45deg)}.options-toggle-btn:focus:not(:focus-visible){border-color:var(--border);outline:none}.options-toggle-btn.active:focus:not(:focus-visible){border-color:var(--accent)}.input-wrapper{box-sizing:border-box;align-items:flex-end;gap:.8rem;width:100%;padding:0 .5rem;display:flex}.light .options-toggle-btn,.light .input-box{color:var(--text-h);border:1px solid var(--border);background-color:#ffffffb3;box-shadow:0 4px 15px #0000000d}.light .options-toggle-btn:hover{background-color:#ffffffe6}.light .input-box textarea{color:var(--text-h)}.light .input-box textarea::placeholder{color:#0006}.light .generation-options-drawer{background-color:#ffffffd9;box-shadow:0 10px 40px #0000001a}.light .send-btn{color:#000;background-color:#e5e7eb}.light .send-btn:hover:not(:disabled){background-color:#d1d5db}.light .send-btn:disabled{color:#9ca3af;background-color:#f3f4f6}.input-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background-color:#1c1c1cfc;border-radius:1.5rem;flex-direction:row;flex:1;align-items:center;gap:.5rem;min-height:44px;padding:.4rem .6rem .4rem 1.2rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 20px #0000004d}.input-box.has-text{border-radius:1.2rem;flex-direction:column;align-items:stretch;gap:.4rem;padding:.8rem 1rem .6rem}.input-box-actions{justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.input-box:not(.has-text) .input-box-actions{flex-shrink:0}.input-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 8px 30px #0006}.input-box.ai-active{border:2px solid #0000;animation:3s linear infinite ai-glow;box-shadow:0 0 15px #10a37f33}.input-box textarea{color:var(--text-h);resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;width:100%;min-height:1.4em;max-height:350px;padding:.6rem 0 .4rem;font-family:inherit;font-size:1rem;line-height:1.4;display:block;overflow-y:hidden}.input-box.has-text textarea{flex:none;padding:0}.input-box textarea::placeholder{color:#8e8ea0;opacity:1;white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}@media (width<=480px){.input-box textarea::placeholder{font-size:.85rem}}.clear-input-btn{color:#ff4d4d;cursor:pointer;opacity:.6;background:#ffffff0d;border:1px solid #ff4d4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.clear-input-btn svg{opacity:.8;width:16px;height:16px}@media (hover:hover){.clear-input-btn:hover{opacity:1;background:#ff4d4d1a;border-color:#ff4d4d4d;transform:scale(1.05)}}.read-more-btn{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:.5rem;padding:0;font-size:.85rem;font-weight:600;transition:opacity .2s}@media (hover:hover){.read-more-btn:hover{opacity:.8;text-decoration:underline}}.send-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.send-btn svg{width:18px;height:18px}@media (hover:hover){.send-btn:hover:not(:disabled){filter:brightness(.9);transform:scale(1.05)}}.send-btn:disabled{color:#2f2f2f;cursor:not-allowed;background-color:#676767}.send-btn.stop-btn{background:#ff4d4d}.ai-text-shimmer{background:linear-gradient(315deg,#10a37f,#8e44ad,#3498db,#10a37f) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700;animation:3s linear infinite shimmer}@keyframes shimmer{0%{background-position:200%}to{background-position:0%}}.gallery-view{flex-direction:column;padding:1.5rem;display:flex}.gallery-header{flex-direction:column;align-items:stretch;gap:1.5rem;margin-bottom:2rem;display:flex}.gallery-header h2{color:var(--text-h);margin:0;font-size:1.8rem}.gallery-filter-fav{background:var(--social-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-weight:700;transition:all .2s;display:flex}.gallery-filters{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-items:start;gap:1.2rem;display:grid}.gallery-item{cursor:pointer;border:1px solid var(--border);background-color:var(--social-bg);border-radius:.6rem;transition:transform .2s;position:relative;overflow:hidden}@media (hover:hover){.gallery-item:hover{border-color:var(--accent);transform:scale(1.03)}}.gallery-item img{width:100%;height:auto;display:block}.gallery-item-actions{z-index:5;opacity:1;gap:.5rem;transition:opacity .2s;display:flex;position:absolute;bottom:8px;right:8px}@media (width>=769px){.gallery-item-actions{opacity:0}@media (hover:hover){.gallery-item:hover .gallery-item-actions{opacity:1}}}.gallery-action-btn{color:#fff;cursor:pointer;filter:drop-shadow(0 0 4px #000c);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex}.gallery-action-btn:focus:not(:focus-visible){color:#fff;outline:none;transform:none}@media (hover:hover){.gallery-action-btn:hover{color:var(--accent);transform:scale(1.2)}}.gallery-item-favorite{z-index:2;filter:drop-shadow(0 0 4px #000c);pointer-events:none;font-size:1.4rem;position:absolute;top:8px;right:8px}.gallery-filter-fav{background:var(--social-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;padding:.5rem 1.2rem;font-weight:700;transition:all .2s}.gallery-filter-fav.active{color:#ff4b4b;border-color:#ff4b4b}.gallery-loader-container{justify-content:center;align-items:center;width:100%;min-height:80px;padding:2rem 0;display:flex}.gallery-loader-container .typing-indicator{gap:4px;display:flex}.gallery-loader-container .typing-indicator span{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.gallery-loader-container .typing-indicator span:first-child{animation-delay:-.32s}.gallery-loader-container .typing-indicator span:nth-child(2){animation-delay:-.16s}@media (width<=768px){.message-row{border-radius:0;width:100%;margin:.5rem 0;padding:1rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.6rem}.input-container{max-width:100%;padding:1rem .4rem 2rem}.input-wrapper{gap:.4rem;padding:0}}