@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--mobile-sidebar-transition:transform var(--transition-duration) var(--transition-ease)}.project-screen-sidebar{background-color:var(--st-sidebar-background);box-sizing:border-box;color:var(--st-text-primary);display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow:hidden;padding-bottom:44px;padding-bottom:calc(36px + var(--spacing-sm)*2);padding-top:8px;padding-top:var(--spacing-md);position:relative;transition:width .3s ease-in-out,padding .3s ease-in-out;transition:width var(--transition-duration) var(--transition-ease),padding var(--transition-duration) var(--transition-ease);width:250px;width:var(--sidebar-width);z-index:10}.project-screen-sidebar:after{bottom:0;opacity:0;top:0;width:1px;z-index:1}.project-screen-sidebar:after,.project-screen-sidebar:before{background-color:var(--st-border-color);content:"";position:absolute;right:0;transition:opacity .3s ease-in-out;transition:opacity var(--transition-duration) var(--transition-ease)}.project-screen-sidebar:before{bottom:43px;bottom:calc(35px + var(--spacing-sm)*2);height:1px;left:0;opacity:1;z-index:5}.project-screen-sidebar.is-closed{align-items:center;padding-bottom:44px;padding-bottom:calc(36px + var(--spacing-sm)*2);padding-top:8px;padding-top:var(--spacing-md);width:62px;width:var(--sidebar-collapsed-width)}.project-screen-sidebar.is-closed:after{opacity:1}.project-screen-sidebar nav,.project-screen-sidebar__top{box-sizing:border-box;padding-left:8px;padding-left:var(--spacing-md);padding-right:8px;padding-right:var(--spacing-md);transition:padding .3s ease-in-out;transition:padding var(--transition-duration) var(--transition-ease);width:100%}.project-screen-sidebar.is-closed .project-screen-sidebar__top{padding-left:4px;padding-left:var(--spacing-sm);padding-right:4px;padding-right:var(--spacing-sm)}.project-screen-sidebar__top{flex-shrink:0;gap:0;height:auto;margin-bottom:13px;margin-bottom:var(--spacing-lg);margin-top:0;overflow:visible;padding-top:0}.project-screen-sidebar nav,.project-screen-sidebar__top{display:flex;flex-direction:column;opacity:1;pointer-events:auto;transition:opacity .3s ease-in-out,visibility 0s linear 0s;transition:opacity var(--transition-duration) var(--transition-ease),visibility 0s linear 0s;visibility:visible;width:100%}.project-screen-sidebar nav{flex-grow:1;overflow-x:hidden;overflow-y:auto;padding-bottom:13px;padding-bottom:var(--spacing-lg)}.project-screen-sidebar.is-closed .project-screen-sidebar__top,.project-screen-sidebar.is-closed nav{height:0;margin-bottom:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;pointer-events:none;transition:opacity .3s ease-in-out,visibility 0s linear .3s;transition:opacity var(--transition-duration) var(--transition-ease),visibility 0s linear var(--transition-duration);visibility:hidden}.project-screen-sidebar .collapsed-icons{align-items:center;box-sizing:border-box;display:none;flex-direction:column;flex-grow:1;gap:8px;gap:var(--spacing-md);justify-content:flex-start;opacity:0;overflow-x:hidden;overflow-y:auto;padding:8px 4px;padding:var(--spacing-md) var(--spacing-sm);padding-bottom:13px;padding-bottom:var(--spacing-lg);pointer-events:none;transition:opacity .3s ease-in-out;transition:opacity var(--transition-duration) var(--transition-ease);width:100%}.project-screen-sidebar.is-closed .collapsed-icons{display:flex;opacity:1;pointer-events:auto}.project-screen-sidebar .search-bar{align-items:center;background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:4px;border-radius:var(--border-radius);box-sizing:border-box;display:flex;margin-bottom:8px;margin-bottom:var(--spacing-md);margin-top:8px;margin-top:var(--spacing-md);position:relative;transition:border-color .3s,box-shadow .3s;transition:border-color var(--transition-duration),box-shadow var(--transition-duration);width:100%}.project-screen-sidebar .search-bar .search-bar-icon{color:var(--st-text-secondary);font-size:1em;font-size:var(--font-size-md);left:12px;opacity:.7;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.project-screen-sidebar .search-bar input.sidebar-search-input{background-color:initial;border:none;border-radius:inherit;box-sizing:border-box;color:var(--st-text-primary);font-family:Courier New,monospace;font-family:var(--ps-input-font);font-size:1em;font-size:var(--font-size-md);height:38px;outline:none;padding:var(--st-spacing-md) 36px var(--st-spacing-md) 40px;width:100%}.project-screen-sidebar .search-bar input.sidebar-search-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.project-screen-sidebar .search-bar input.sidebar-search-input::placeholder{color:var(--st-text-secondary);font-family:Courier New,monospace;font-family:var(--ps-input-font);opacity:.8}.project-screen-sidebar .search-bar:focus-within{border-color:var(--st-accent-color);box-shadow:0 0 0 1px var(--st-accent-color);outline:none}.project-screen-sidebar .search-bar .clear-search-icon{align-items:center;background:none;border:none;color:var(--st-text-secondary);cursor:pointer;display:flex;height:100%;justify-content:center;opacity:.6;padding:4px;padding:var(--spacing-sm);position:absolute;right:2px;right:var(--spacing-xs);top:50%;transform:translateY(-50%);transition:opacity .3s,color .3s;transition:opacity var(--transition-duration),color var(--transition-duration)}.project-screen-sidebar .search-bar .clear-search-icon svg{height:12px;width:12px}.project-screen-sidebar .search-bar .clear-search-icon:hover{color:var(--st-accent-color);opacity:1}.project-screen-sidebar .collapsed-icon{align-items:center;background-color:initial;border:none;border-radius:4px;border-radius:var(--button-border-radius);box-sizing:border-box;color:var(--st-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1em;font-size:var(--font-size-md);height:36px;justify-content:center;opacity:.7;overflow:hidden;padding:4px;padding:var(--spacing-sm);position:relative;transition:opacity .3s,color .3s,background-color .3s;transition:opacity var(--transition-duration),color var(--transition-duration),background-color var(--transition-duration);width:36px;z-index:1}.project-screen-sidebar .collapsed-icon:before{background-color:initial;border-radius:4px;border-radius:var(--button-border-radius);content:"";inset:-6px;position:absolute;transition:background-color .3s ease-in-out;transition:background-color var(--transition-duration) var(--transition-ease);z-index:-1}.project-screen-sidebar .collapsed-icon:hover:before{background-color:var(--st-hover-color)}.project-screen-sidebar .collapsed-icon:hover{color:var(--st-accent-color);opacity:1}.project-screen-sidebar .collapsed-icon.selected{background-color:rgba(var(--st-accent-rgb),.15);color:var(--st-accent-color);opacity:1}.project-screen-sidebar .collapsed-icon.selected:before{background-color:initial}.project-screen-sidebar .collapsed-icon.selected:hover{background-color:rgba(var(--st-accent-rgb),.2)}.project-screen-sidebar nav h4{align-items:center;color:var(--st-text-secondary);cursor:default;display:flex;font-family:sans-serif;font-family:var(--ps-header-font);font-size:.85em;font-size:var(--font-size-sm);font-weight:500;gap:4px;gap:var(--spacing-sm);letter-spacing:.5px;margin-bottom:4px;margin-bottom:var(--spacing-sm);margin-top:13px;margin-top:var(--spacing-lg);text-transform:uppercase;transition:color .3s;transition:color var(--transition-duration);white-space:nowrap}.project-screen-sidebar nav h4:first-of-type{margin-top:0}.project-screen-sidebar nav h4.archive-header{cursor:pointer}.project-screen-sidebar nav h4.archive-header:hover{color:var(--st-accent-color)}.project-screen-sidebar nav h4 svg{color:var(--st-text-secondary);font-size:.9em;transition:color .3s;transition:color var(--transition-duration)}.project-screen-sidebar nav h4.archive-header:hover svg{color:var(--st-accent-color)}.project-screen-sidebar nav ul{list-style:none;margin:0 0 13px;margin:0 0 var(--spacing-lg) 0;padding:0}.project-screen-sidebar nav ul:last-child{margin-bottom:0}.project-screen-sidebar nav ul li{align-items:center;border:1px solid #0000;border-radius:4px;border-radius:var(--border-radius);color:var(--st-text-primary);cursor:pointer;display:flex;font-size:1em;font-size:var(--font-size-md);gap:8px;gap:var(--spacing-md);margin-bottom:2px;margin-bottom:var(--spacing-xs);min-height:38px;overflow:hidden;padding:8px 4px;padding:var(--spacing-md) var(--spacing-sm);text-overflow:ellipsis;transition:background-color .3s,padding .3s,border-color .3s;transition:background-color var(--transition-duration),padding var(--transition-duration),border-color var(--transition-duration);white-space:nowrap}.project-screen-sidebar nav ul li svg.project-icon{color:var(--st-text-secondary);flex-shrink:0;height:1em;transition:color .3s;transition:color var(--transition-duration);width:1em}.project-screen-sidebar nav ul li span{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-screen-sidebar nav ul li.archived-project span,.project-screen-sidebar nav ul li.archived-project svg{opacity:.6}.project-screen-sidebar nav ul li.archived-project:hover span,.project-screen-sidebar nav ul li.archived-project:hover svg{opacity:.8}.project-screen-sidebar nav ul li:hover{background-color:var(--st-hover-color)}.project-screen-sidebar nav ul li:hover svg.project-icon{color:var(--st-accent-color)}.project-screen-sidebar nav ul li.selected{background-color:rgba(var(--st-accent-rgb),.15);border:1px solid var(--st-accent-color);color:var(--st-text-primary)}.project-screen-sidebar nav ul li.selected svg.project-icon{color:var(--st-accent-color)}.project-screen-sidebar nav ul li.empty-list-message{background-color:initial!important;border-color:#0000!important;color:var(--st-text-secondary);cursor:default;font-size:.85em;font-size:var(--font-size-sm);font-style:italic;padding-left:8px;padding-left:var(--spacing-md)}.project-screen-sidebar .archive-section{border-top:1px solid var(--st-border-color);margin-top:13px;margin-top:var(--spacing-lg);padding-top:13px;padding-top:var(--spacing-lg)}.project-screen-sidebar__collapse-button{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--button-border-radius);bottom:4px;bottom:var(--spacing-sm);box-sizing:border-box;color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:1em;font-size:var(--font-size-md);height:36px;justify-content:center;left:13px;overflow:hidden;padding:8px;padding:var(--spacing-md);position:absolute;transform:none;transition:color .3s,background-color .3s;transition:color var(--transition-duration),background-color var(--transition-duration);width:36px;z-index:15}.project-screen-sidebar__collapse-button:before{background-color:initial;border-radius:inherit;content:"";inset:-6px;position:absolute;transition:background-color .3s ease-in-out;transition:background-color var(--transition-duration) var(--transition-ease);z-index:-1}.project-screen-sidebar__collapse-button:hover:before{background-color:var(--st-hover-color)}.project-screen-sidebar__collapse-button:hover{color:var(--st-accent-color)}@media (max-width:768px){.project-screen-sidebar{align-items:normal;background-color:var(--st-sidebar-background);border-right:var(--border-width) solid var(--st-border-color);box-shadow:2px 0 5px #0003;display:flex;flex-direction:column;height:calc(100vh - 50px);height:calc(100vh - var(--header-height));left:0;padding-bottom:4px;padding-bottom:var(--spacing-sm);padding-top:8px;padding-top:var(--spacing-md);position:fixed;top:50px;top:var(--header-height);transform:translateX(-100%);transition:transform transform .3s ease-in-out;transition:transform var(--mobile-sidebar-transition);width:250px;width:var(--sidebar-width);z-index:1001}.project-screen-sidebar.is-open{transform:translateX(0)}.project-screen-sidebar.is-closed{transform:translateX(-100%)}.project-screen-sidebar .collapsed-icons,.project-screen-sidebar.is-closed .collapsed-icons{display:none!important}.project-screen-sidebar.is-closed .project-screen-sidebar__top,.project-screen-sidebar.is-closed nav{height:auto;opacity:1;overflow:visible;pointer-events:auto;visibility:visible}.project-screen-sidebar__collapse-button{display:none!important}}.create-project-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000a6;background-color:var(--st-overlay-background,#000000a6);display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:var(--spacing-lg);position:fixed;scrollbar-color:var(--st-text-secondary) var(--st-sidebar-background);scrollbar-width:thin;top:0;width:100%;z-index:1000}.create-project-popup-overlay::-webkit-scrollbar{width:8px}.create-project-popup-overlay::-webkit-scrollbar-thumb{background-color:var(--st-text-secondary);border-radius:var(--border-radius)}.create-project-popup-overlay::-webkit-scrollbar-track{background-color:var(--st-sidebar-background);border-radius:var(--border-radius)}.create-project-popup-content{animation:popupFadeInSlideUp .25s ease-out forwards;background-color:var(--st-sidebar-background);border:var(--border-width) solid var(--st-border-color);border-radius:var(--border-radius);box-shadow:0 var(--spacing-sm) var(--spacing-lg) #00000040;box-sizing:border-box;color:var(--st-text-primary);display:flex;flex-direction:column;font-family:var(--ps-main-font);gap:var(--spacing-lg);max-width:95%;opacity:0;padding:var(--spacing-lg);position:relative;transform:translateY(-20px) scale(.98);width:450px}.create-project-popup-close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--st-text-secondary);cursor:pointer;display:inline-flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;opacity:.7;padding:var(--spacing-sm);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:opacity var(--transition-duration) var(--transition-ease),color var(--transition-duration),transform .1s ease;width:36px}.create-project-popup-close-button:hover{background-color:var(--st-hover-color);color:var(--st-text-primary);opacity:1;transform:scale(1.1)}.create-project-popup-content>:first-child:not(.create-project-popup-close-button){border-bottom:var(--border-width) solid var(--st-border-color);font-family:var(--ps-header-font);font-size:var(--font-size-lg);font-weight:500;margin:0;padding-bottom:var(--spacing-md)}.create-project-popup-content input[type=text]{background-color:var(--st-background);border:var(--border-width) solid var(--st-border-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--st-text-primary);font-family:var(--ps-input-font);font-size:var(--font-size-md);height:40px;outline:none;padding:var(--spacing-md);transition:border-color var(--transition-duration) var(--transition-ease),box-shadow .2s ease;width:100%}.create-project-popup-content input[type=text]:focus{border-color:var(--st-accent-color);box-shadow:0 0 0 2px var(--st-sidebar-background),0 0 0 4px var(--st-accent-color)}.create-project-popup-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-sm)}.create-project-popup-actions button{align-items:center;background-color:initial;border:var(--border-width) solid #0000;border-radius:var(--button-border-radius);cursor:pointer;display:inline-flex;font-family:var(--ps-main-font);font-size:var(--font-size-md);font-weight:500;height:40px;justify-content:center;min-width:100px;outline:none;padding:var(--spacing-md) var(--spacing-lg);transition:background-color var(--transition-duration) var(--transition-ease),border-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease),box-shadow .2s ease}.create-project-popup-actions button:focus-visible{box-shadow:0 0 0 2px var(--st-sidebar-background),0 0 0 4px var(--st-accent-color);outline:2px solid var(--st-accent-color);outline-offset:2px}.create-project-popup-actions .popup-confirm-button{background-color:initial;border-color:var(--st-accent-color);box-shadow:0 0 var(--spacing-sm) var(--st-accent-color);color:var(--st-text-primary)}.create-project-popup-actions .popup-confirm-button:hover{background-color:rgba(var(--st-accent-rgb),.1);border-color:var(--st-accent-hover,var(--st-accent-color))}.create-project-popup-actions .popup-delete-button{background-color:var(--main-red);border-color:var(--main-red);box-shadow:0 0 var(--spacing-sm) rgba(var(--main-red-rgb),.5);color:#fff;color:var(--st-text-on-accent,#fff)}.create-project-popup-actions .popup-delete-button:hover{background-color:#d32f2f;background-color:var(--main-red-hover,#d32f2f);border-color:#d32f2f;border-color:var(--main-red-hover,#d32f2f);color:#fff;color:var(--st-text-on-accent,#fff)}.create-project-popup-actions .popup-cancel-button{background-color:initial;border:var(--border-width) solid var(--main-red);color:var(--main-red)}.create-project-popup-actions .popup-cancel-button:hover{background-color:var(--main-red);border-color:var(--main-red);color:#fff}.create-project-popup-content .error{background-color:rgba(var(--main-red-rgb),.1);border:var(--border-width) solid var(--main-red);border-radius:var(--border-radius);color:var(--main-red);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-md);text-align:left}.create-project-popup-content p:not(.error){color:var(--st-text-secondary);font-family:var(--ps-main-font);font-size:var(--font-size-md);line-height:1.4;margin:0}:root{--spacing-base:8px;--spacing-sm:6px;--spacing-lg:12px;--font-size-chevron:10px;--border-radius:6px;--icon-container-size:34px}.header-bar{background-color:var(--st-background);border-bottom:var(--border-width) solid var(--st-border-color);box-sizing:border-box;color:var(--st-text-primary);height:50px;height:var(--header-height);left:0;padding:0 12px;padding:0 var(--spacing-lg);position:fixed;right:0;top:0;z-index:1050}.header-bar,.header-bar .header-actions{align-items:center;display:flex;width:100%}.header-bar .header-actions{gap:8px;gap:var(--spacing-md);justify-content:space-between}.header-bar .header-left-section{align-items:center;display:flex;flex-shrink:0;gap:12px;gap:var(--spacing-lg);min-width:0}.header-bar .project-name-container{align-items:center;border-radius:6px;border-radius:var(--border-radius);color:var(--st-text-primary);cursor:pointer;display:flex;font-size:16px;font-size:var(--font-size-lg);font-weight:600;padding:6px;padding:var(--spacing-sm);transition:background-color .2s;transition:background-color var(--transition-duration)}.header-bar .project-name-container:hover{background-color:var(--st-hover-color)}.header-bar .project-name{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-bar .project-name-edit-icon{color:var(--st-text-secondary);font-size:12px;margin-left:6px;margin-left:var(--spacing-sm);opacity:0;transition:opacity .2s;transition:opacity var(--transition-duration)}.header-bar .project-name-container:hover .project-name-edit-icon{opacity:1}.header-bar .project-name-input{background-color:var(--st-hover-color);border:1px solid var(--st-accent-color);border-radius:6px;border-radius:var(--border-radius);color:var(--st-text-primary);font-size:inherit;font-weight:inherit;padding:6px;padding:var(--spacing-sm)}.header-bar .studio-buttons-container{align-items:center;border-left:1px solid var(--st-border-color);display:flex;gap:6px;gap:var(--spacing-sm);padding-left:8px;padding-left:var(--spacing-md)}.header-bar .header-center-icons{align-items:center;display:flex;flex-grow:1;flex-shrink:1;justify-content:center;min-width:48px;overflow:hidden}.header-bar .header-right-icons,.tool-icons-wrapper{align-items:center;display:flex;flex-shrink:0}.header-bar .header-right-icons{gap:8px;gap:var(--spacing-md)}.dynamic-tool-item-wrapper{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;transition:opacity .2s,width .2s,padding .2s,margin .2s}.dynamic-tool-item-wrapper.is-hidden{margin:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;width:0}.header-bar .header-icon-container{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--border-radius);color:inherit;display:inline-flex;height:34px;height:var(--icon-container-size);justify-content:center;position:relative;transition:background-color .2s,color .2s;transition:background-color var(--transition-duration),color var(--transition-duration);-webkit-user-select:none;user-select:none;width:34px;width:var(--icon-container-size)}.header-bar .header-icon-container.clickable{cursor:pointer}.header-bar .header-icon-container.clickable:hover{background-color:var(--st-button-hover-background)}.header-bar .header-icon-container.active{background-color:rgba(var(--st-accent-rgb),.2)}.header-bar .header-icon-container.disabled{cursor:not-allowed;opacity:.4}.header-bar .header-icon-container.disabled:hover{background-color:initial}.header-bar .ranked-profile-container{border:2px solid #0000;border-radius:50%;box-sizing:border-box;transition:box-shadow .3s ease,transform .2s ease,background-color .2s}.header-bar .ranked-profile-container:hover{transform:scale(1.05)}.header-bar .header-icon{color:var(--st-text-secondary);font-size:14px;font-size:var(--font-size-md);transition:color .2s;transition:color var(--transition-duration)}.header-bar .header-icon-container.clickable:hover .header-icon,.header-bar .header-icon-container.clickable:hover .notification-bell svg{color:var(--st-text-primary)}.header-bar .header-separator{border-left:var(--border-width) solid var(--st-border-color);height:20px}.header-bar .header-time-display{align-items:center;border-radius:6px;border-radius:var(--border-radius);display:flex;flex-direction:column;min-width:80px;padding:4px;padding:var(--spacing-xs);text-align:center;transition:background-color .2s ease;transition:background-color var(--transition-duration) ease}.header-bar .header-time-display.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.header-bar .header-time-display.clickable:hover{background-color:var(--st-button-hover-background)}.header-bar .header-time{font-size:16px;font-size:var(--font-size-lg);font-weight:500;line-height:1}.header-bar .header-date{color:var(--st-text-secondary);font-size:11px;line-height:1;margin-top:2px}.header-bar .header-chat-count-container,.header-bar .header-credits-container{align-items:center;background-color:var(--st-hover-color);border-radius:6px;border-radius:var(--border-radius);display:flex;flex-shrink:0;gap:6px;gap:var(--spacing-sm);padding:6px 8px;padding:var(--spacing-sm) var(--spacing-md)}.header-bar .credits-icon,.header-bar .header-chat-count-icon{color:var(--st-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.header-bar .credits-amount,.header-bar .header-chat-count-number{color:var(--st-text-primary);font-size:12px;font-size:var(--font-size-sm);font-weight:600}.header-bar .top-up-button{background-color:var(--st-accent-color);border:none;border-radius:4px;color:#fff;color:var(--st-text-on-accent,#fff);cursor:pointer;font-size:11px;font-weight:600;margin-left:6px;margin-left:var(--spacing-sm);padding:6px 8px;transition:background-color .2s;transition:background-color var(--transition-duration)}.header-bar .top-up-button:hover{filter:brightness(1.1)}.header-bar .header-crown-icon-wrapper{align-items:center;display:flex}.header-bar .chevron-icon{color:var(--st-text-secondary);font-size:10px;font-size:var(--font-size-chevron);margin-left:4px;margin-left:var(--spacing-xs);transition:transform .2s;transition:transform var(--transition-duration)}.header-bar .tools-dropdown-wrapper .header-icon-container[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.header-bar .tools-dropdown-menu{background-color:var(--st-background);border:var(--border-width) solid var(--st-border-color);border-radius:6px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--st-shadow-color,#00000026);display:flex;flex-direction:column;opacity:0;padding:4px;padding:var(--spacing-xs);pointer-events:none;position:absolute;top:calc(100% + 6px);top:calc(100% + var(--spacing-sm));transform:translateY(-5px);transition:opacity .2s,transform .2s;transition:opacity var(--transition-duration),transform var(--transition-duration);z-index:1060}.header-bar .tools-dropdown-wrapper .header-icon-container[aria-expanded=true]+.tools-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.header-bar .layout-dropdown-item{align-items:center;background:none;border:none;border-radius:4px;color:var(--st-text-primary);cursor:pointer;display:flex;font-size:12px;font-size:var(--font-size-sm);padding:6px 8px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color .2s;transition:background-color var(--transition-duration);white-space:nowrap;width:100%}.header-bar .layout-dropdown-item:not(.disabled):hover{background-color:var(--st-button-hover-background)}.header-bar .layout-dropdown-item.disabled{color:var(--st-text-secondary);cursor:not-allowed;opacity:.6}.header-bar .layout-item-icon{color:var(--st-text-secondary);margin-right:6px;margin-right:var(--spacing-sm);text-align:center;width:1.5em}.header-bar .layout-item-name{flex-grow:1}.layout-button-wrapper{position:relative}.layout-dropdown-menu{background-color:var(--st-background);border:var(--border-width) solid var(--st-border-color);border-radius:6px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--st-shadow-color,#00000026);display:flex;flex-direction:column;left:auto;max-height:calc(100vh - 70px);min-width:240px;overflow-y:auto;padding:4px;padding:var(--spacing-xs);position:absolute;right:auto;top:calc(100% + 6px);top:calc(100% + var(--spacing-sm));z-index:1060}@media (max-width:767px){.header-bar{padding:0 6px;padding:0 var(--spacing-sm)}.header-bar .header-actions{display:flex;grid-template-columns:none;justify-content:space-between}.header-bar .header-center-icons,.header-bar .header-left-section,.header-bar .header-right-icons{display:none}.header-bar .header-mobile-actions{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs);justify-content:space-between;width:100%}.header-bar .mobile-header-group{align-items:center;display:flex;gap:6px;gap:var(--spacing-sm)}.header-bar .project-name{font-size:14px;font-size:var(--font-size-md);max-width:150px}.header-bar .mobile-header-group:last-child{gap:4px;gap:var(--spacing-xs)}.mobile-notification-wrapper>div>div:not(:first-child){max-height:80vh!important;max-width:400px!important;overflow-y:auto!important;width:95vw!important}#mobile-tools-menu,.mobile-notification-wrapper>div>div:not(:first-child){left:50%!important;position:fixed!important;right:auto!important;top:55px!important;transform:translateX(-50%)!important;z-index:2100!important}#mobile-tools-menu{max-width:300px!important;min-width:0!important;min-width:auto!important;width:90vw!important}.header-bar .header-credits-container{cursor:pointer;gap:4px;padding:4px 6px}.header-bar .top-up-button{display:none}}.link-data-sources-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000a6;background-color:var(--st-overlay-background,#000000a6);display:flex;inset:0;justify-content:center;overflow-y:auto;padding:var(--st-spacing-lg);position:fixed;z-index:1000}.link-data-sources-popup-content{animation:popupFadeInScaleUp .25s ease-out forwards;background-color:var(--st-sidebar-background);border:var(--border-width) solid var(--st-border-color);border-radius:var(--border-radius);box-shadow:0 var(--st-spacing-sm) var(--st-spacing-lg) #00000040;box-shadow:0 var(--st-spacing-sm) var(--st-spacing-lg) var(--st-shadow-color,#00000040);color:var(--st-text-primary);display:flex;flex-direction:column;font-family:var(--main-font-family);font-size:var(--font-size-md);max-height:90vh;max-width:700px;opacity:0;overflow:hidden;padding:0;transform:translateY(-20px) scale(.98);width:90%}@keyframes popupFadeInScaleUp{to{opacity:1;transform:translateY(0) scale(1)}}.link-data-sources-popup-header{align-items:center;background-color:var(--st-background);border-bottom:var(--border-width) solid var(--st-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--st-spacing-md) var(--st-spacing-lg)}.link-data-sources-popup-header h2{font-family:var(--header-font-family);font-size:var(--font-size-lg);font-weight:600;margin:0}.link-data-sources-popup-close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:var(--st-spacing-xs);transition:all .2s ease;width:32px}.link-data-sources-popup-close-button:hover{background-color:var(--st-button-hover-background);color:var(--st-text-primary)}.link-data-sources-popup-body{flex-grow:1;overflow-y:auto;padding:var(--st-spacing-lg);scrollbar-color:var(--st-text-secondary) #0000;scrollbar-width:thin}.description-text{color:var(--st-text-secondary);font-size:var(--font-size-md);line-height:1.5;margin-top:0}.description-text,.source-section{margin-bottom:var(--st-spacing-xl)}.source-section{border-bottom:1px solid var(--st-border-color);padding-bottom:var(--st-spacing-lg)}.source-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{align-items:center;color:var(--st-text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--st-spacing-md) 0}.connection-manager,.section-title{display:flex;gap:var(--st-spacing-sm)}.connection-manager{flex-direction:column;margin-bottom:var(--st-spacing-md)}.active-connections-list{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--st-spacing-xs);padding:var(--st-spacing-sm)}.connection-list-label{color:var(--st-text-secondary);font-size:.85em;font-weight:500;letter-spacing:.5px;margin-bottom:var(--st-spacing-xs);text-transform:uppercase}.connection-item{align-items:center;background-color:var(--st-sidebar-background);border:1px solid var(--st-border-color);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:var(--st-spacing-xs) var(--st-spacing-sm)}.connection-icon{color:var(--main-green);flex-shrink:0;margin-right:var(--st-spacing-sm)}.connection-email{color:var(--st-text-primary);flex-grow:1;font-family:monospace;font-size:.95em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revoke-icon-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--st-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.revoke-icon-button:hover{background-color:rgba(var(--main-red-rgb),.1);color:var(--main-red)}.add-connection-button{align-items:center;background-color:initial;border:1px dashed var(--st-text-secondary);border-radius:var(--border-radius);box-sizing:border-box;color:var(--st-text-primary);cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:var(--st-spacing-sm);height:40px;justify-content:center;padding:var(--st-spacing-sm) var(--st-spacing-md);transition:all .2s;width:100%}.add-connection-button:hover:not(:disabled){background-color:var(--st-button-hover-background);border-color:var(--st-accent-color);color:var(--st-accent-color)}.add-connection-button:disabled{cursor:not-allowed;opacity:.5}.loading-skeleton{animation:loadingPulse 1.5s infinite;background:linear-gradient(90deg,var(--st-background) 25%,var(--st-sidebar-background) 50%,var(--st-background) 75%);background-size:200% 100%;border-radius:var(--border-radius);height:40px}@keyframes loadingPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.connected-list{border-top:1px solid var(--st-border-color);margin-top:var(--st-spacing-md);padding-top:var(--st-spacing-md)}.list-header-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--st-spacing-sm);justify-content:space-between;margin-bottom:var(--st-spacing-sm)}.list-title h3{color:var(--st-text-secondary);font-size:.95em;font-weight:600;margin:0;text-transform:uppercase}.search-container{align-items:center;display:flex;flex-grow:1;gap:var(--st-spacing-xs);justify-content:flex-end}.search-input{-webkit-appearance:none;appearance:none;background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:var(--border-radius);box-sizing:border-box!important;color:var(--st-text-primary);font-size:.9em;height:30px!important;line-height:38px;min-width:150px;padding:0 12px}.search-input:focus{border-color:var(--st-accent-color);box-shadow:0 0 0 1px var(--st-accent-color);outline:none}.refresh-icon-button{align-items:center;background:none;border:1px solid var(--st-border-color);border-radius:var(--border-radius);box-sizing:border-box!important;color:var(--st-text-secondary);cursor:pointer;display:flex;height:30px!important;justify-content:center;transition:all .2s;width:30px!important}.refresh-icon-button:hover{border-color:var(--st-accent-color);color:var(--st-accent-color)}.data-source-list{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:var(--border-radius);list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.data-source-list li{align-items:center;border-bottom:1px solid var(--st-border-color);display:flex;padding:8px 12px}.data-source-list li:last-child{border-bottom:none}.data-source-list li:hover{background-color:var(--st-sidebar-background)}.data-source-list input[type=checkbox]{accent-color:var(--st-accent-color);height:16px;margin-right:12px;width:16px}.data-source-list label{align-items:center;color:var(--st-text-primary);cursor:pointer;display:flex;flex-grow:1;font-size:.95em;gap:8px}.item-id{color:var(--st-text-secondary);font-size:.85em}.manager-badge{background-color:var(--st-accent-color);border-radius:4px;color:#fff;font-size:.7em;padding:2px 6px;text-transform:uppercase}.link-data-sources-popup-footer{align-items:center;background-color:var(--st-sidebar-background);border-top:var(--border-width) solid var(--st-border-color);display:flex;flex-shrink:0;gap:var(--st-spacing-md);justify-content:flex-end;padding:var(--st-spacing-md) var(--st-spacing-lg)}.cancel-button-footer{background:none;border:1px solid var(--st-border-color);border-radius:var(--button-border-radius);box-sizing:border-box;color:var(--st-text-secondary);cursor:pointer;font-weight:500;height:40px;padding:8px 16px}.cancel-button-footer:hover{background-color:var(--st-button-hover-background);color:var(--st-text-primary)}.save-button-footer{align-items:center;background-color:var(--main-green);border:none;border-radius:var(--button-border-radius);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;padding:8px 24px}.save-button-footer:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.save-button-footer:disabled{cursor:not-allowed;opacity:.5}.feedback-message{font-size:.9em;font-weight:500;margin-right:auto}.feedback-message.success{color:var(--main-green)}.feedback-message.error{color:var(--main-red)}.confirmation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;border-radius:var(--border-radius);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.confirmation-modal{animation:popupFadeInScaleUp .2s ease-out;background-color:var(--st-sidebar-background);border:1px solid var(--st-border-color);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000004d;max-width:400px;padding:var(--st-spacing-lg);text-align:center}.confirmation-modal h4{color:var(--st-text-primary);margin:0 0 var(--st-spacing-md) 0}.confirmation-modal p{color:var(--st-text-secondary);font-size:.9em;margin-bottom:var(--st-spacing-lg)}.modal-actions{display:flex;gap:var(--st-spacing-md);justify-content:center}.confirm-button.delete{background-color:var(--main-red);border:none;border-radius:var(--button-border-radius);box-sizing:border-box;color:#fff;cursor:pointer;font-weight:600;height:40px;padding:8px 16px}.confirm-button.delete:hover{opacity:.9}.cancel-button{background:none;border:1px solid var(--st-border-color);border-radius:var(--button-border-radius);box-sizing:border-box;color:var(--st-text-primary);cursor:pointer;height:40px;padding:8px 16px}.cancel-button:hover{background-color:var(--st-button-hover-background)}.profile-dropdown{background-color:var(--st-sidebar-background);border:var(--st-border-width) solid var(--st-border-color);border-radius:var(--st-border-radius);box-shadow:0 4px 16px var(--st-shadow-color);color:var(--st-text-primary);font-family:var(--main-font-family);max-height:80vh;min-width:280px;opacity:0;overflow-x:hidden;overflow-y:auto;padding:var(--st-spacing-sm);pointer-events:none;position:absolute;right:0;top:calc(100% + 5px);transform:translateY(-10px);transform-origin:top right;transition:opacity var(--st-transition-duration) var(--st-transition-ease),transform var(--st-transition-duration) var(--st-transition-ease);z-index:2000}.profile-dropdown::-webkit-scrollbar{width:6px}.profile-dropdown::-webkit-scrollbar-track{background:#0000}.profile-dropdown::-webkit-scrollbar-thumb{background-color:var(--st-border-color);border-radius:3px}.profile-dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--st-text-secondary)}@media (max-width:767px){.profile-dropdown{left:auto;max-width:calc(100vw - 16px);min-width:260px;right:0}}.profile-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-section{padding:var(--st-spacing-xs) 0}.menu-separator{background-color:var(--st-border-color);flex-shrink:0;height:var(--st-border-width);margin:var(--st-spacing-sm)}.menu-section-header{align-items:center;color:var(--st-text-secondary);display:flex;font-family:var(--header-font-family);font-size:var(--st-font-size-sm);font-weight:500;gap:var(--st-spacing-sm);letter-spacing:.5px;margin:0;padding:var(--st-spacing-xs) var(--st-spacing-md);text-transform:uppercase}.menu-section-header svg{font-size:1em;opacity:.8}.menu-item{align-items:center;background-color:initial;border:none;border-radius:var(--st-border-radius);color:var(--st-text-primary);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--main-font-family);font-size:var(--st-font-size-md);gap:var(--st-spacing-md);margin:0;padding:var(--st-spacing-sm) var(--st-spacing-md);text-align:left;transition:background-color var(--st-transition-duration) ease,color var(--st-transition-duration) ease;width:100%}.menu-item svg{color:var(--st-text-secondary);flex-shrink:0;font-size:1em;text-align:center;transition:color var(--st-transition-duration) ease;width:1.2em}.menu-item:not([disabled]):hover{background-color:var(--st-hover-color)}.menu-item:not([disabled]):hover svg{color:var(--st-accent-color)}.menu-item:focus-visible{background-color:var(--st-hover-color);outline:2px solid var(--st-accent-color);outline-offset:-2px}.menu-item.logout-button,.menu-item.logout-button svg{color:var(--main-red)}.menu-item.logout-button:hover{background-color:rgba(var(--main-red-rgb),.1);color:var(--main-red)}.menu-state-message,.no-recent-projects{color:var(--st-text-secondary);font-size:var(--st-font-size-sm);font-style:italic;margin:0;padding:var(--st-spacing-sm) var(--st-spacing-md);text-align:center}.menu-state-message.error{color:var(--main-red);font-style:normal}.menu-item .project-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item.active{background-color:rgba(var(--st-accent-rgb),.15);color:var(--st-text-primary);font-weight:500}.menu-item.active svg{color:var(--st-accent-color)}.menu-item:disabled{color:var(--st-text-secondary);cursor:default;opacity:.6}.menu-item:disabled:hover{background-color:initial}.theme-switcher-container{border:1px solid var(--st-border-color);display:flex;flex-shrink:0;margin:0 var(--st-spacing-sm);padding:0 var(--st-spacing-sm)}.theme-switcher-btn,.theme-switcher-container{border-radius:var(--st-border-radius);gap:var(--st-spacing-sm)}.theme-switcher-btn{flex:1 1;flex-direction:row;font-size:var(--st-font-size-sm);height:38px;justify-content:center}.theme-switcher-btn.active{background-color:var(--st-accent-color)}.theme-switcher-btn.active,.theme-switcher-btn.active svg{color:var(--st-text-on-accent)}.language-select-container{align-items:stretch;display:flex;flex-direction:column;gap:4px;margin:0;padding:0}.custom-language-select,.language-select-container{position:relative;width:100%}.custom-select-trigger{align-items:center;background-color:initial;border:1px solid var(--st-border-color);border-radius:var(--st-border-radius);color:var(--st-text-primary);cursor:pointer;display:flex;font-family:var(--main-font-family);font-size:var(--st-font-size-md);justify-content:space-between;padding:var(--st-spacing-sm) var(--st-spacing-md);transition:all var(--st-transition-duration) var(--st-transition-ease);width:100%}.custom-select-trigger[aria-expanded=true]{background-color:var(--st-hover-color);border-bottom-color:#0000;border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-select-trigger:hover{background-color:var(--st-hover-color);border-color:var(--st-text-secondary)}.custom-select-arrow{color:var(--st-text-secondary);transition:transform .2s ease}.custom-select-trigger[aria-expanded=true] .custom-select-arrow{transform:rotate(180deg)}.custom-options-list{background-color:var(--st-sidebar-background);background-color:#00000005;border:1px solid var(--st-border-color);border-bottom-left-radius:var(--st-border-radius);border-bottom-right-radius:var(--st-border-radius);border-top:none;box-shadow:none;left:auto;list-style:none;margin:0;max-height:180px;overflow-y:auto;padding:0;position:relative;right:auto;top:auto;z-index:1}.custom-options-list::-webkit-scrollbar{width:6px}.custom-options-list::-webkit-scrollbar-track{background:#0000}.custom-options-list::-webkit-scrollbar-thumb{background-color:var(--st-border-color);border-radius:3px}.custom-options-list::-webkit-scrollbar-thumb:hover{background-color:var(--st-text-secondary)}.custom-option{border-radius:0;color:var(--st-text-primary);cursor:pointer;font-size:var(--st-font-size-md);padding:var(--st-spacing-sm) var(--st-spacing-md);transition:background-color var(--st-transition-duration) ease}.custom-option:last-child{border-bottom-left-radius:var(--st-border-radius);border-bottom-right-radius:var(--st-border-radius)}.custom-option:focus-visible,.custom-option:hover{background-color:var(--st-hover-color);outline:none}.custom-option.selected{background-color:rgba(var(--st-accent-rgb),.15);color:var(--st-text-primary);font-weight:500}.language-save-button-inline{background-color:var(--st-accent-color);border:none;border-radius:var(--st-border-radius);color:var(--st-text-on-accent);cursor:pointer;font-size:var(--st-font-size-md);font-weight:500;margin-top:var(--st-spacing-sm);padding:var(--st-spacing-sm) var(--st-spacing-md);transition:background-color var(--st-transition-duration) var(--st-transition-ease);width:100%}.language-save-button-inline:hover{background-color:var(--st-button-hover-background)}.avatar-selection-container{padding:0 var(--st-spacing-sm) var(--st-spacing-sm) var(--st-spacing-sm)}.profile-dropdown .avatar-selector-wrapper{display:flex;flex-direction:column;width:100%}.profile-dropdown .avatar-grid{grid-gap:6px;background-color:#00000005;border:1px solid var(--st-border-color);border-radius:var(--st-border-radius);display:grid;gap:6px;grid-template-columns:repeat(5,1fr);margin-top:4px;max-height:150px;overflow-y:auto;padding:4px}.profile-dropdown .avatar-option img{display:block;height:auto;width:100%}.profile-dropdown .avatar-grid::-webkit-scrollbar{width:6px}.profile-dropdown .avatar-grid::-webkit-scrollbar-track{background:#0000}.profile-dropdown .avatar-grid::-webkit-scrollbar-thumb{background-color:var(--st-border-color);border-radius:3px}.profile-dropdown .avatar-grid::-webkit-scrollbar-thumb:hover{background-color:var(--st-text-secondary)}.toast-container{align-items:flex-end;display:flex;flex-direction:column;gap:16px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast-notification{align-items:center;animation:slideInFromRight .4s cubic-bezier(.175,.885,.32,1.275) forwards;background-color:var(--st-background);border:1px solid var(--st-border-color);border-left:5px solid var(--st-accent-color);border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;overflow:hidden;padding:16px;pointer-events:auto;position:relative;width:350px}.toast-wrapper-gold{animation:slideInFromRight .4s cubic-bezier(.175,.885,.32,1.275) forwards,sparkleFlow 2s linear infinite;background:linear-gradient(90deg,#b8860b,gold 25%,#fff 50%,gold 75%,#b8860b);background-size:200% auto;border-radius:10px;box-shadow:0 0 15px #ffd70066;padding:2px;pointer-events:auto;position:relative}.toast-wrapper-gold .toast-notification{animation:none!important;background:var(--st-background);border:none;border-radius:8px;height:100%;opacity:1!important;transform:none!important}.toast-wrapper-gold .toast-notification .toast-icon{animation:pulseIcon 1.5s ease-in-out infinite;color:gold;filter:drop-shadow(0 0 2px rgba(184,134,11,.5))}.toast-wrapper-gold .toast-notification .toast-title{color:#b8860b}.toast-wrapper-gold .toast-notification .toast-progress-bar{background:linear-gradient(90deg,gold,#fff,gold);box-shadow:0 0 8px gold;height:3px}.toast-wrapper-gold:before{animation:sparkleTwinkle 1s infinite alternate;background:radial-gradient(circle,#fffc 10%,#0000 0);background-size:10px 10px;border-radius:10px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes sparkleFlow{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes sparkleTwinkle{0%{opacity:.1;transform:scale(.95)}to{opacity:.4;transform:scale(1.05)}}@keyframes pulseIcon{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.toast-notification.exit,.toast-wrapper-gold.exit{animation:slideOutToRight .4s ease-in forwards!important}@keyframes slideOutToRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(120%)}}.toast-icon{color:var(--st-accent-color);flex-shrink:0;font-size:22px;margin-right:16px}.toast-content{display:flex;flex-direction:column;flex-grow:1;gap:4px;min-width:0}.toast-title{color:var(--st-text-primary);font-size:15px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}.toast-message{color:var(--st-text-secondary);font-size:13px;line-height:1.4}.toast-close-btn{background:none;border:none;border-radius:50%;color:var(--st-text-secondary);cursor:pointer;font-size:14px;padding:6px;position:absolute;right:8px;top:8px;transition:background-color .2s,color .2s;z-index:2}.toast-close-btn:hover{background-color:var(--st-hover-color);color:var(--st-text-primary)}.toast-progress-bar{animation:progressBarDecrease linear forwards;background-color:var(--st-accent-color);bottom:0;height:4px;left:0;position:absolute;transform-origin:left;width:100%}@keyframes progressBarDecrease{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.level-up-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:99999}.level-up-card{align-items:center;animation:scaleUp .4s cubic-bezier(.175,.885,.32,1.275);background:#1a1a1a;background:var(--st-sidebar-background,#1a1a1a);border:1px solid #333;border:1px solid var(--st-border-color,#333);border-radius:16px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-width:400px;padding:40px;position:relative;text-align:center;width:90%}.level-up-close{background:none;border:none;color:#888;color:var(--st-text-secondary,#888);cursor:pointer;font-size:1.2rem;padding:5px;position:absolute;right:15px;top:15px;transition:color .2s}.level-up-close:hover{color:#fff;color:var(--st-text-primary,#fff)}.level-up-glow{border-radius:50%;filter:blur(60px);height:200px;left:50%;opacity:.2;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:0}.level-up-icon-wrapper{border:2px solid;border-radius:50%;height:80px;margin-bottom:20px;padding:4px;width:80px;z-index:1}.level-up-icon,.level-up-icon-wrapper{align-items:center;display:flex;justify-content:center}.level-up-icon{border-radius:50%;color:#000;font-size:1.8rem;height:100%;width:100%}.level-up-content{position:relative;z-index:1}.level-up-kicker{color:#888;color:var(--st-text-secondary,#888);font-size:.8rem;font-weight:600;letter-spacing:2px;margin:0 0 10px;text-transform:uppercase}.level-up-title{font-size:2rem;font-weight:800;line-height:1.1;margin:0 0 15px}.level-up-desc{color:#aaa;color:var(--st-text-secondary,#aaa);font-size:.95rem;line-height:1.5;margin-bottom:25px}.level-up-cta{border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:transform .2s,filter .2s;width:100%}.level-up-cta:hover{filter:brightness(1.1);transform:translateY(-2px)}.settings-overlay-card{animation:fadeIn .2s ease-out;background:var(--st-background);border:1px solid var(--st-border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:1rem;margin:1rem;padding:1rem}.settings-row{display:flex;flex-direction:column;gap:6px;width:100%}.settings-row label{color:var(--st-text-secondary);font-size:.8rem;font-weight:600}.settings-input{background:var(--st-input-background);border:1px solid var(--st-border-color);border-radius:4px;box-sizing:border-box;color:var(--st-text-primary);padding:8px;width:100%}.avatar-selector-wrapper{display:flex;flex-direction:column;gap:12px}.avatar-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:110px;overflow-y:auto;padding:4px}.avatar-grid::-webkit-scrollbar{width:4px}.avatar-grid::-webkit-scrollbar-thumb{background:var(--st-border-color);border-radius:4px}.avatar-option{align-items:center;background:var(--st-input-background);border:2px solid var(--st-border-color);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;transition:all .2s;width:40px}.avatar-option img{height:100%;object-fit:cover;width:100%}.avatar-option:hover{border-color:var(--st-text-secondary);transform:scale(1.1)}.avatar-option.selected{border-color:var(--achievement-gold-primary);box-shadow:0 0 0 2px #b38f004d;transform:scale(1.15)}.avatar-randomizer-bar{align-items:center;background:var(--st-input-background);border:1px solid var(--st-border-color);border-radius:6px;display:flex;gap:12px;padding:8px}.current-preview{align-items:center;display:flex;flex-grow:1;gap:8px}.current-preview img{background:var(--st-background);border:1px solid var(--st-border-color);border-radius:50%;height:32px;width:32px}.label-tiny{color:var(--st-text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase}.randomize-btn{align-items:center;background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:4px;color:var(--st-text-primary);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.randomize-btn:hover{background-color:var(--st-hover-color);border-color:var(--st-accent-color);color:var(--st-accent-color)}.randomize-btn .dice-icon{font-size:.9rem}.settings-save-btn{align-items:center;background-color:var(--st-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;margin-top:4px;padding:10px;transition:opacity .2s;width:100%}.settings-save-btn:hover{opacity:.9}.notification-bell-container{display:inline-flex;height:100%}.notification-bell-btn,.notification-bell-container{align-items:center;justify-content:center;position:relative}.notification-bell-btn{background:none;border:none;color:inherit;cursor:pointer;display:flex;margin:0;padding:0}.notification-bell-btn.has-unread .header-icon{color:var(--st-accent-color)}@keyframes pulse-red{0%{box-shadow:0 0 0 0 #dc3545b3}70%{box-shadow:0 0 0 6px #dc354500}to{box-shadow:0 0 0 0 #dc354500}}.notification-bell-btn.critical-pulse{animation:pulse-red 2s infinite;border-radius:6px;color:#dc3545!important}.notification-count{align-items:center;background:#dc3545;border:2px solid var(--st-background);border-radius:10px;box-shadow:0 1px 2px #0003;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;pointer-events:none;position:absolute;right:-4px;top:-4px;z-index:10}.notification-dropdown{animation:slideDown .2s ease-out;background:var(--st-sidebar-background);border:1px solid var(--st-border-color);border-radius:12px;box-shadow:0 10px 40px #00000040;cursor:default;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:-10px;top:calc(100% + 8px);transform-origin:top right;width:380px;z-index:1100}@keyframes slideDown{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notification-header{background:var(--st-sidebar-background);border-bottom:1px solid var(--st-border-color);display:flex;flex-direction:column;gap:12px;padding:16px}.notification-header-top{align-items:center;display:flex;justify-content:space-between}.notification-header h3{color:var(--st-text-primary);font-size:16px;font-weight:700;margin:0}.icon-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--st-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.icon-action-btn:hover{background-color:var(--st-hover-color);color:var(--st-text-primary)}.notification-tabs{display:flex;flex-wrap:wrap;gap:6px;width:100%}.tab-btn{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--st-text-secondary);cursor:pointer;flex-grow:1;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;text-align:center;transition:all .2s;white-space:nowrap}.tab-badge,.tab-btn{align-items:center;display:flex;justify-content:center}.tab-badge{background-color:var(--st-accent-color);border-radius:8px;color:#fff;font-size:10px;font-weight:700;height:16px;line-height:1;min-width:16px;padding:0 5px}.tab-btn:hover{background-color:var(--st-hover-color);color:var(--st-text-primary)}.tab-btn.active{background-color:rgba(var(--st-accent-rgb),.1);border-color:rgba(var(--st-accent-rgb),.15);color:var(--st-accent-color);font-weight:600}.notification-list{background:var(--st-background);max-height:450px;overflow-y:auto;scrollbar-color:var(--st-text-secondary) #0000;scrollbar-width:thin}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-thumb{background-color:var(--st-text-secondary);border-radius:3px}.notification-state{align-items:center;color:var(--st-text-secondary);display:flex;flex-direction:column;gap:10px;padding:40px 20px;text-align:center}.notification-state.empty svg{font-size:24px;margin-bottom:4px;opacity:.5}.filter-hint{color:var(--st-text-secondary);font-size:11px;margin-top:8px}.spinner{animation:spin .8s linear infinite;border:2px solid var(--st-border-color);border-radius:50%;border-top-color:var(--st-accent-color);height:24px;width:24px}.notification-item{background:var(--st-sidebar-background);border-bottom:1px solid var(--st-border-color);cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:12px 16px;position:relative;transition:background .2s}.notification-item:hover{background:var(--st-hover-color)}.notification-item.unread{background:rgba(var(--st-accent-rgb),.03)}.notification-item.unread:hover{background:rgba(var(--st-accent-rgb),.08)}.notification-left-column{align-items:flex-start;display:flex;flex-direction:row;gap:8px;position:relative}.notification-unread-marker{background-color:var(--st-accent-color);bottom:0;height:100%;left:-16px;position:absolute;top:0;width:3px}.notification-icon-wrapper{display:flex;flex-shrink:0;justify-content:center;margin-top:2px;width:20px}.notification-content{flex:1 1;min-width:0}.notification-top-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.notification-title{color:var(--st-text-primary);font-size:13px;font-weight:600;line-height:1.4;margin-right:8px}.notification-meta{align-items:center;display:flex;gap:8px}.notification-time{color:var(--st-text-secondary);font-size:11px;white-space:nowrap}.dismiss-btn{background:none;border:none;border-radius:4px;color:var(--st-text-secondary);cursor:pointer;font-size:12px;opacity:0;padding:4px;transition:all .2s}.notification-item:hover .dismiss-btn{opacity:1}.dismiss-btn:hover{background-color:#dc35451a;color:#dc3545}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--st-text-secondary);display:-webkit-box;font-size:13px;line-height:1.4;margin-bottom:8px;overflow:hidden}.notification-asset-preview{align-items:center;border:1px solid var(--st-border-color);border-radius:6px;display:flex;flex-direction:column;height:90px;justify-content:center;margin-top:4px;overflow:hidden;position:relative;width:100%}.notification-asset-preview.image-preview{background:var(--st-hover-color)}.notification-asset-preview img{height:100%;object-fit:cover;width:100%}.notification-asset-preview.type-music{background-color:#e91e631a;color:#e91e63}.notification-asset-preview.type-speech{background-color:#2196f31a;color:#2196f3}.notification-asset-preview.type-video{background-color:#9c27b01a;color:#9c27b0}.asset-placeholder-icon{font-size:24px;margin-bottom:6px}.asset-preview-label{font-size:11px;font-weight:500;opacity:.8}.notification-actions{display:flex;gap:8px;margin-top:8px}.action-btn{align-items:center;background:var(--st-background);border:1px solid var(--st-border-color);border-radius:4px;color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;padding:4px 10px;transition:all .2s}.action-btn:hover{background:var(--st-hover-color);border-color:var(--st-text-secondary);color:var(--st-text-primary)}.action-btn.alert{background:#dc35450d;border-color:#dc35454d;color:#dc3545}.action-btn.alert:hover{background:#dc35451a}.notification-footer{align-items:center;background:var(--st-sidebar-background);border-top:1px solid var(--st-border-color);display:flex;justify-content:space-between;padding:12px 16px}.mark-all-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--st-accent-color);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:background-color .2s}.mark-all-btn:hover{background-color:rgba(var(--st-accent-rgb),.1)}.clear-all-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.clear-all-btn:hover{background-color:var(--st-hover-color);color:var(--st-text-primary)}.notification-settings-view{background-color:var(--st-background);display:flex;flex-direction:column}.settings-list{display:flex;flex-direction:column;gap:16px;padding:16px}.settings-item{align-items:center;display:flex;justify-content:space-between}.settings-info{display:flex;flex-direction:column}.settings-label{color:var(--st-text-primary);font-size:14px;font-weight:600}.settings-desc{color:var(--st-text-secondary);font-size:11px}.switch{display:inline-block;height:20px;position:relative;width:36px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background-color:var(--st-accent-color)}input:checked+.slider:before{transform:translateX(16px)}@media (max-width:480px){.notification-dropdown{right:-60px;width:300px}}.contracts-widget{animation:fadeIn .3s ease-out;background:var(--st-input-background);border:1px solid var(--st-border-color);border-radius:8px;margin-bottom:1rem;padding:12px}.contracts-widget.empty{align-items:center;border-style:dashed;display:flex;flex-direction:column;gap:8px;opacity:.7;padding:20px}.contract-empty-icon{color:var(--st-accent-color);font-size:1.5rem}.contract-empty-text{color:var(--st-text-secondary);font-size:.8rem}.contracts-header{align-items:baseline;border-bottom:1px solid var(--st-border-color);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.contracts-title{align-items:center;color:var(--st-accent-color);display:flex;font-size:.8rem;font-weight:800;gap:6px;letter-spacing:.5px}.contracts-subtitle{color:var(--st-text-secondary);font-size:.65rem;font-weight:600;letter-spacing:1px}.contracts-list{gap:8px}.contract-card,.contracts-list{display:flex;flex-direction:column}.contract-card{animation:slideInRight .3s ease-out backwards;background:var(--st-background);border:1px solid var(--st-border-color);border-radius:6px;cursor:default;gap:6px;overflow:hidden;padding:8px 10px;position:relative;transition:transform .2s,box-shadow .2s}.contract-card.is-priority{background:linear-gradient(to right,rgba(var(--st-accent-rgb),.05),#0000);border-color:rgba(var(--st-accent-rgb),.4)}.contract-card:hover{border-color:var(--st-accent-color);box-shadow:0 2px 8px #0000000d;transform:translateX(2px)}.contract-top-row{align-items:center;display:flex;justify-content:space-between}.contract-name{color:var(--st-text-primary);font-size:.85rem;font-weight:700}.contract-xp{background:rgba(var(--st-accent-rgb),.1);border-radius:4px;color:var(--st-accent-color);font-size:.75rem;font-weight:700;padding:2px 6px;white-space:nowrap}.contract-desc{color:var(--st-text-secondary);font-size:.75rem;line-height:1.3}.contract-status{align-items:center;display:flex;gap:8px;margin-top:2px}.contract-progress-text{color:var(--st-text-secondary);font-size:.7rem;font-weight:600;min-width:30px}.contract-progress-track{background:var(--st-hover-color);border-radius:2px;flex-grow:1;height:4px;overflow:hidden}.contract-progress-fill{background:var(--st-accent-color);border-radius:2px;height:100%;transition:width .5s ease-out}.contract-tag-inline{align-items:center;align-self:flex-start;background:var(--st-accent-color);border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#fff;display:flex;font-size:.55rem;font-weight:800;gap:4px;letter-spacing:.5px;margin-bottom:2px;padding:2px 6px}.hexagon-wrapper{align-items:center;display:flex;justify-content:center;margin:0 auto 1rem;overflow:visible;position:relative}.hexagon-svg{overflow:visible}.hex-grid-line{fill:#0000}.hex-axis-line,.hex-grid-line{stroke:var(--st-border-color);stroke-width:1}.hex-axis-line{stroke-dasharray:4;opacity:.5}.hex-data-shape{fill:rgba(var(--st-accent-rgb),.2);stroke:var(--st-accent-color);stroke-width:2;transition:all .5s ease-out}.hex-data-point{fill:var(--st-accent-color);stroke:var(--st-background);stroke-width:1.5px;transition:all .5s ease-out}.hex-label{fill:var(--st-text-secondary);font-size:.65rem;font-weight:600;text-transform:uppercase}.public-profile-view{animation:slideInProfile .3s ease-out;background-color:var(--st-background);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:1rem}@keyframes slideInProfile{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.pp-header{margin-bottom:1rem}.pp-back-btn{align-items:center;background:none;border:none;color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:0;transition:color .2s}.pp-back-btn:hover{color:var(--st-text-primary)}.pp-identity{flex-direction:column;gap:.5rem;margin-bottom:1rem;text-align:center}.pp-avatar-large,.pp-identity{align-items:center;display:flex}.pp-avatar-large{background-color:var(--st-input-background);border:4px solid;border-radius:50%;box-shadow:0 4px 20px #00000026;font-size:2.5rem;height:90px;justify-content:center;overflow:hidden;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);width:90px}.pp-avatar-large:hover{transform:scale(1.05)}.pp-name{color:var(--st-text-primary);font-size:1.4rem;font-weight:700;letter-spacing:-.5px;margin:0}.pp-rank-badge{border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:1px;padding:4px 12px;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.pp-xp{background:var(--st-input-background);border:1px solid var(--st-border-color);border-radius:6px;color:var(--st-text-secondary);font-size:.9rem;font-weight:600;padding:4px 12px}.pp-radar-section{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.pp-radar-header{align-items:center;color:var(--st-text-secondary);display:flex;font-size:.8rem;font-weight:700;gap:8px;margin-bottom:8px;text-transform:uppercase}.pp-divider{background-color:var(--st-border-color);height:1px;margin:1.5rem 0;position:relative;width:100%}.pp-trophy-case h4{align-items:center;color:var(--st-text-secondary);display:flex;font-size:.9rem;gap:8px;margin:0 0 1rem;text-transform:uppercase}.pp-badges-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding-bottom:1rem}.pp-badge-item{align-items:center;background:var(--st-background);border:1px solid var(--st-border-color);border-radius:8px;cursor:default;display:flex;flex-direction:column;gap:8px;padding:12px 8px;position:relative;text-align:center;transition:all .2s ease}.pp-badge-item.interactive{cursor:pointer}.pp-badge-item:hover{border-color:var(--st-accent-color);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.pp-badge-item.is-pinned-in-grid{background:#b38f000d;border-color:var(--achievement-gold-primary)}.pp-badge-icon{color:var(--achievement-gold-primary);filter:drop-shadow(0 2px 4px var(--achievement-gold-shadow));font-size:1.4rem}.pp-badge-name{color:var(--st-text-primary);font-size:.65rem;font-weight:600;line-height:1.2}.pp-empty{background:var(--st-input-background);border:1px dashed var(--st-border-color);border-radius:8px;color:var(--st-text-secondary);font-style:italic;padding:2rem;text-align:center}.pinned-case{margin-bottom:1rem}.pp-badge-item.pinned{background:linear-gradient(135deg,#b38f001a,#b38f0000);border:1px solid var(--achievement-gold-primary);box-shadow:0 4px 12px #b38f0026}.pp-pin-corner{color:var(--achievement-gold-primary);font-size:.7rem;position:absolute;right:6px;top:4px}.pp-pin-indicator{align-items:center;background:var(--st-background);border:1px solid var(--st-border-color);border-radius:50%;color:var(--st-text-secondary);display:flex;font-size:.6rem;height:18px;justify-content:center;opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .2s;width:18px}.pp-badge-item.pinned:hover .pp-pin-indicator{opacity:1}.rival-section{background:#ff000008;border-bottom:1px solid var(--st-border-color);margin-bottom:8px;padding:.75rem}.rival-header{align-items:center;color:var(--st-text-secondary);display:flex;font-size:.7rem;font-weight:800;gap:6px;letter-spacing:.5px;margin-bottom:8px}.rival-label{background-color:#ff4757;border-radius:3px;color:#fff;font-size:.55rem;font-weight:800;margin-right:4px;padding:2px 4px;vertical-align:middle}.leaderboard-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.leaderboard-filter-bar{background-color:var(--st-background);border-bottom:1px solid var(--st-border-color);display:flex;flex-shrink:0;gap:8px;padding:.5rem}.lb-filter-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--st-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;padding:6px 12px;transition:all .2s}.lb-filter-btn:hover{background-color:var(--st-hover-color);color:var(--st-text-primary)}.lb-filter-btn.active{background-color:var(--st-input-background);border-color:var(--st-border-color);box-shadow:0 1px 2px #0000000d;color:var(--st-accent-color)}.leaderboard-container{display:flex;flex-direction:column;gap:.5rem;height:100%;overflow-y:auto;padding:.5rem .5rem 20px;scrollbar-color:var(--st-text-secondary) #0000;scrollbar-width:thin}.leaderboard-container.has-tall-footer{padding-bottom:240px}.leaderboard-container::-webkit-scrollbar{width:6px}.leaderboard-container::-webkit-scrollbar-track{background:#0000}.leaderboard-container::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--st-text-secondary);border:2px solid #0000;border-radius:3px}.leaderboard-loading{animation:pulseText 1.5s infinite;color:var(--st-text-secondary);font-style:italic;padding:2rem;text-align:center}@keyframes pulseText{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.leaderboard-item{align-items:center;background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:6px;display:flex;flex-shrink:0;gap:.8rem;padding:.75rem;transition:transform .2s ease,box-shadow .2s ease}.leaderboard-item:hover{background-color:var(--st-input-background);transform:translateX(4px)}.leaderboard-item.is-me{background-color:rgba(var(--st-accent-rgb),.1);border-color:var(--st-accent-color);box-shadow:0 0 10px rgba(var(--st-accent-rgb),.1)}.leaderboard-item.is-rival{background-color:#00000005;opacity:.8}.lb-rank{color:var(--st-text-secondary);flex-shrink:0;font-size:1.1rem;font-weight:800;text-align:center;width:30px}.lb-rank.rank-1{color:gold;text-shadow:0 0 5px #ffd70080}.lb-rank.rank-2{color:silver}.lb-rank.rank-3{color:#cd7f32}.lb-avatar{align-items:center;background:var(--st-input-background);border:1px solid var(--st-border-color);border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;width:36px}.lb-info{flex-grow:1;min-width:0}.lb-name{color:var(--st-text-primary);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-title{align-items:center;color:var(--st-text-secondary);display:flex;font-size:.75rem;gap:6px}.lb-xp{color:var(--st-accent-color);font-size:.9rem;font-weight:700;white-space:nowrap}.lb-empty-state{background:var(--st-background);border:1px dashed var(--st-border-color);border-radius:8px;color:var(--st-text-secondary);padding:2rem;text-align:center}.sticky-me-bar{animation:slideUp .3s ease-out;background-color:var(--st-background);border-top:1px solid var(--st-accent-color);bottom:0;box-shadow:0 -4px 20px #00000026;display:flex;flex-direction:column;left:0;position:absolute;right:0;z-index:10}.sticky-me-bar.unified{gap:0;padding:0}.sticky-header{background:var(--st-background);border-bottom:1px solid var(--st-border-color);color:var(--st-accent-color);font-size:.7rem;font-weight:700;opacity:.9;padding:6px 0 2px;text-align:center}.sticky-me-bar.unified .leaderboard-item{border-bottom:1px solid var(--st-border-color);border-left:none;border-radius:0;border-right:none;margin:0;transform:none}.sticky-me-bar.unified .leaderboard-item:last-child{border-bottom:none}:root{--rank-iron:#4a4a4a;--rank-bronze:#8b4513;--rank-silver:#708090;--rank-gold:#b38f00;--rank-platinum:#008b8b;--rank-emerald:#006400;--rank-diamond:#483d8b;--rank-master:purple;--rank-grandmaster:#8b0000;--rank-challenger:#b38f00;--achievement-gold-primary:var(--rank-gold);--achievement-gold-border:#b38f0066;--achievement-gold-bg:linear-gradient(90deg,#b38f0026,#b38f0000);--achievement-gold-shadow:#b38f0033}html[data-theme=dark]{--rank-iron:#a1a1a1;--rank-bronze:#cd7f32;--rank-silver:#e0e0e0;--rank-gold:gold;--rank-platinum:#0ff;--rank-emerald:#50c878;--rank-diamond:#b9f2ff;--rank-master:orchid;--rank-grandmaster:#ff4500;--rank-challenger:gold;--achievement-gold-primary:var(--rank-gold);--achievement-gold-border:#ffd70066;--achievement-gold-bg:linear-gradient(90deg,#ffd70026,#ffd70000);--achievement-gold-shadow:#ffd70080}.achievements-panel-overlay{background-color:initial;bottom:0;display:flex;justify-content:flex-end;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1090}.achievements-panel{animation:slideInRight .3s ease-out;background-color:var(--st-sidebar-background);border-left:1px solid var(--st-border-color);box-shadow:-5px 0 25px #0003;display:flex;flex-direction:column;height:100%;pointer-events:auto;width:420px}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.achievements-header{align-items:center;background-color:var(--st-sidebar-background);border-bottom:1px solid var(--st-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem 1rem}.header-controls{align-items:center;display:flex;gap:.5rem}.achievements-header h3{color:var(--st-text-primary);font-size:1.1rem;font-weight:600;margin:0}.achievements-close-btn{background:none;border:none;border-radius:4px;color:var(--st-text-secondary);cursor:pointer;font-size:1.2rem;line-height:1;padding:.5rem;transition:background-color .2s,color .2s}.achievements-close-btn:hover{background-color:var(--st-hover-color);color:var(--st-text-primary)}.rank-card{background:var(--st-background);border:1px solid var(--st-border-color);border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #0000000d;gap:1rem;margin:.75rem 1rem;padding:.75rem;position:relative;transition:all .2s ease}.rank-card,.rank-emblem{align-items:center;display:flex}.rank-emblem{background-color:var(--st-input-background);border:2px solid;border-radius:50%;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.rank-info-col{display:flex;flex-direction:column;flex-grow:1}.rank-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px;width:100%}.rank-total-xp{font-feature-settings:"tnum";color:var(--st-text-primary);font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:800}.rank-label{color:var(--st-text-secondary);font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.rank-title-text{font-size:1rem;font-weight:800;margin-bottom:4px;text-transform:uppercase}html[data-theme=dark] .rank-title-text{text-shadow:0 0 10px currentColor}.rank-progress-wrapper{width:100%}.rank-progress-track{background-color:var(--st-hover-color);border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden;width:100%}.rank-progress-fill{border-radius:2px;height:100%;transition:width .5s ease-out}.rank-next-text{color:var(--st-text-secondary);font-size:.7rem}.rank-max-text{font-size:.75rem;font-weight:600}.view-toggle-container{background-color:var(--st-sidebar-background);border-bottom:1px solid var(--st-border-color);box-sizing:border-box;display:flex;gap:4px;padding:.5rem 1rem 0;width:100%}.view-toggle-btn{align-items:center;background:#0000000a;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;color:var(--st-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;position:relative;top:1px;transition:all .2s ease}html[data-theme=dark] .view-toggle-btn{background:#ffffff08}.view-toggle-btn:hover{background:#00000014;color:var(--st-text-primary)}html[data-theme=dark] .view-toggle-btn:hover{background:#ffffff14}.view-toggle-btn.active{background:var(--st-background);border-bottom:1px solid var(--st-border-color);border:1px solid var(--st-border-color);border-bottom-color:var(--st-background);box-shadow:0 -2px 6px #00000008;color:var(--st-accent-color);margin-bottom:-1px;opacity:1;top:0;z-index:2}.command-deck{grid-gap:.75rem;background-color:var(--st-background);border-bottom:1px solid var(--st-border-color);display:grid;gap:.75rem;grid-template-columns:1fr;padding:.75rem 1rem}.command-deck,.command-row{box-sizing:border-box;width:100%}.command-row{align-items:center;display:flex;gap:.5rem;min-width:0}.command-deck .search-bar{align-items:center;background-color:var(--st-input-background);border:1px solid var(--st-border-color);border-radius:4px;box-sizing:border-box;display:flex;flex-grow:1;margin:0;max-width:none!important;position:relative;transition:border-color .2s;width:100%!important}.command-deck .search-bar:focus-within{border-color:var(--st-accent-color)}.command-deck .search-bar input{background-color:initial!important;border:none!important;border-radius:inherit;box-shadow:none!important;box-sizing:border-box;color:var(--st-text-primary);flex-grow:1;font-family:inherit;font-size:.85rem;height:36px;outline:none;padding:4px 12px 4px 34px!important;width:100%!important}.command-deck .search-bar input::placeholder,.command-deck .search-icon{color:var(--st-text-secondary);opacity:.7}.command-deck .search-icon{font-size:.8rem;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.view-mode-toggles{background-color:var(--st-input-background);border:1px solid var(--st-border-color);border-radius:6px;box-sizing:border-box;display:flex;gap:4px;height:36px;padding:2px}.icon-toggle-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:.9rem;height:100%;justify-content:center;transition:all .2s;width:32px}.icon-toggle-btn:hover{background-color:#ffffff0d;color:var(--st-text-primary)}.icon-toggle-btn.active{background-color:var(--st-accent-color);box-shadow:0 1px 3px #0003;color:#fff}.filter-dropdown{align-items:center;background-color:var(--st-input-background);border:1px solid var(--st-border-color);border-radius:4px;box-sizing:border-box;display:flex;position:relative;transition:border-color .2s}.filter-dropdown:focus-within{border-color:var(--st-accent-color)}.filter-dropdown.flex-grow{flex:6 1;min-width:0}.filter-dropdown.flex-shrink{flex:4 1;min-width:0}.select-icon{color:var(--st-text-secondary);font-size:.8rem;left:10px;pointer-events:none;position:absolute;z-index:2}.filter-dropdown select{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:var(--st-text-primary);cursor:pointer;font-family:inherit;font-size:.8rem;height:36px;outline:none;padding:4px 20px 4px 30px;text-overflow:ellipsis;white-space:nowrap;width:100%}.filter-dropdown option{background-color:var(--st-background);color:var(--st-text-primary);padding:8px}.filter-dropdown:after{border:4px solid #0000;border-top:4px solid var(--st-text-secondary);content:"";opacity:.7;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-30%)}.achievements-list{background-color:var(--st-background);flex-grow:1;overflow-y:auto;padding:1rem;scrollbar-color:var(--st-text-secondary) #0000;scrollbar-width:thin}.achievements-list::-webkit-scrollbar{width:6px}.achievements-list::-webkit-scrollbar-track{background:#0000}.achievements-list::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--st-text-secondary);border:2px solid #0000;border-radius:3px}.no-results{color:var(--st-text-secondary);font-style:italic;padding:2rem;text-align:center}.achievement-item{align-items:center;background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:6px;display:flex;margin-bottom:.5rem;opacity:.6;padding:.75rem;transition:all .2s ease}.achievement-item.completed{background:linear-gradient(90deg,#b38f0026,#b38f0000);background:var(--achievement-gold-bg);border-color:#b38f0066;border-color:var(--achievement-gold-border);box-shadow:0 2px 8px #0000000d;opacity:1}.achievement-icon-wrapper{color:var(--st-text-secondary);flex-shrink:0;font-size:24px;margin-right:16px;transition:color .3s ease}.achievement-item.completed .achievement-icon-wrapper .achievement-icon,.achievement-item.completed .achievement-icon-wrapper svg{color:#b38f00!important;color:var(--achievement-gold-primary)!important;filter:drop-shadow(0 0 1px rgba(179,143,0,.2));filter:drop-shadow(0 0 1px var(--achievement-gold-shadow))}.achievement-details{flex-grow:1;min-width:0}.achievement-header-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px}.achievement-title{color:var(--st-text-primary);font-size:.9rem;font-weight:600;margin:0}.achievement-date{color:var(--st-text-secondary);font-size:.65rem;font-weight:400;margin-left:8px;opacity:.8;white-space:nowrap}.achievement-description{color:var(--st-text-secondary);font-size:.8rem;line-height:1.4;margin:0}.achievement-points{color:var(--st-accent-color);flex-shrink:0;font-size:.9rem;font-weight:700;margin-left:16px}.achievement-item.completed .achievement-points{color:#b38f00;color:var(--achievement-gold-primary)}.achievement-progress{margin-top:8px}.achievement-progress-text{color:var(--st-text-secondary);font-size:.7rem;font-weight:500;margin-bottom:4px;text-align:right}.achievement-progress-bar-container{background-color:var(--st-hover-color);border-radius:3px;height:6px;overflow:hidden;width:100%}.achievement-progress-bar{background-color:var(--st-accent-color);border-radius:3px;height:100%;transition:width .5s ease-out}.achievement-item.mystery{background:#00000005;border-style:dashed;opacity:.5}.achievement-item.mystery .achievement-icon{color:var(--st-text-secondary);opacity:.5}.achievement-item.mystery .achievement-title{color:var(--st-text-secondary);font-style:italic}.achievement-item.mystery .achievement-points{color:var(--st-text-secondary)}.achievement-checklist-grid{grid-gap:4px 8px;display:grid;gap:4px 8px;grid-template-columns:1fr 1fr;margin-top:8px}.checklist-subitem{align-items:center;color:var(--st-text-secondary);display:flex;font-size:.75rem;gap:6px;opacity:.6}.checklist-subitem.met{color:var(--st-accent-color);font-weight:600;opacity:1;text-shadow:0 0 10px rgba(var(--st-accent-rgb),.2)}.series-card{flex-direction:row}.series-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.series-label{color:var(--st-text-secondary);font-size:.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.series-badge-complete{background:#b38f00;background:var(--achievement-gold-primary);border-radius:4px;color:#2c2c2c;font-size:.6rem;font-weight:800;letter-spacing:.5px;padding:2px 6px}.series-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.series-text-step{align-items:center;background:#00000008;border:1px solid #0000;border-radius:4px;display:flex;padding:6px 8px;transition:all .2s ease}html[data-theme=dark] .series-text-step{background:#ffffff08}.series-text-step.done{background:#b38f000d;border-color:#b38f0066;border-color:var(--achievement-gold-border)}.series-text-step.done .step-icon{color:#b38f00;color:var(--achievement-gold-primary)}.series-text-step.done .step-title{color:var(--st-text-primary);opacity:.7}.series-text-step.done .step-points{color:#b38f00;color:var(--achievement-gold-primary)}.series-text-step.active{background:var(--st-input-background);border-color:var(--st-accent-color);box-shadow:0 2px 5px #0000000d}.series-text-step.active .step-icon{color:var(--st-accent-color)}.series-text-step.active .step-title{color:var(--st-text-primary);font-weight:700}.series-text-step.active .step-points{color:var(--st-accent-color);font-weight:700}.series-text-step.locked{opacity:.5}.series-text-step.locked .step-icon,.series-text-step.locked .step-title{color:var(--st-text-secondary)}.series-text-step.locked .step-points{display:none}.step-icon{flex-shrink:0;margin-right:8px;text-align:center;width:16px}.step-content{display:flex;flex-direction:column;flex-grow:1}.step-title{font-size:.75rem;line-height:1.2}.step-desc{color:var(--st-text-secondary);font-size:.65rem;margin-top:2px}.step-points{flex-shrink:0;font-size:.7rem;margin-left:8px}.gamification-badge{align-items:center;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);background-color:#ff4757;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;pointer-events:none;position:absolute;right:-2px;top:-2px;width:16px;z-index:10}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.header-media-widget{align-items:center;background-color:var(--st-hover-color);border:1px solid #0000;border-radius:20px;cursor:pointer;display:flex;flex-shrink:0;gap:6px;height:35px;margin-left:8px;margin-right:0;min-width:0;padding:3px 6px 3px 4px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.header-media-widget:hover{background-color:var(--st-sidebar-background);border-color:var(--st-accent-color);box-shadow:0 2px 8px #0000001a}.media-widget-icon{align-items:center;background-color:var(--st-background);border-radius:50%;color:var(--st-text-secondary);display:flex;flex-shrink:0;font-size:10px;height:24px;justify-content:center;width:24px}.media-widget-icon.playing{animation:spin-slow 4s linear infinite;color:var(--st-accent-color);will-change:transform}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.media-widget-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden;width:70px}.media-widget-marquee-container{height:16px;overflow:hidden;position:relative;white-space:nowrap;width:100%}.media-widget-title{color:var(--st-text-primary);display:inline-block;font-size:11px;font-weight:600}.media-widget-title.marquee{animation:marquee 8s linear infinite;display:inline-block;padding-left:0;will-change:transform}.media-widget-status{color:var(--st-text-secondary);font-size:8px;line-height:1;margin-top:1px}.media-widget-actions{align-items:center;display:flex;gap:2px}.media-widget-separator{background-color:var(--st-border-color);height:10px;margin:0 4px;width:1px}.media-widget-add,.media-widget-control{align-items:center;border-radius:4px;color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;transition:color .2s,background-color .2s;width:18px}.media-widget-add:hover,.media-widget-control:hover{background-color:var(--st-background);color:var(--st-accent-color)}.media-widget-volume-wrapper{align-items:center;display:flex;justify-content:center;min-width:20px;position:relative}.media-widget-volume-popup{align-items:center;background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--st-shadow-color,#00000026);display:flex;height:100px;justify-content:center;left:50%;opacity:0;padding:8px 0;position:absolute;top:calc(100% + 10px);transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:32px;z-index:2000}.media-widget-volume-wrapper:hover .media-widget-volume-popup{opacity:1;visibility:visible}.media-widget-volume-popup:before{background-color:var(--st-background);border-left:1px solid var(--st-border-color);border-top:1px solid var(--st-border-color);content:"";height:10px;left:50%;position:absolute;top:-5px;transform:translateX(-50%) rotate(45deg);width:10px}.media-widget-volume-slider{-webkit-appearance:none;background:var(--st-border-color);border-radius:2px;cursor:pointer;height:4px;outline:none;transform:rotate(-90deg);width:70px}.media-widget-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--st-accent-color);border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:14px;-webkit-transition:transform .1s;transition:transform .1s;width:14px}.media-widget-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.media-widget-volume-slider::-moz-range-thumb{background:var(--st-accent-color);border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}:root{--golden-ratio:1.618;--spacing-base:4px;--spacing-xs:2px;--spacing-lg:13px;--spacing-xl:calc(var(--spacing-lg)*var(--golden-ratio));--spacing-xxl:calc(var(--spacing-xl)*var(--golden-ratio));--border-radius:4px;--button-border-radius:4px;--font-size-base:1em;--font-size-sm:0.85em;--font-size-md:1em;--font-size-lg:1.236em;--font-size-xl:calc(var(--font-size-lg)*var(--golden-ratio));--font-size-card-title:var(--font-size-md);--font-size-card-details:var(--font-size-sm);--font-size-table-header:var(--font-size-sm);--font-size-welcome:var(--font-size-xl);--transition-duration:0.15s;--mobile-content-transition:transform 0.3s ease-in-out;--ps-main-font:var(--main-font-family,sans-serif);--ps-header-font:var(--header-font-family,sans-serif);--ps-input-font:"Courier New",monospace;--sidebar-width:250px}body,html{background-color:var(--st-background);box-sizing:border-box;height:100%;margin:0}*,:after,:before{box-sizing:inherit}.project-screen{background-color:var(--st-background);color:var(--st-text-primary);display:flex;flex-direction:column;font-family:sans-serif;font-family:var(--ps-main-font);height:100vh;overflow:hidden;padding-top:50px;padding-top:var(--header-height,50px);width:100%}.project-screen__main{flex:1 1}.project-screen-main-content,.project-screen__main{display:flex;height:100%;overflow:hidden;position:relative}.project-screen-main-content{background-color:var(--st-background);flex-direction:column;flex-grow:1;min-height:0;transition:margin-left .15s ease-in-out,transform transform .3s ease-in-out;transition:margin-left var(--transition-duration) var(--transition-ease),transform var(--mobile-content-transition);z-index:1}.project-screen__content{flex:1 1;padding:13px;padding:var(--spacing-lg);position:relative}.project-content-inner,.project-screen__content{display:flex;flex-direction:column;min-height:0;overflow:hidden;width:100%}.project-content-inner{flex:1 1;margin-left:auto;margin-right:auto;max-width:1600px}.project-screen__header{align-items:center;display:flex;flex-shrink:0;gap:8px;gap:var(--spacing-md);justify-content:space-between;padding-left:4px;padding-left:var(--spacing-sm)}.project-screen__welcome{flex-grow:1;text-align:left}.project-screen__welcome h1{font-family:sans-serif;font-family:var(--ps-header-font);font-size:1.99985em;font-size:var(--font-size-welcome);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-screen__mobile-menu-button{background:none;border:none;border-radius:4px;border-radius:var(--button-border-radius);color:var(--st-text-primary);cursor:pointer;display:none;font-size:1.236em;font-size:var(--font-size-lg);line-height:1;padding:4px;padding:var(--spacing-sm);transition:background-color .15s;transition:background-color var(--transition-duration)}.project-screen__mobile-menu-button:hover{background-color:var(--st-hover-color)}.project-content-inner>h2{font-family:sans-serif;font-family:var(--ps-header-font);font-size:clamp(1.5em,2vw + .5em,1.99985em);font-size:clamp(1.5em,2vw + .5em,var(--font-size-xl));font-weight:500;margin-top:13px;margin-top:var(--spacing-lg);text-align:left}.project-content-inner>h2,.project-screen__controls{flex-shrink:0;margin-bottom:13px;margin-bottom:var(--spacing-lg);padding-left:4px;padding-left:var(--spacing-sm)}.project-screen__controls{align-items:center;display:flex;flex-wrap:wrap;gap:13px;gap:var(--spacing-lg);justify-content:space-between;width:100%}.project-options-left,.project-options-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-md)}.project-options-left{flex-shrink:0}.project-options-right{flex-grow:1;justify-content:flex-end}.create-project-btn{align-items:center;background-color:initial;border:var(--border-width) solid var(--st-accent-color);border-radius:4px;border-radius:var(--button-border-radius);box-shadow:0 0 4px var(--st-accent-color);box-shadow:0 0 var(--spacing-sm) var(--st-accent-color);color:var(--st-text-primary);cursor:pointer;display:inline-flex;font-size:1em;font-size:var(--font-size-md);font-weight:500;height:40px;justify-content:center;min-width:170px;padding:8px 13px;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:background-color .15s,color .15s,border-color .15s;transition:background-color var(--transition-duration),color var(--transition-duration),border-color var(--transition-duration);white-space:nowrap;z-index:1}.create-project-btn:before{background-color:initial;border-radius:inherit;content:"";inset:0;position:absolute;transition:background-color .15s ease-in-out;transition:background-color var(--transition-duration) var(--transition-ease);z-index:-1}.create-project-btn:hover:before{background-color:rgba(var(--st-accent-rgb),.1)}.create-project-btn:hover{border-color:var(--st-accent-hover,var(--st-accent-color));color:var(--st-text-primary)}.create-project-btn:focus-visible{box-shadow:0 0 0 2px var(--st-background),0 0 0 4px var(--st-accent-color);outline:2px solid var(--st-accent-color);outline-offset:2px}.search-bar{align-items:center;background-color:var(--st-background);border:var(--border-width) solid var(--st-border-color);border-radius:4px;border-radius:var(--border-radius);display:flex;flex-grow:0;flex-shrink:1;height:40px;max-width:300px;min-width:170px;overflow:hidden;position:relative;transition:border-color .15s,box-shadow .15s;transition:border-color var(--transition-duration),box-shadow var(--transition-duration)}.search-bar .search-bar-icon{color:var(--st-text-secondary);font-size:1em;font-size:var(--font-size-md);left:12px;opacity:.7;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar .project-search-input{background-color:initial;border:none;border-radius:inherit;color:var(--st-text-primary);flex-grow:1;font-family:Courier New,monospace;font-family:var(--ps-input-font);font-size:1em;font-size:var(--font-size-md);height:100%;outline:none;padding:var(--st-spacing-md) 36px var(--st-spacing-md) 40px;width:100%}.search-bar:focus-within{border-color:var(--st-accent-color);box-shadow:0 0 0 1px var(--st-accent-color);outline:none}.clear-search-icon{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;line-height:1;margin:0;padding:4px;right:2px;transition:opacity .15s,color .15s}.sort-by-container select{-webkit-appearance:none;appearance:none;background-color:var(--st-sidebar-background);background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23a8a8a8%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position-x:calc(100% - 8px);background-position-x:calc(100% - var(--spacing-md));background-position-y:50%;background-repeat:no-repeat;border:var(--border-width) solid var(--st-border-color);border-radius:4px;border-radius:var(--border-radius);color:var(--st-text-primary);cursor:pointer;flex-grow:0;font-family:sans-serif;font-family:var(--ps-main-font);font-size:1em;font-size:var(--font-size-md);height:40px;min-width:170px;padding:8px;padding:var(--spacing-md);padding-right:21.034px;padding-right:var(--spacing-xl);transition:border-color .15s,box-shadow .15s;transition:border-color var(--transition-duration),box-shadow var(--transition-duration)}.sort-by-container select:focus{border-color:var(--st-accent-color);box-shadow:0 0 0 2px var(--st-background),0 0 0 4px var(--st-accent-color);outline:none}.view-toggle{align-items:center;display:flex;gap:4px;gap:var(--spacing-sm);height:40px}.view-toggle button{align-items:center;background-color:initial;border:none;border-radius:4px;border-radius:var(--button-border-radius);color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:1em;font-size:var(--font-size-md);height:100%;justify-content:center;line-height:1;opacity:.6;padding:8px;padding:var(--spacing-md);position:relative;transition:opacity .15s,color .15s,background-color .15s;transition:opacity var(--transition-duration),color var(--transition-duration),background-color var(--transition-duration);width:40px}.view-toggle button:before{background-color:initial;border-radius:inherit;content:"";inset:-6px;position:absolute;transition:background-color .15s ease-in-out;transition:background-color var(--transition-duration) var(--transition-ease);z-index:-1}.view-toggle button:hover:before{background-color:var(--st-hover-color)}.view-toggle button.active,.view-toggle button:hover{color:var(--main-blue);opacity:1}.view-toggle button:focus-visible{box-shadow:0 0 0 2px var(--st-background),0 0 0 4px var(--st-accent-color);outline:2px solid var(--st-accent-color);outline-offset:2px}.project-list{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;width:100%}.project-grid,.project-list{min-height:0;position:relative}.project-grid{grid-gap:13px;grid-gap:var(--spacing-lg);display:grid;gap:13px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));overflow-x:hidden;overflow-y:auto;padding:4px;padding:var(--spacing-sm);scrollbar-color:var(--st-text-secondary) #0000;scrollbar-width:thin}.project-grid::-webkit-scrollbar{width:8px}.project-grid::-webkit-scrollbar-thumb{background-color:var(--st-text-secondary);border-radius:4px}.project-grid::-webkit-scrollbar-track{background-color:initial}.project-card{background-color:var(--st-sidebar-background);border:var(--border-width) solid var(--st-border-color);border-radius:4px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;color:var(--st-text-primary);cursor:pointer;display:flex;flex-direction:column;min-height:110px;overflow:hidden;padding:8px;padding:var(--spacing-md);position:relative;transition:background-color .15s,transform .15s,box-shadow .15s,border-color .15s;transition:background-color var(--transition-duration),transform var(--transition-duration),box-shadow var(--transition-duration),border-color var(--transition-duration)}.project-card:hover{background-color:var(--st-hover-color);border-color:var(--st-hover-color);box-shadow:0 2px 6px #00000026;transform:none}.project-card.selected{background-color:rgba(var(--st-accent-rgb),.1);border-color:var(--main-blue);box-shadow:0 0 8px rgba(var(--st-accent-rgb),.5);box-shadow:0 0 var(--spacing-md) rgba(var(--st-accent-rgb),.5)}.project-details{cursor:pointer;flex-grow:1;overflow:hidden;padding-top:28px}.project-details h3{font-family:sans-serif;font-family:var(--ps-header-font);font-size:1em;font-size:var(--font-size-card-title);font-weight:500;margin:0 0 4px;margin:0 0 var(--spacing-sm)}.project-details h3,.project-details p.last-modified{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-details p.last-modified{color:var(--st-text-secondary);font-size:.75em;margin-top:0}.project-actions-menu{display:flex;gap:4px;gap:var(--spacing-sm);justify-content:flex-end;opacity:0;position:absolute;right:4px;right:var(--spacing-sm);top:4px;top:var(--spacing-sm);transform:translateY(-4px);transform:translateY(calc(var(--spacing-sm)*-1));transition:opacity .15s,transform .15s;transition:opacity var(--transition-duration),transform var(--transition-duration);z-index:2}.project-card.selected .project-actions-menu,.project-card:hover .project-actions-menu{opacity:1;transform:translateY(0)}.project-action-button{align-items:center;background-color:initial;border:none;border-radius:4px;border-radius:var(--button-border-radius);color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:1em;font-size:var(--font-size-md);height:28px;justify-content:center;line-height:1;opacity:.6;padding:4px;padding:var(--spacing-sm);position:relative;transition:background-color .15s,color .15s;transition:background-color var(--transition-duration),color var(--transition-duration);width:28px;z-index:1}.project-action-button:before{background-color:initial;border-radius:inherit;content:"";inset:0;position:absolute;transition:background-color .15s ease-in-out;transition:background-color var(--transition-duration) var(--transition-ease);z-index:-1}.project-action-button:hover:before{background-color:var(--st-hover-color)}.project-action-button:hover{background-color:initial;color:var(--st-accent-color);color:var(--st-accent-hover,var(--st-accent-color));opacity:1}.project-action-button.delete-action{color:var(--main-red)}.project-action-button.delete-action:hover{background-color:var(--main-red);color:var(--st-text-primary);opacity:1}.project-action-button.archive-action:hover{background-color:var(--main-yellow);color:var(--st-text-primary);opacity:1}.project-action-button:focus-visible{box-shadow:0 0 0 2px var(--st-sidebar-background),0 0 0 4px var(--st-accent-color);outline:2px solid var(--st-accent-color);outline-offset:1px}.project-table-wrapper{min-height:0;overflow-x:hidden;overflow-y:auto;padding-left:4px;padding-left:var(--spacing-sm);padding-right:4px;padding-right:var(--spacing-sm);scrollbar-color:var(--st-text-secondary) #0000;scrollbar-width:thin}.project-table-wrapper::-webkit-scrollbar{width:8px}.project-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--st-text-secondary);border-radius:4px}.project-table-wrapper::-webkit-scrollbar-track{background-color:initial}.project-table{border-collapse:collapse;display:table;width:100%}.project-table thead{background-color:var(--st-background);display:table-header-group;position:-webkit-sticky;position:sticky;top:0;z-index:1}.project-table tbody{display:table-row-group}.project-table tr{display:table-row;transition:background-color .15s;transition:background-color var(--transition-duration)}.project-table td,.project-table th{border-bottom:1px solid var(--st-border-color);display:table-cell;padding:8px;padding:var(--spacing-md);text-align:left;vertical-align:middle;white-space:nowrap}.project-table td:first-child,.project-table th:first-child{min-width:150px;white-space:normal;width:40%;word-break:break-word}.project-table td:last-child,.project-table th:last-child{padding-right:8px;padding-right:var(--spacing-md);text-align:right;width:120px}.project-table th{background-color:initial;color:var(--st-text-secondary);font-size:.85em;font-size:var(--font-size-table-header);font-weight:400;text-transform:uppercase}.project-table tbody tr:hover{background-color:var(--st-hover-color);cursor:pointer}.project-table tbody tr.selected{background-color:rgba(var(--st-accent-rgb),.1);outline:1px solid var(--main-blue);outline-offset:-1px}.project-table td .project-actions-menu{display:flex;gap:4px;gap:var(--spacing-sm);justify-content:flex-end;opacity:1;padding:0;position:static;transform:none;visibility:hidden}.project-table tbody tr.selected td .project-actions-menu,.project-table tbody tr:hover td .project-actions-menu{visibility:visible}.project-table td .project-action-button{background:none;border-radius:4px;border-radius:var(--button-border-radius);color:var(--st-text-secondary);height:28px;opacity:.6;padding:4px;padding:var(--spacing-sm);width:28px}.project-table td .project-action-button:hover{background-color:var(--st-hover-color);color:var(--st-accent-color);color:var(--st-accent-hover,var(--st-accent-color));opacity:1}.project-table td .project-action-button.delete-action{color:var(--main-red)}.project-table td .project-action-button.delete-action:hover{background-color:var(--main-red);color:#fff;opacity:1}.project-table td .project-action-button.archive-action:hover{background-color:var(--main-yellow);color:var(--st-background);opacity:1}.error{background-color:rgba(var(--main-red-rgb),.1);border:1px solid var(--main-red);border-radius:4px;border-radius:var(--border-radius);color:var(--main-red);font-size:.85em;font-size:var(--font-size-sm);margin-bottom:13px;margin-bottom:var(--spacing-lg);padding:8px;padding:var(--spacing-md);text-align:center}.no-projects-message{align-items:center;color:var(--st-text-secondary);display:flex;flex-direction:column;flex-grow:1;font-size:1em;font-size:var(--font-size-md);font-style:italic;gap:8px;gap:var(--spacing-md);justify-content:center;min-height:200px;padding:21.034px;padding:var(--spacing-xl);text-align:center;width:100%}.no-projects-message button.create-project-btn{margin-top:8px;margin-top:var(--spacing-md)}.no-projects-message .svg-inline--fa{margin-right:4px;margin-right:var(--spacing-sm)}@media (max-width:768px){.project-screen{height:auto;min-height:100vh;padding-top:50px;padding-top:var(--header-height,50px)}.project-screen__main{flex-direction:column;height:auto;overflow:visible;position:static}.project-screen-main-content{height:auto;margin-left:0!important;overflow:visible;transform:translateX(0);transition:transform transform .3s ease-in-out;transition:transform var(--mobile-content-transition);z-index:1}.project-screen-main-content.mobile-sidebar-open{transform:translateX(250px);transform:translateX(var(--sidebar-width))}.project-screen__content{height:auto;max-width:none;overflow-y:visible;padding:8px;padding:var(--spacing-md);width:100%}.project-content-inner{margin:0;max-width:none;overflow:visible}.project-screen__header{margin-bottom:8px;margin-bottom:var(--spacing-md);padding-left:0}.project-screen__mobile-menu-button{align-items:center;display:flex;justify-content:center;z-index:10}.project-screen__welcome h1{font-size:1.59988em;font-size:calc(var(--font-size-welcome)*.8)}.project-content-inner>h2{font-size:1.236em;font-size:var(--font-size-lg);margin-bottom:8px;margin-bottom:var(--spacing-md);margin-top:8px;margin-top:var(--spacing-md);padding-left:0}.project-screen__controls{align-items:stretch;flex-direction:column;gap:8px;gap:var(--spacing-md);margin-left:0;margin-right:0;padding-left:0}.project-options-left{justify-content:center;order:2;width:100%}.project-options-right{flex-direction:row;flex-wrap:wrap;gap:4px;gap:var(--spacing-sm);justify-content:center;order:1;width:100%}.search-bar,.sort-by-container,.view-toggle{flex-grow:1;height:40px;min-width:150px}.search-bar{max-width:none}.sort-by-container select{min-width:150px;width:100%}.view-toggle{flex-grow:0;justify-content:center}.project-list{margin-left:0;margin-right:0;max-width:none}.project-grid,.project-list{height:auto;overflow:visible}.project-grid{align-items:stretch;gap:8px;gap:var(--spacing-md);grid-template-columns:1fr;padding:4px;padding:var(--spacing-sm);position:static}.project-card{align-self:auto;margin-left:auto;margin-right:auto;max-width:400px;width:100%}.project-card .project-actions-menu{opacity:1;transform:translateY(0)}.project-table-wrapper{overflow:visible;padding-left:0;padding-right:0}.project-table{border:none;display:block;height:auto;overflow:visible}.project-table thead{display:none}.project-table tbody,.project-table td,.project-table tr{display:block;width:100%}.project-table tr{background-color:var(--st-sidebar-background);border:var(--border-width) solid var(--st-border-color);border-radius:4px;border-radius:var(--border-radius);margin-bottom:8px;margin-bottom:var(--spacing-md);padding:4px;padding:var(--spacing-sm);transition:background-color .15s,border-color .15s,box-shadow .15s;transition:background-color var(--transition-duration),border-color var(--transition-duration),box-shadow var(--transition-duration)}.project-table tr.selected{background-color:rgba(var(--st-accent-rgb),.1);border-color:var(--main-blue);box-shadow:0 0 4px rgba(var(--st-accent-rgb),.3);box-shadow:0 0 var(--spacing-sm) rgba(var(--st-accent-rgb),.3);outline:none}.project-table td{align-items:center;border-bottom:none;display:flex;justify-content:flex-end;min-height:30px;padding-bottom:2px;padding-bottom:var(--spacing-xs);padding-left:50%;padding-top:2px;padding-top:var(--spacing-xs);position:relative;text-align:right;white-space:normal}.project-table td:before{align-self:center;color:var(--st-text-secondary);content:attr(data-label);font-size:.85em;font-size:var(--font-size-sm);font-weight:700;left:4px;left:var(--spacing-sm);padding-right:4px;padding-right:var(--spacing-sm);position:absolute;text-align:left;white-space:nowrap;width:45%}.project-table td:first-child,.project-table td:nth-of-type(2),.project-table td:nth-of-type(3){width:100%}.project-table td:nth-of-type(4){display:block;padding-left:0;padding-top:8px;padding-top:var(--spacing-md);text-align:right;width:100%}.project-table td:nth-of-type(4):before{content:"";display:none}.project-table td .project-actions-menu{justify-content:flex-end;margin-left:auto;margin-top:0;opacity:1;padding:0;position:static;visibility:visible}.project-table td .project-action-button{background:none;color:var(--st-text-secondary);opacity:.8}.project-table td .project-action-button:hover{background-color:var(--st-hover-color);color:var(--st-accent-color);opacity:1}.project-table td .project-action-button.delete-action:hover{background-color:var(--main-red);color:#fff}.project-table td .project-action-button.archive-action:hover{background-color:var(--main-yellow);color:var(--st-background)}}@media (min-width:769px){.project-screen__mobile-menu-button{display:none}.project-screen-main-content.collapsed{margin-left:62px}}@media (min-width:769px) and (max-width:1024px){.project-grid{gap:8px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (min-width:1025px){.project-grid{gap:13px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:1441px){.project-grid{gap:21.034px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.project-card{padding:13px;padding:var(--spacing-lg)}}@media (min-width:1920px){.project-grid{gap:21.034px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width:375px){.project-options-right{align-items:stretch;flex-direction:column}.sort-by-container select{width:100%}.view-toggle{justify-content:center}.search-bar{max-width:none;width:100%}.project-search-input{width:100%}}.eight-bit-text-container{display:flex;flex-direction:column;gap:.75rem}.eight-bit-title{margin:0}.eight-bit-subtitle{color:#ccc;font-size:.8rem;letter-spacing:1px;margin:0}:root{--sidebar-expanded-width:280px;--sidebar-collapsed-width:60px;--mobile-overlay-z-index:1040;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--border-width:1px;--border-radius:8px;--button-border-radius:var(--border-radius);--font-size-base:14px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-dropdown-item:14px;--transition-duration:0.2s;--main-font-family:sans-serif;--scrollbar-width:4px;--mobile-overlay-width:85%;--mobile-overlay-max-width:320px;--group-item-bg:#0000;--badge-bg:var(--st-text-secondary);--flash-color:#fbbc0466}@keyframes flash-background{0%{background-color:initial}25%{background-color:#fbbc0466;background-color:var(--flash-color);border-color:rgba(var(--st-accent-rgb),.5)}75%{background-color:#fbbc0466;background-color:var(--flash-color);border-color:rgba(var(--st-accent-rgb),.5)}to{background-color:initial}}.hamburger-menu{background-color:var(--st-background);box-sizing:border-box;color:var(--st-text-primary);display:flex;flex-direction:column;font-family:sans-serif;font-family:var(--main-font-family);height:calc(100vh - 50px);height:calc(100vh - var(--header-height));overflow:hidden;padding:16px;padding:var(--spacing-lg);padding-bottom:0;transition:width .2s ease-in-out,transform .2s ease-in-out;transition:width var(--transition-duration) var(--transition-ease),transform var(--transition-duration) var(--transition-ease);z-index:1000}@media (min-width:768px){.hamburger-menu{border-right:var(--border-width) solid var(--st-border-color);left:0;padding-bottom:60px;padding-bottom:calc(36px + var(--spacing-lg) + var(--spacing-sm));position:relative;top:50px;top:var(--header-height);transform:none!important;width:280px;width:var(--sidebar-expanded-width)}.hamburger-menu.collapsed{align-items:center;padding:16px 4px;padding:var(--spacing-lg) var(--spacing-xs);width:60px;width:var(--sidebar-collapsed-width)}.hamburger-menu.collapsed .chat-list-header,.hamburger-menu.collapsed .chat-list-scrollable,.hamburger-menu.collapsed .search-bar-container,.hamburger-menu.collapsed .sidebar-bulk-actions,.hamburger-menu.collapsed .sidebar-controls{display:none}.hamburger-menu.collapsed .collapsed-sidebar-content{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.hamburger-menu:not(.is-mobile-overlay) .toggle-sidebar-btn.mobile-toggle{display:none}.hamburger-menu .sidebar-controls-bottom .toggle-sidebar-btn{background:none;border:none;border-radius:8px;border-radius:var(--button-border-radius);bottom:8px;bottom:var(--spacing-sm);box-sizing:border-box;color:var(--st-text-secondary);height:36px;left:12px;left:calc((var(--sidebar-collapsed-width) - 36px)/2);padding:8px;padding:var(--spacing-sm);position:absolute;transition:color .2s ease-in-out,background-color .2s ease-in-out;transition:color var(--transition-duration) var(--transition-ease),background-color var(--transition-duration) var(--transition-ease);width:36px;z-index:15}.hamburger-menu .sidebar-controls-bottom .toggle-sidebar-btn:hover{background-color:var(--st-button-hover-background);color:var(--st-accent-color)}}.hamburger-menu.is-mobile-overlay{align-items:stretch;border-right:none;box-shadow:2px 0 5px #0000004d;height:100vh;left:0;max-width:320px;max-width:var(--mobile-overlay-max-width);padding:12px;padding:var(--spacing-md);padding-bottom:12px;padding-bottom:var(--spacing-md);position:fixed;top:0;transform:translateX(-100%);width:85%;width:var(--mobile-overlay-width);z-index:1040;z-index:var(--mobile-overlay-z-index)}.hamburger-menu.is-mobile-overlay.sidebar-open{transform:translateX(0)}.hamburger-menu.is-mobile-overlay .sidebar-controls-bottom{display:none}.sidebar-controls{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-lg);padding:0;width:100%}.sidebar-controls-spacer{flex-grow:1}.new-chat-btn,.selection-mode-btn,.toggle-sidebar-btn.mobile-toggle{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--border-radius);color:var(--st-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;padding:var(--spacing-sm);transition:background-color .2s,color .2s;transition:background-color var(--transition-duration),color var(--transition-duration);width:36px}.hamburger-menu .sidebar-controls-bottom .toggle-sidebar-btn:hover,.new-chat-btn:hover,.selection-mode-btn:hover,.sort-button:hover,.toggle-sidebar-btn.mobile-toggle:hover{background-color:var(--st-button-hover-background);color:var(--st-text-primary)}.selection-mode-btn.active{background-color:rgba(var(--st-accent-rgb),.15);color:var(--st-accent-color)}.search-bar-container{align-items:center;background-color:var(--st-hover-color);border:1px solid var(--st-border-color);border-radius:8px;border-radius:var(--border-radius);box-sizing:border-box;display:flex;flex-shrink:0;margin-bottom:16px;margin-bottom:var(--spacing-lg);position:relative;transition:border-color .2s,box-shadow .2s;transition:border-color var(--transition-duration),box-shadow var(--transition-duration);width:100%}.search-bar-container:focus-within{border-color:var(--st-accent-color);box-shadow:0 0 0 1px var(--st-accent-color)}.search-bar-icon{color:var(--st-text-secondary);left:12px;opacity:.7;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar-container .sidebar-search-input{background-color:initial;border:none;border-radius:inherit;box-sizing:border-box;color:var(--st-text-primary);font-size:14px;font-size:var(--font-size-md);height:42px;outline:none;padding:12px 36px 12px 40px;padding:var(--spacing-md) 36px var(--spacing-md) 40px;width:100%}.sidebar-search-input::placeholder{color:var(--st-text-secondary);opacity:.8}.clear-search-icon{background:none;border:none;color:var(--st-text-secondary);cursor:pointer;opacity:.6;padding:8px;padding:var(--spacing-sm);position:absolute;right:4px;right:var(--spacing-xs);top:50%;transform:translateY(-50%);transition:opacity .2s,color .2s;transition:opacity var(--transition-duration),color var(--transition-duration)}.clear-search-icon:hover{color:var(--st-accent-color);opacity:1}.chat-list-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin:0 0 12px;margin:0 0 var(--spacing-md) 0;padding:0 4px;padding:0 var(--spacing-xs)}.chat-list-title{font-size:16px;font-size:var(--font-size-lg);margin:0}.sort-container{position:relative}.sort-button{background:none;border:none;border-radius:8px;border-radius:var(--border-radius);color:var(--st-text-secondary);cursor:pointer;padding:8px;padding:var(--spacing-sm);transition:background-color .2s,color .2s;transition:background-color var(--transition-duration),color var(--transition-duration)}.chat-menu,.sort-menu{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;min-width:180px;padding:4px;padding:var(--spacing-xs);position:fixed;z-index:2000}.sort-menu{position:absolute;right:0;top:calc(100% + 8px);top:calc(100% + var(--spacing-sm))}.chat-menu-button,.sort-menu-item{align-items:center;background:none;border:none;border-radius:4px;color:var(--st-text-primary);cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-dropdown-item);gap:8px;gap:var(--spacing-sm);padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color .2s ease;transition:background-color var(--transition-duration) ease;white-space:nowrap;width:100%}.chat-menu-button:not(:disabled):hover,.sort-menu-item:hover{background-color:var(--st-hover-color)}.sort-menu-item.active{background-color:rgba(var(--st-accent-rgb),.1)}.delete-button{color:var(--main-red)}.delete-button:hover{background-color:rgba(var(--main-red-rgb),.1)}.chat-list-scrollable{display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow-y:auto;position:relative}.chat-list-scrollable.has-bulk-actions{padding-bottom:50px}.chat-list{list-style:none;margin:0;padding:0}.chat-list-item{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm);margin:2px 0;padding:8px;padding:var(--spacing-sm);position:relative;transition:background-color .2s,box-shadow .2s,border-color .2s,opacity .2s;transition:background-color var(--transition-duration),box-shadow var(--transition-duration),border-color var(--transition-duration),opacity var(--transition-duration)}.chat-list-item:hover{background-color:var(--st-hover-color)}.chat-list-item.selected-single{background-color:rgba(var(--st-accent-rgb),.15);border-color:rgba(var(--st-accent-rgb),.5)}.chat-list-item.selected-in-mode{background-color:rgba(var(--st-accent-rgb),.1);border-color:var(--st-accent-color)}.chat-list-item.minimized{opacity:.6}.chat-list-item.minimized .chat-name-container{color:var(--st-text-secondary);font-style:italic}.chat-list-item.is-historical{opacity:.7}.chat-list-item.is-historical:hover{opacity:1}.connected-chat-item{background-color:initial;background-color:var(--group-item-bg)}.chat-list-item.flash-update{animation:flash-background .8s ease-in-out}.sidebar-selection-checkbox{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:4px;margin-right:var(--spacing-xs);width:20px}.sidebar-checkbox-icon{background-color:var(--st-input-background);border:1px solid var(--st-text-secondary);border-radius:3px;height:16px;transition:all .2s;width:16px}.sidebar-checkbox-icon.checked{background-color:var(--st-accent-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px;border-color:var(--st-accent-color)}.item-controls-left,.item-controls-right{align-items:center;display:flex;flex-shrink:0}.item-controls-left{gap:4px;gap:var(--spacing-xs)}.item-controls-right{margin-left:auto;opacity:0;transition:opacity .2s;transition:opacity var(--transition-duration)}.chat-list-item.selected-single .item-controls-right,.chat-list-item:hover .item-controls-right{opacity:1}.chat-list-item.selection-mode .item-controls-left,.chat-list-item.selection-mode .item-controls-right{display:none}.sidebar-action-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:4px;padding:var(--spacing-xs);transition:background-color .2s,color .2s}.sidebar-action-button:hover{background-color:var(--st-hover-color);color:var(--st-text-primary)}.sidebar-action-button:disabled{cursor:not-allowed;opacity:.4}.pin-button.pinned{color:var(--st-accent-color)}.minimize-button{font-size:13px}.chat-list-item-content{align-items:center;display:flex;flex-grow:1;gap:8px;gap:var(--spacing-sm);min-width:0;overflow:hidden}.item-type-icon{color:var(--st-text-secondary);flex-shrink:0}.chat-name-container{align-items:center;display:flex;font-size:14px;gap:8px;gap:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-name-input{background-color:var(--st-hover-color);border:1px solid var(--st-border-color);border-radius:4px;color:var(--st-text-primary);flex-grow:1;font-family:inherit;font-size:inherit;outline:none;padding:4px;padding:var(--spacing-xs)}.chat-name-input:focus{border-color:var(--st-accent-color);box-shadow:0 0 0 1px var(--st-accent-color)}.connection-number-badge{background-color:var(--st-text-secondary);background-color:var(--badge-bg);border-radius:8px;border-radius:var(--border-radius);color:#fff;flex-shrink:0;font-size:12px;font-size:var(--font-size-sm);font-weight:700;line-height:1;padding:2px 5px}.sidebar-bulk-actions{align-items:center;background-color:var(--st-sidebar-background);border-top:1px solid var(--st-border-color);bottom:40px;box-shadow:0 -4px 10px #0000001a;box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:10px;position:absolute;width:100%;z-index:100}.bulk-info-text{align-items:center;color:var(--st-text-secondary);display:flex;font-size:12px;gap:8px}.bulk-clear-btn{background:none;border:none;color:var(--st-text-secondary);cursor:pointer;font-size:11px;padding:0;text-decoration:underline}.bulk-clear-btn:hover{color:var(--st-text-primary)}.bulk-delete-btn-sidebar{align-items:center;background-color:rgba(var(--main-red-rgb),.1);border:1px solid var(--main-red);border-radius:4px;color:var(--main-red);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.bulk-delete-btn-sidebar:hover:not(:disabled){background-color:var(--main-red);color:#fff}.bulk-delete-btn-sidebar:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.5}.collapsed-sidebar-content .new-chat-btn{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.collapsed-bubbles-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:8px;gap:var(--spacing-sm);overflow-y:auto;width:100%}.chat-bubble-icon.flash-update{animation:flash-background .8s ease-in-out}.chat-bubble-icon{align-items:center;background-color:var(--st-hover-color);border:2px solid #0000;border-radius:50%;color:var(--st-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;transition:all var(--transition-duration);width:44px}.chat-bubble-icon:hover{transform:scale(1.1)}.chat-bubble-icon.selected-collapsed{background-color:rgba(var(--st-accent-rgb),.1);border-color:var(--st-accent-color);box-shadow:0 0 8px rgba(var(--st-accent-rgb),.5);color:var(--st-accent-color)}.chat-bubble-icon.minimized-collapsed{border-color:var(--st-text-secondary);border-style:dashed;opacity:.5}.chat-bubble-icon.canvas-pinned-collapsed{background-color:rgba(var(--st-accent-rgb),.2)}.chat-bubble-icon.pinned-bubble{box-shadow:0 0 0 2px var(--st-accent-color) inset}.chat-bubble-icon.connected-bubble{border-color:var(--st-accent-color)}.loading-spinner-container{align-items:center;display:flex;flex-grow:1;justify-content:center;min-height:150px;width:100%}.loading-spinner{border:3px solid var(--st-hover-color);height:24px;width:24px}.scroll-top-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(var(--st-background-rgb),.8);border:1px solid var(--st-border-color);border-radius:50%;bottom:12px;bottom:var(--spacing-md);color:var(--st-text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:12px;right:var(--spacing-md);transition:opacity .2s,transform .2s;width:32px;z-index:10}.scroll-top-button.visible{opacity:.8;pointer-events:auto}.scroll-top-button:hover{opacity:1;transform:scale(1.1)}.chat-list-scrollable::-webkit-scrollbar{width:4px;width:var(--scrollbar-width)}.chat-list-scrollable::-webkit-scrollbar-thumb{background-color:#80808000;border-radius:2px;border-radius:calc(var(--scrollbar-width)/2);-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.chat-list-scrollable:hover::-webkit-scrollbar-thumb{background-color:var(--st-hover-color)}.chat-list-scrollable::-webkit-scrollbar-track{background-color:initial}.chat-list-scrollable{scrollbar-color:#0000 #0000;scrollbar-width:thin}.chat-list-scrollable:hover{scrollbar-color:var(--st-hover-color) #0000}.sidebar-skeleton-list{list-style:none;margin:0;padding:0;width:100%}.sidebar-skeleton-item{align-items:center;border-radius:8px;border-radius:var(--border-radius);box-sizing:border-box;display:flex;gap:8px;gap:var(--spacing-sm);height:36px;margin:2px 0;padding:8px;padding:var(--spacing-sm);width:100%}.skeleton-icon{border-radius:4px;flex-shrink:0;height:16px;width:16px}.skeleton-icon,.skeleton-text{animation:skeleton-pulse 1.5s ease-in-out infinite;background-color:var(--st-hover-color)}.skeleton-text{animation-delay:.2s;border-radius:2px;flex-grow:1;height:12px;max-width:70%}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.bulk-delete-confirmation{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000a6;background-color:var(--st-overlay-background,#000000a6);display:flex;height:100%;justify-content:center;left:0;padding:var(--st-spacing-lg);position:fixed;top:0;width:100%;z-index:1200}.bulk-delete-confirmation .confirmation-content{animation:popupFadeInSlideUp .25s ease-out forwards;background-color:var(--st-sidebar-background);border:var(--border-width) solid var(--main-red);border-radius:var(--border-radius);box-shadow:0 var(--st-spacing-sm) 20px #f003;color:var(--st-text-primary);display:flex;flex-direction:column;font-family:var(--main-font-family);gap:var(--st-spacing-sm);max-width:420px;padding:var(--st-spacing-lg);width:90%}.bulk-delete-confirmation .confirmation-title{border-bottom:1px solid #ff646433;color:var(--main-red);font-family:var(--header-font-family);font-size:var(--font-size-lg);font-weight:600;margin:0;margin-bottom:var(--st-spacing-xs);padding-bottom:var(--st-spacing-md)}.bulk-delete-confirmation .confirmation-warning{font-size:var(--font-size-md);line-height:1.5;margin:0}.bulk-delete-confirmation .confirmation-warning strong{color:var(--st-text-primary);font-weight:700}.bulk-delete-confirmation .confirmation-irreversible{background-color:#ff64640d;border:1px solid #ff64641a;border-radius:var(--border-radius);color:var(--st-text-secondary);font-size:var(--font-size-sm);margin:var(--st-spacing-sm) 0;padding:var(--st-spacing-md)}.bulk-delete-confirmation .confirmation-buttons{display:flex;gap:var(--st-spacing-md);justify-content:flex-end;margin-top:var(--st-spacing-md)}.bulk-delete-confirmation .confirmation-buttons button{align-items:center;border-radius:var(--button-border-radius);border-style:solid;border-width:var(--border-width);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:500;height:40px;justify-content:center;min-width:120px;outline:none;padding:var(--st-spacing-md) var(--st-spacing-lg);transition:all var(--transition-duration) var(--transition-ease)}.bulk-delete-confirmation .cancel-button{background-color:initial;border-color:var(--st-accent-color);color:var(--st-text-primary)}.bulk-delete-confirmation .cancel-button:hover{background-color:var(--st-hover-color)}.bulk-delete-confirmation .confirm-delete-button{background-color:var(--main-red);border-color:var(--main-red);color:#fff}.bulk-delete-confirmation .confirm-delete-button:hover{box-shadow:0 0 8px #f006;filter:brightness(1.15)}:root{--chat-padding:12px;--chat-header-height:38px;--input-button-padding:8px;--input-left-padding:12px;--send-button-width:70px;--attach-button-size:32px;--settings-button-size:32px;--input-field-min-height:48px;--input-area-max-height:200px;--base-font-size:14px;--message-font-size:14px;--input-right-padding:calc(var(--send-button-width) + var(--attach-button-size) + var(--settings-button-size) + 20px);--chat-gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--chat-gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--chat-gradient-success:linear-gradient(135deg,#4facfe,#00f2fe);--chat-gradient-warning:linear-gradient(135deg,#f5d020,#f53803);--chat-gradient-danger:linear-gradient(135deg,#ff0844,#ffb199);--chat-shadow-light:0 3px 10px #00000014;--chat-shadow-medium:0 6px 18px #0000001f;--chat-shadow-heavy:0 10px 30px #00000026;--chat-shadow-glow:0 0 16px #667eea33}.window-placeholder{background-color:var(--st-accent-color);border:1px solid #ffffff4d;border-radius:8px;cursor:grab;opacity:.7;pointer-events:auto;position:absolute;transition:opacity .2s}.window-placeholder:hover{opacity:1}.media-placeholder{background-color:#07bad1}.chat-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:16px;box-shadow:0 10px 30px #00000026;box-shadow:var(--chat-shadow-heavy);box-sizing:border-box;color:var(--st-text-primary);contain:layout style;content-visibility:auto;display:flex;flex-direction:column;font-family:sans-serif;font-family:var(--main-font-family,sans-serif);font-size:14px;font-size:var(--base-font-size);height:100%;overflow:hidden;position:relative;transform:translateZ(0);transition:border-color .2s ease,box-shadow .2s ease;width:100%;will-change:transform,width,height}.chat-window.is-dragging-or-resizing{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 12px #0003;transition:none}.chat-window.selected{border-color:var(--st-accent-color);box-shadow:0 0 0 1px var(--st-accent-color),0 10px 30px #00000026;box-shadow:0 0 0 1px var(--st-accent-color),var(--chat-shadow-heavy)}.chat-window.connected{border-color:#0000;border-color:var(--connection-group-color,#0000);box-shadow:0 0 0 1px #0000,0 10px 30px #00000026;box-shadow:0 0 0 1px var(--connection-group-color,#0000),var(--chat-shadow-heavy)}.chat-window.drag-over{background-color:rgba(var(--st-accent-rgb),.05);border-color:var(--st-accent-color)!important;border-style:dashed!important;border-width:2px!important}.chat-window.minimized{display:none}.chat-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(var(--st-background-rgb),.8);border-bottom:1px solid var(--st-border-color);box-sizing:border-box;cursor:grab;flex-shrink:0;height:38px;height:var(--chat-header-height);justify-content:space-between;padding:8px 12px}.chat-header,.chat-title{align-items:center;display:flex;gap:8px}.chat-title{cursor:text;flex-grow:0;font-size:14px;font-weight:500;max-width:60%;min-width:0}.chat-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title-input{background-color:var(--st-hover-color);border:1px solid var(--st-accent-color);border-radius:6px;color:var(--st-text-primary);font-size:14px;font-weight:500;padding:2px 8px;width:100%}.chat-title-input:focus{outline:none}.chat-title:hover .title-edit-icon{opacity:1}.chat-controls{display:flex;gap:4px}.chat-control-button{align-items:center;background-color:initial;border:none;border-radius:6px;color:var(--st-text-secondary);cursor:pointer;display:inline-flex;font-size:.9em;justify-content:center;line-height:1;margin:0 1px;min-height:24px;min-width:24px;opacity:.8;padding:6px;transition:background-color .2s ease,color .2s ease;vertical-align:middle}.chat-control-button:hover{background-color:var(--st-button-hover-background);color:var(--st-text-primary);opacity:1}.pin-button.active{background-color:var(--st-accent-color);box-shadow:0 0 8px rgba(var(--st-accent-rgb),.5);color:#fff;color:var(--st-text-on-accent,#fff);opacity:1}.pin-button:hover{background-color:rgba(var(--st-accent-rgb),.2)}.pin-button.active:hover{filter:brightness(1.15)}.minimize-button:hover{background-color:rgba(var(--main-yellow-rgb),.2)}.close-button:hover{background-color:rgba(var(--main-red-rgb),.2);color:var(--st-text-primary)}.connect-button:not(.connected):hover{background-color:rgba(var(--main-green-rgb),.2)}.connect-button.connected{background-color:rgb(var(--main-green-rgb));color:#fff}.message-area{background-color:var(--st-background);flex-grow:1;min-height:0;overflow:hidden;position:relative}.html-content{bottom:0;font-size:14px;font-size:var(--message-font-size);left:0;line-height:1.6;overflow-y:auto;overscroll-behavior:contain;padding:20px 0 85px;position:absolute;right:0;scrollbar-gutter:stable;top:0;word-break:break-word}.virtual-list-container{box-sizing:border-box;padding:24px 0}.input-area{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:rgba(var(--st-sidebar-background-rgb),.95);border:1px solid var(--st-border-color);border-radius:16px;bottom:12px;box-shadow:0 8px 32px #00000026;flex-shrink:0;left:12px;padding:8px 12px;position:absolute;right:12px;transition:all .2s ease-in-out;z-index:20}.chat-window.isMobileView .input-area{border:none;border-radius:0;border-top:1px solid var(--st-border-color);bottom:auto;box-shadow:none;left:auto;margin:0;position:relative;right:auto}.chat-window.isMobileView .html-content{padding-bottom:20px}.input-area:focus-within{border-color:rgba(var(--st-accent-rgb),.3);box-shadow:0 12px 40px #0003}.input-area>*{margin-bottom:8px}.input-area>:last-child{margin-bottom:0}.smart-suggestion{align-items:center;background-color:rgba(var(--st-accent-rgb),.1);border:1px solid rgba(var(--st-accent-rgb),.3);border-radius:8px;color:var(--st-text-primary);display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.reference-image-preview{display:flex;gap:8px;overflow-x:auto;padding:12px 12px 4px 4px}.reference-image-item{align-items:center;display:flex;flex-direction:column;flex-shrink:0;position:relative;width:80px}.reference-image-item img.preview-media{background-color:var(--st-background);object-fit:cover}.preview-file-placeholder,.reference-image-item img.preview-media{border:1px solid var(--st-border-color);border-radius:8px;height:80px;width:80px}.preview-file-placeholder{align-items:center;background-color:var(--st-sidebar-background);color:var(--st-text-secondary);display:flex;flex-direction:column;gap:4px;justify-content:center}.preview-file-icon{font-size:28px;opacity:.8}.preview-file-ext{font-size:10px;font-weight:700;letter-spacing:.5px;opacity:.6}.remove-file-button{align-items:center;background-color:var(--st-sidebar-background);border:1px solid var(--st-border-color);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:var(--st-text-primary);cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:normal;padding-bottom:2px;position:absolute;right:-6px;top:-6px;width:20px;z-index:5}.remove-file-button:hover{background-color:var(--main-red);border-color:var(--main-red);color:#fff}.file-name-label{color:var(--st-text-secondary);font-size:11px;margin-top:4px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.input-field-wrapper{align-items:stretch;background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:12px;display:flex;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.input-field-wrapper:focus-within{border-color:var(--st-accent-color);box-shadow:none}.input-field-wrapper:after{border:2px solid #0000;border-radius:14px;bottom:-2px;content:"";left:-2px;opacity:0;pointer-events:none;position:absolute;right:-2px;top:-2px;transition:border-color .2s ease-in-out;z-index:2}.input-field-wrapper:focus-within:after{border-color:var(--st-accent-color);opacity:1}.mode-selector-wrapper{align-items:center;background-color:var(--st-sidebar-background);border-bottom-left-radius:12px;border-right:1px solid var(--st-border-color);border-top-left-radius:12px;display:flex;justify-content:center;max-width:160px;min-width:110px;position:relative}.mode-selector-button{align-items:center;background:#0000;border:none;border-bottom-left-radius:12px;border-top-left-radius:12px;color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;height:100%;justify-content:space-between;padding:0 10px;transition:color .2s,background-color .2s;white-space:nowrap;width:100%}.mode-selector-button:hover{background-color:var(--st-hover-color);color:var(--st-text-primary)}.mode-icon-current{flex-shrink:0;font-size:14px}.mode-label-current{flex-grow:1;overflow:hidden;text-align:left;text-overflow:ellipsis}.mode-arrow{flex-shrink:0;font-size:10px;opacity:.7}.mode-dropdown-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--st-sidebar-background);border:1px solid var(--st-border-color);border-radius:8px;bottom:calc(100% + 4px);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:0;min-width:100%;padding:4px;position:absolute;width:-webkit-max-content;width:max-content;z-index:100}.mode-dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--st-text-primary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 12px;text-align:left;transition:background-color .2s;white-space:nowrap}.mode-dropdown-item:hover{background-color:var(--st-hover-color)}.mode-dropdown-item.active{background-color:rgba(var(--st-accent-rgb),.1);color:var(--st-accent-color);font-weight:500}.mode-item-icon{color:var(--st-text-secondary);text-align:center;width:16px}.mode-dropdown-item.active .mode-item-icon{color:var(--st-accent-color)}.input-field{background-color:initial;border:none;box-sizing:border-box;color:var(--st-text-primary);flex-grow:1;font-family:inherit;font-size:14px;font-size:var(--base-font-size);line-height:1.5;max-height:200px;max-height:var(--input-area-max-height);min-height:48px;min-height:var(--input-field-min-height);outline:none;overflow-y:auto;overscroll-behavior:contain;padding:14px 154px 14px 14px;padding:14px var(--input-right-padding) 14px 14px;position:relative;resize:none;z-index:1}.input-field::placeholder{color:var(--st-text-secondary)}.input-buttons{align-items:center;bottom:8px;display:flex;gap:6px;position:absolute;right:8px;z-index:1}.chat-control-button.attach-button,.chat-control-button.settings-button{background-color:var(--st-hover-color);border-radius:8px;color:var(--st-text-secondary);height:32px;height:var(--attach-button-size);transition:background-color .2s,color .2s;width:32px;width:var(--attach-button-size)}.chat-control-button.attach-button:hover,.chat-control-button.settings-button:hover{background-color:var(--st-button-hover-background);color:var(--st-text-primary)}.attach-button-wrapper{align-items:center;display:flex;position:relative}.file-types-tooltip{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:4px;bottom:100%;box-shadow:0 2px 5px #00000080;box-shadow:0 2px 5px var(--st-shadow-color,#00000080);color:var(--st-text-primary);display:none;font-size:11px;left:50%;margin-bottom:5px;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.attach-button-wrapper:hover .file-types-tooltip{display:block}.send-button{align-items:center;background:var(--st-accent-color);border:none;border-radius:8px;color:#fff;color:var(--st-text-on-accent,#fff);cursor:pointer;display:flex;font-size:inherit;font-weight:500;height:32px;justify-content:center;transition:filter .2s ease,opacity .2s ease;width:70px;width:var(--send-button-width)}.send-button:not(:disabled):hover{filter:brightness(1.1)}.send-button:disabled:not(.processing){cursor:not-allowed;filter:grayscale(50%);opacity:.5}.disclaimer-group{flex-shrink:0;padding:4px 12px 0;text-align:center;-webkit-user-select:none;user-select:none}.disclaimer{color:var(--st-text-secondary);font-size:11px;opacity:.8}.timer-display{font-feature-settings:"tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;bottom:0;color:#e0e0e0;display:flex;font-size:.8em;font-variant-numeric:tabular-nums;font-weight:500;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.send-button.processing:hover .stop-square{z-index:2}.chat-window.isMobileView .resize-handle{display:none}.html-content,.input-field{scrollbar-color:#0000 #0000;scrollbar-width:thin}.html-content:hover,.input-field:hover{scrollbar-color:var(--st-text-secondary) #0000}.html-content::-webkit-scrollbar,.input-field::-webkit-scrollbar{width:6px}.html-content::-webkit-scrollbar-track,.input-field::-webkit-scrollbar-track{background:#0000}.html-content::-webkit-scrollbar-thumb,.input-field::-webkit-scrollbar-thumb{background-color:initial;border-radius:3px;min-height:40px}.html-content:hover::-webkit-scrollbar-thumb,.input-field:hover::-webkit-scrollbar-thumb{background-color:var(--st-text-secondary)}@keyframes messageSlideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-message-container{animation:messageSlideUp .3s cubic-bezier(.2,.8,.2,1) forwards;box-sizing:border-box;contain-intrinsic-size:100px;content-visibility:auto;display:flex;flex-direction:column;margin-bottom:12px;padding:0 12px;position:relative;width:100%;will-change:transform,opacity}.chat-message-wrapper.is-active-stream .chat-message-container{animation:none!important;contain:layout style!important;contain-intrinsic-size:unset!important;content-visibility:visible!important;min-height:auto!important}.chat-message-container.sender-user{align-items:center;flex-direction:row;gap:8px;justify-content:flex-end}.chat-message-container.sender-llm{align-items:stretch}.chat-message-content{max-width:100%;width:100%}.chat-message-content p{margin-bottom:.5em;margin-top:0}.chat-message-content p:last-child{margin-bottom:0}.code-block-container,.table-wrapper{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:8px;box-sizing:border-box;margin-bottom:.5em;margin-top:.5em;position:relative;width:100%}.code-block-container pre{white-space:pre-wrap!important;word-break:break-all!important}.code-block-header,.table-header-controls{align-items:center;background-color:var(--st-sidebar-background);border-bottom:1px solid var(--st-border-color);border-top-left-radius:8px;border-top-right-radius:8px;color:var(--st-text-secondary);display:flex;font-size:12px;justify-content:space-between;padding:4px 12px}.code-block-header button,.table-header-controls button{background-color:var(--st-button-background);border:none;border-radius:4px;color:var(--st-text-primary);cursor:pointer;font-family:inherit;font-size:12px;padding:4px 8px;transition:background-color .2s ease}.code-block-header button:hover,.table-header-controls button:hover{background-color:var(--st-hover-color)}.html-content table,.table-container table{border:1px solid var(--st-border-color);border-collapse:collapse;border-radius:8px;font-size:14px;margin:10px 0;overflow:hidden;width:100%}.html-content table td,.html-content table th,.table-container table td,.table-container table th{border-bottom:1px solid var(--st-border-color);border-right:1px solid var(--st-border-color);padding:10px 12px;text-align:left}.html-content table td:last-child,.html-content table th:last-child,.table-container table td:last-child,.table-container table th:last-child{border-right:none}.html-content table th,.table-container table th{background-color:var(--st-sidebar-background);color:var(--st-text-primary);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.html-content table tr:last-child td,.table-container table tr:last-child td{border-bottom:none}.html-content table tr:nth-child(2n),.table-container table tr:nth-child(2n){background-color:var(--st-background)}.html-content table tr:hover{background-color:rgba(var(--st-accent-rgb),.05)}.message-action-toolbar{align-items:center;border-top:1px solid var(--st-border-color);display:flex;gap:8px;justify-content:flex-start;margin-top:8px;padding-top:8px;width:100%}.message-action-toolbar button{background:none;border:none;border-radius:4px;color:var(--st-text-secondary);cursor:pointer;font-size:14px;line-height:1;padding:4px;transition:color .2s ease,background-color .2s ease}.message-action-toolbar button:hover{background-color:var(--st-button-hover-background);color:var(--st-text-primary)}.user-message-actions{display:none}.actions-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--st-sidebar-background);border:1px solid var(--st-border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:4px;min-width:180px;padding:6px;position:fixed;z-index:2000}.actions-menu-item{align-items:center;background-color:initial;border:none;border-radius:4px;color:var(--st-text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px 12px;text-align:left;transition:background-color .2s ease}.actions-menu-item:hover{background-color:var(--st-hover-color)}.actions-menu-item .fa-icon{color:var(--st-text-secondary)}.actions-menu-divider{background-color:var(--st-border-color);height:1px;margin:4px 0}.speech-mode-info{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:-8px;min-height:18px;padding:4px 0 0}.char-counter{font-feature-settings:"tnum";color:var(--st-text-secondary);flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;transition:color .2s ease}.char-counter.warning{color:#ffc107}.char-counter.error{color:#dc3545}.truncation-warning{align-items:center;color:var(--st-text-secondary);display:flex;flex-grow:1;font-size:11px;gap:6px;overflow:hidden;white-space:nowrap}.truncation-warning .svg-inline--fa{color:#ffc107;flex-shrink:0}.user-message-bubble{word-wrap:break-word;background-color:var(--st-sidebar-background);border:1px solid var(--st-border-color);border-radius:12px 12px 0 12px;max-width:85%;padding:10px 14px;position:relative}.chat-window-focus-overlay{align-items:center;animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#000000d9;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px 80px;position:fixed;top:0;width:100vw;z-index:9999}.chat-window-focus-container{display:flex;flex-direction:column;height:100%;max-height:100%;max-width:1200px;position:relative;width:100%;z-index:10000}.chat-window.focus-mode{border:1px solid var(--st-border-color);box-shadow:0 10px 30px #0000004d;height:100%!important;width:100%!important}.chat-window.focus-mode .chat-header{cursor:default}.focus-button{transition:all .2s ease}.focus-button.active{background-color:var(--st-accent-color);color:#fff;color:var(--st-text-on-accent,#fff)}.ghost-sidebar-container{display:flex;flex-direction:column;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:60px;z-index:10001}.ghost-sidebar-container:hover{pointer-events:auto}.ghost-sidebar-track{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(var(--st-background-rgb),.8);border-right:1px solid var(--st-border-color);box-shadow:4px 0 15px #0003;display:flex;flex-direction:column;gap:8px;height:100%;overflow-y:auto;padding-top:60px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:60px}.ghost-sidebar-container:hover .ghost-sidebar-track{transform:translateX(0)}.ghost-sidebar-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:var(--st-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.ghost-sidebar-item:hover{background-color:var(--st-hover-color);color:var(--st-text-primary)}.ghost-sidebar-item.active{background-color:rgba(var(--st-accent-rgb),.15);border-color:rgba(var(--st-accent-rgb),.3);color:var(--st-accent-color)}.ghost-sidebar-label{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:4px;box-shadow:0 4px 12px #0000001a;font-size:12px;left:100%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(10px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:10002}.ghost-sidebar-item:hover .ghost-sidebar-label{opacity:1;transform:translateY(-50%) translateX(15px)}.focus-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--st-sidebar-background);border:1px solid var(--st-border-color);border-radius:50%;box-shadow:0 6px 18px #0000001f;box-shadow:var(--chat-shadow-medium);color:var(--st-text-primary);cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:fixed;top:50%;transform:translateY(-50%);transition:all .2s ease;width:48px;z-index:10005}.focus-nav-btn:hover{background-color:var(--st-hover-color);border-color:var(--st-accent-color);box-shadow:0 10px 30px #00000026;box-shadow:var(--chat-shadow-heavy);color:var(--st-accent-color);transform:translateY(-50%) scale(1.1)}.focus-nav-btn.prev{left:1.5rem}.focus-nav-btn.next{right:1.5rem}@media (max-width:1024px){.focus-nav-btn.prev{left:.5rem}.focus-nav-btn.next{right:.5rem}}.send-button-loading-container{gap:6px;height:100%;width:100%}.send-button-loading-container,.stop-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.chat-input-spinner,.stop-icon-wrapper{height:16px;width:16px}.chat-input-spinner{animation:chatInputSpin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;box-sizing:border-box;left:0;position:absolute;top:0}.chat-input-stop-icon{background-color:#fff;border-radius:1px;height:6px;position:relative;transition:transform .2s ease;width:6px;z-index:2}.timer-text{font-feature-settings:"tnum";color:#fff;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}@keyframes chatInputSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.send-button.processing:hover .chat-input-stop-icon{transform:scale(1.2)}.agent-pulse-wrapper{animation:fadeIn .3s ease-out;bottom:8px;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;z-index:15}.agent-pulse-container{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(var(--st-background-rgb),.95);border:1px solid var(--st-accent-color);border-radius:20px;box-shadow:0 4px 12px #0000001a;display:flex;gap:10px;padding:6px 16px}.pulse-icon-wrapper{align-items:center;color:var(--st-accent-color);display:flex;height:16px;justify-content:center;position:relative;width:16px}.pulse-ring{animation:glassPulse 2s infinite;border:2px solid var(--st-accent-color);border-radius:50%;height:100%;opacity:0;position:absolute;width:100%}.agent-pulse-text{color:var(--st-text-secondary);font-size:12px;font-weight:500;white-space:nowrap}@keyframes glassPulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}.chart-container,.code-block-container,.interactive-image-wrapper,.interactive-video-wrapper,.kpi-card,.table-wrapper{box-sizing:border-box;contain:layout style!important;content-visibility:visible!important;flex-shrink:0!important;min-height:50px;position:relative;width:100%;z-index:1}.chart-container{display:block!important;min-height:300px!important}.table-wrapper{min-height:120px!important}.code-block-container{min-height:80px!important}.theme-dark-code{--code-bg:#1e1e1e;--code-header-bg:#252526;--code-text:#d4d4d4;--code-border:#ffffff1a;--code-header-icon-color:#9cdcfe;--code-btn-text:#ccc;--code-btn-bg-hover:#ffffff1a;--code-btn-text-hover:#fff;--code-comment:#6a9955;--code-punctuation:#d4d4d4;--code-property:#9cdcfe;--code-selector:#ce9178;--code-operator:#d4d4d4;--code-keyword:#569cd6;--code-function:#dcdcaa;--code-regex:#d16969;--code-scrollbar-track:#1e1e1e;--code-scrollbar-thumb:#424242;--code-scrollbar-thumb-hover:#4f4f4f;--code-line-number:#858585}.theme-light-code{--code-bg:#fff;--code-header-bg:#f3f3f3;--code-text:#333;--code-border:#e0e0e0;--code-header-icon-color:#005cc5;--code-btn-text:#555;--code-btn-bg-hover:#e0e0e0;--code-btn-text-hover:#000;--code-comment:green;--code-punctuation:#333;--code-property:#005cc5;--code-selector:#a31515;--code-operator:#333;--code-keyword:#00f;--code-function:#795e26;--code-regex:#811f3f;--code-scrollbar-track:#fff;--code-scrollbar-thumb:#ccc;--code-scrollbar-thumb-hover:#999;--code-line-number:#6e7681}.code-block-container{background-color:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;box-shadow:0 2px 8px #00000014;color:var(--code-text);display:flex;flex-direction:column;margin:12px 0;overflow:hidden;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.code-block-header{align-items:center;background-color:var(--code-header-bg);border-bottom:1px solid var(--code-border);display:flex;flex-shrink:0;font-size:.85em;justify-content:space-between;padding:8px 16px;transition:background-color .2s ease,border-color .2s ease}.language-name{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-weight:600;text-transform:lowercase}.code-header-icon,.language-name{color:var(--code-header-icon-color)}.code-header-icon{font-size:.8em}.code-block-header .copy-code-button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:6px;color:var(--code-btn-text);cursor:pointer;display:flex;font-size:.85em;gap:8px;padding:6px 10px;transition:all .2s ease}.code-block-header .copy-code-button svg{color:currentColor;font-size:.9em}.code-block-header .copy-code-button:hover{background-color:var(--code-btn-bg-hover);color:var(--code-btn-text-hover)}.code-block-scroll{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;line-height:24px;max-height:400px;overflow-x:auto;overflow-y:auto;padding:10px 0}.code-block-scroll::-webkit-scrollbar{height:10px;width:10px}.code-block-scroll::-webkit-scrollbar-track{background:var(--code-scrollbar-track)}.code-block-scroll::-webkit-scrollbar-thumb{background-color:var(--code-scrollbar-thumb);border:2px solid var(--code-scrollbar-track);border-radius:5px}.code-block-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--code-scrollbar-thumb-hover)}.code-line{align-items:center;display:flex;white-space:pre}.line-number{color:var(--code-line-number);font-size:.9em;margin-right:1.5em;opacity:.7;text-align:right;-webkit-user-select:none;user-select:none;width:3em}.line-content,.line-number{display:inline-block}.table-wrapper{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:12px 0;overflow:hidden}.table-header-controls{align-items:center;background-color:var(--st-sidebar-background);border-bottom:1px solid var(--st-border-color);display:flex;justify-content:space-between;padding:6px 12px}.table-row-count{color:var(--st-text-secondary);font-size:11px;font-weight:600;text-transform:uppercase}.table-header-controls button{background-color:initial;border:1px solid var(--st-border-color);border-radius:4px;color:var(--st-text-secondary);cursor:pointer;font-size:11px;padding:3px 8px;transition:all .2s ease}.table-header-controls button:hover{background-color:var(--st-hover-color);border-color:var(--st-accent-color);color:var(--st-accent-color)}.table-container{background-color:var(--st-background);max-height:450px;overflow:auto;position:relative;width:100%}.virtual-table{display:flex;flex-direction:column;min-width:100%}.virtual-table-header-row{background-color:var(--st-background);border-bottom:2px solid var(--st-border-color);display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:10}.virtual-table-header-cell{border-right:1px solid #0000;color:var(--st-text-primary);flex:1 1;font-size:12px;font-weight:700;letter-spacing:.5px;min-width:140px;padding:10px 12px;text-align:left;text-transform:uppercase}.sortable-header-content{align-items:center;cursor:pointer;display:flex;gap:6px}.sortable-header-content:hover{color:var(--st-accent-color)}.sort-icon{font-size:10px;opacity:.4}.virtual-table-body{position:relative;width:100%}.virtual-table-row{align-items:center;border-bottom:1px solid var(--st-border-color);display:flex;left:0;position:absolute;top:0;width:100%}.virtual-table-row:hover{background-color:rgba(var(--st-accent-rgb),.03)}.virtual-table-cell{align-items:center;color:var(--st-text-secondary);display:flex;flex:1 1;font-size:13px;min-width:140px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.table-link{align-items:center;color:var(--st-accent-color);display:flex;gap:4px;text-decoration:none}.table-link:hover{text-decoration:underline}.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;line-height:1.4;padding:2px 8px;text-transform:capitalize}.status-success{background-color:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.status-warning{background-color:#eab3081a;border:1px solid #eab30833;color:#ca8a04}.status-error{background-color:#ef44441a;border:1px solid #ef444433;color:#dc2626}.cell-empty{color:#ccc}.filter-container{margin-top:4px}.column-filter-input{background:#0000;border:1px solid var(--st-border-color);border-radius:4px;color:var(--st-text-primary);font-size:11px;height:24px!important;padding:4px 6px!important;width:100%}.column-filter-input:focus{border-color:var(--st-accent-color);box-shadow:none}.interactive-image-container{border-radius:8px;cursor:pointer;margin:8px 0;max-width:100%;overflow:hidden;position:relative}.interactive-image{display:block;height:auto;transition:transform .3s ease;width:100%}.interactive-image-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.interactive-image-container:hover .interactive-image{transform:scale(1.05)}.interactive-image-container:hover .interactive-image-overlay{opacity:1}.edit-image-button{align-items:center;background-color:#ffffffe6;border:none;border-radius:20px;box-shadow:0 2px 4px #0003;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:background-color .2s ease,transform .2s ease}.edit-image-button:hover{background-color:#fff;transform:scale(1.05)}.interactive-video-container{border-radius:8px;box-shadow:inset 0 0 2px #0003;cursor:pointer;margin:8px 0;max-width:100%;overflow:hidden;position:relative}.interactive-video{background-color:#000;display:block;height:auto;width:100%}.interactive-video-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.interactive-video-container:hover .interactive-video-overlay{opacity:1}.edit-video-button{align-items:center;background-color:#ffffffe6;border:none;border-radius:20px;box-shadow:0 2px 4px #0003;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;pointer-events:auto;transition:background-color .2s ease,transform .2s ease}.edit-video-button:hover{background-color:#fff;transform:scale(1.05)}.interactive-audio-container{grid-gap:12px;align-items:center;background-color:var(--st-hover-color);border:1px solid var(--st-border-color);border-radius:8px;cursor:default;display:grid;gap:12px;grid-template-columns:auto auto 1fr;margin:8px 0;padding:12px;transition:box-shadow .2s ease;-webkit-user-select:none;user-select:none}.interactive-audio-container:hover{box-shadow:0 0 0 1px var(--st-border-color)}.audio-thumbnail{align-items:center;background-color:var(--st-background);border-radius:4px;color:var(--st-text-secondary);display:flex;flex-shrink:0;font-size:20px;grid-column:1;height:40px;justify-content:center;overflow:hidden;width:40px}.audio-thumbnail img{height:100%;object-fit:cover;width:100%}.audio-play-button{align-items:center;background-color:var(--st-accent-color);border:none;border-radius:50%;color:#fff;color:var(--st-text-on-accent,#fff);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;grid-column:2;height:40px;justify-content:center;transition:background-color .2s ease,transform .1s ease-out;width:40px}.audio-play-button:hover{background-color:var(--st-accent-color-hover)}.audio-play-button:active{transform:scale(.95)}.custom-audio-controls{display:flex;flex-direction:column;flex-grow:1;gap:8px;grid-column:3;min-width:0}.audio-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.title-container{display:flex;flex-direction:column;min-width:0;overflow:hidden}.asset-title{color:var(--st-text-primary);font-size:.9rem;font-weight:500}.asset-subtitle,.asset-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-subtitle{margin-top:-2px}.asset-subtitle,.playback-rate-btn{color:var(--st-text-secondary);font-size:.7rem}.playback-rate-btn{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:10px;cursor:pointer;flex-shrink:0;font-weight:600;margin-top:2px;padding:2px 8px;transition:all .2s ease}.playback-rate-btn:hover{border-color:var(--st-text-primary);color:var(--st-text-primary)}.progress-bar-container{background-color:var(--st-border-color);border-radius:3px;cursor:pointer;height:6px;overflow:hidden;width:100%}.progress-bar-filled{background-color:var(--st-accent-color);border-radius:3px;height:100%;transition:width .1s linear}.audio-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.time-display{font-feature-settings:"tnum";color:var(--st-text-secondary);flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums}.interactive-audio-element{display:none}.waveform-container{align-items:center;display:flex;flex-grow:1;gap:2px;height:16px;justify-content:center;min-width:20px;overflow:hidden}.waveform-bar{background-color:var(--st-text-secondary);border-radius:1px;height:2px;transition:height .3s ease;width:2px}.interactive-audio-container.is-playing .waveform-bar{animation:waveform-animation 1.4s ease-in-out infinite alternate}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+1){animation-delay:-1.4s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+2){animation-delay:-1.3s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+3){animation-delay:-1.2s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+4){animation-delay:-1.1s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+5){animation-delay:-1s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+6){animation-delay:-.9s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+7){animation-delay:-.8s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+8){animation-delay:-.7s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+9){animation-delay:-.6s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+10){animation-delay:-.5s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+11){animation-delay:-.4s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+12){animation-delay:-.3s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+13){animation-delay:-.2s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+14){animation-delay:-.1s}.interactive-audio-container.is-playing .waveform-bar:nth-child(15n+15){animation-delay:0s}@keyframes waveform-animation{0%{height:2px;opacity:.5}to{height:16px;opacity:1}}.volume-control{align-items:center;display:flex;flex-shrink:0;gap:8px}.volume-btn{background:#0000;border:none;color:var(--st-text-secondary);cursor:pointer;font-size:14px;padding:5px;transition:color .2s ease}.volume-btn:hover{color:var(--st-text-primary)}.volume-slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;margin:0;opacity:0;transition:width .3s ease,opacity .2s ease;width:0}.volume-control.slider-visible .volume-slider{opacity:1;width:70px}.volume-slider::-webkit-slider-runnable-track{background:var(--st-border-color);border-radius:2px;height:4px}.volume-slider::-moz-range-track{background:var(--st-border-color);border-radius:2px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--st-accent-color);border-radius:50%;height:16px;margin-top:-6px;-webkit-transition:transform .1s ease-out;transition:transform .1s ease-out;width:16px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.volume-slider::-moz-range-thumb{background-color:var(--st-accent-color);border:none;border-radius:50%;height:16px;width:16px}.chart-container.with-controls{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:12px;box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--st-shadow-color,#00000014);margin-bottom:12px;margin-top:12px;padding:12px;position:relative;transition:box-shadow .2s ease}.chart-container.with-controls:hover{box-shadow:0 6px 16px #0000001f;box-shadow:0 6px 16px var(--st-shadow-color,#0000001f)}.chart-controls-header{border-bottom:1px solid var(--st-border-color);display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px;padding-bottom:8px}.chart-action-button{align-items:center;background-color:var(--st-sidebar-background);border:1px solid var(--st-border-color);border-radius:6px;color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.chart-action-button:hover{background-color:var(--st-hover-color);border-color:var(--st-accent-color);color:var(--st-text-primary)}.chart-render-area{background-color:initial;max-width:100%;overflow:hidden;touch-action:pan-y}.chart-lightbox-overlay{align-items:center;animation:fadeIn .25s ease-out forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:20px;position:fixed;top:0;width:100%;z-index:10000}.chart-lightbox-content{animation:popupFadeInSlideUp .25s ease-out forwards;background-color:#1e1e1e;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:85%;margin:auto;max-height:1200px;max-width:1600px;overflow:hidden;transform:translateY(-20px) scale(.98);width:90%}.chart-lightbox-header{align-items:center;background-color:#252525;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.chart-lightbox-title{color:#fff;font-family:inherit;font-size:18px;font-weight:600;margin:0}.chart-lightbox-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#aaa;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;line-height:1;padding:4px;transition:all .2s;width:40px}.chart-lightbox-close:hover{background-color:#ffffff1a;color:#fff;transform:scale(1.1)}.chart-lightbox-body{box-sizing:border-box;flex-grow:1;height:100%;overflow:hidden;padding:20px;position:relative;width:100%}.chart-lightbox-footer{background-color:#252525;border-top:1px solid #ffffff1a;flex-shrink:0;padding:12px;text-align:center}.chart-lightbox-hint{color:#888;font-size:12px}.kpi-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(var(--st-background-rgb),.85);border:1px solid var(--st-border-color);border-radius:16px;box-shadow:0 4px 12px #0000000d;box-shadow:var(--chat-shadow-light,0 4px 12px #0000000d);box-sizing:border-box;color:var(--st-text-primary);display:flex;flex-direction:column;gap:8px;margin:8px 0;max-width:280px;padding:20px 24px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,border-color .2s ease,background-color .2s ease;width:100%}.kpi-card.is-background{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:var(--st-background);border-color:var(--st-border-color);box-shadow:none;pointer-events:none;transform:none!important}.kpi-card:not(.is-background):hover{background-color:rgba(var(--st-background-rgb),.95);border-color:var(--st-accent-color,var(--st-border-color));box-shadow:0 8px 20px #0000001a;box-shadow:var(--chat-shadow-medium,0 8px 20px #0000001a);transform:translateY(-2px)}.kpi-label{color:var(--st-text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.05em;opacity:.9;text-transform:uppercase}.kpi-value{color:var(--st-text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:4px;overflow-wrap:break-word}.kpi-trend-container{align-items:center;display:flex;font-size:.875rem;gap:8px}.kpi-trend-badge{align-items:center;border-radius:9999px;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 10px}.kpi-trend-icon{font-size:.75rem}.kpi-green .kpi-trend-badge{background-color:#22c55e26;background-color:rgba(var(--main-green-rgb,34,197,94),.15);color:#15803d;color:var(--main-green,#15803d)}.kpi-red .kpi-trend-badge{background-color:#ef444426;background-color:rgba(var(--main-red-rgb,239,68,68),.15);color:#b91c1c;color:var(--main-red,#b91c1c)}.kpi-blue .kpi-trend-badge{background-color:#2563eb26;color:#2563eb}.kpi-neutral .kpi-trend-badge{background-color:var(--st-hover-color);color:var(--st-text-secondary)}.kpi-comparison-text{color:var(--st-text-secondary);font-size:.8rem;font-weight:400;opacity:.8}.settings-group select,.settings-group textarea{background-color:var(--st-hover-color);border:1px solid var(--st-border-color);border-radius:4px;color:var(--st-text-primary);font-family:inherit;font-size:.95rem;padding:.6rem;width:100%}.settings-group select:focus,.settings-group textarea:focus{border-color:var(--st-accent-color);box-shadow:0 0 0 1px var(--st-accent-color);outline:none}.settings-slider-group input[type=range]::-moz-range-thumb{background:var(--st-accent-color);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.settings-safety-group{display:flex;gap:1rem}.aspect-ratio-group{display:flex;flex-wrap:wrap;gap:.5rem}.aspect-ratio-button{align-items:center;background-color:var(--st-hover-color);border:1px solid var(--st-border-color);border-radius:4px;color:var(--st-text-secondary);cursor:pointer;display:flex;flex-direction:column;flex-grow:1;font-size:.8rem;gap:.3rem;justify-content:center;min-width:50px;padding:.5rem;transition:all .2s ease-in-out}.aspect-ratio-button:hover{border-color:var(--st-text-primary);color:var(--st-text-primary)}.aspect-ratio-button.active{background-color:rgba(var(--st-accent-rgb),.1);border-color:var(--st-accent-color);color:var(--st-accent-color)}.aspect-ratio-box{border:1px solid;border-radius:2px;display:flex;transition:all .2s ease-in-out}.settings-close-button:hover{color:var(--st-text-primary)}.settings-group input[type=text],.settings-group select,.settings-group textarea{background-color:var(--st-hover-color);border:1px solid var(--st-border-color);border-radius:4px;color:var(--st-text-primary);font-family:inherit;font-size:.95rem;padding:.6rem;width:100%}.settings-group input[type=text]:focus,.settings-group select:focus,.settings-group textarea:focus{border-color:var(--st-accent-color);box-shadow:0 0 0 1px var(--st-accent-color);outline:none}.settings-radio-group{border:1px solid var(--st-border-color);border-radius:4px;display:flex;overflow:hidden}.settings-radio-group button{background-color:initial;border:none;color:var(--st-text-secondary);cursor:pointer;flex:1 1;padding:.6rem;transition:background-color .2s,color .2s}.settings-radio-group button:not(:last-child){border-right:1px solid var(--st-border-color)}.settings-radio-group button.active{background-color:var(--st-accent-color);color:#fff;color:var(--st-text-on-accent,#fff)}.settings-radio-group button:hover:not(.active){background-color:var(--st-button-hover-background)}.multi-speaker-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.multi-speaker-row{align-items:center;display:flex;gap:.5rem}.speaker-alias-input{flex-basis:35%;flex-grow:1}.speaker-voice-selector-wrapper{flex-basis:55%;flex-grow:2;min-width:0}.remove-speaker-btn{align-items:center;background:#0000;border:1px solid var(--st-border-color);border-radius:4px;color:var(--st-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;padding:0;width:38px}.remove-speaker-btn:hover:not(:disabled){background-color:var(--st-hover-color);border-color:var(--main-red);color:var(--main-red)}.remove-speaker-btn:disabled{cursor:not-allowed;opacity:.4}.add-speaker-btn{background-color:var(--st-hover-color);border:1px solid var(--st-border-color);border-radius:4px;color:var(--st-text-primary);cursor:pointer;font-weight:600;padding:.6rem;width:100%}.add-speaker-btn:hover{background-color:var(--st-button-hover-background);border-color:var(--st-text-primary)}.help-text-box{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:4px;color:var(--st-text-secondary);font-size:.85rem;margin-top:1rem;padding:.75rem 1rem}.help-text-box p{line-height:1.5;margin:0 0 .5rem}.help-text-box p:last-child{margin-bottom:0}.help-text-box strong{color:var(--st-text-primary);font-weight:600}.help-text-box code{background-color:var(--st-hover-color);border-radius:3px;color:var(--st-text-primary);font-family:monospace;font-family:var(--font-family-monospace,monospace);font-size:.8rem;padding:2px 5px}.help-text-box.pro-tip{border-left:3px solid var(--st-accent-color)}.help-text-box ul{margin:.5rem 0 0 1rem;padding-left:1rem}.help-text-box li{margin-bottom:.25rem}.voice-selector-wrapper{font-family:inherit;position:relative;width:100%}.voice-selector-trigger{align-items:center;background-color:var(--st-hover-color);border:1px solid var(--st-border-color);border-radius:4px;color:var(--st-text-primary);cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;padding:.6rem;text-align:left;transition:border-color .2s,box-shadow .2s;width:100%}.voice-selector-trigger:hover{border-color:var(--st-text-secondary)}.voice-selector-trigger:focus-visible{border-color:var(--st-accent-color);box-shadow:0 0 0 1px var(--st-accent-color);outline:none}.selected-voice-info{align-items:center;display:flex;gap:.4rem;overflow:hidden;white-space:nowrap}.selected-voice-name{font-weight:600}.selected-voice-gender{color:var(--st-text-secondary);font-size:.85rem}.chevron-icon{transition:transform .2s ease-in-out}.chevron-icon.open{transform:rotate(180deg)}.voice-selector-dropdown{background-color:var(--st-sidebar-background);border:1px solid var(--st-border-color);border-radius:4px;box-shadow:0 4px 12px #0003;list-style:none;margin:0;max-height:250px;min-width:200px;overflow-y:auto;padding:.3rem;position:absolute;right:0;top:calc(100% + 4px);z-index:1100}.voice-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:.6rem .8rem;transition:background-color .15s}.voice-option:hover{background-color:var(--st-hover-color)}.voice-option.selected{background-color:var(--st-accent-color-translucent);color:var(--st-text-primary)}.voice-option-info{align-items:center;display:flex;gap:.4rem}.voice-option-name{font-weight:500}.voice-option-gender{color:var(--st-text-secondary);font-size:.85rem}.play-pause-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;transition:color .2s,background-color .2s;width:28px}.voice-option:hover .play-pause-btn{color:var(--st-text-primary)}.play-pause-btn:hover{background-color:var(--st-button-hover-background)}.play-pause-btn .fa-stop{color:var(--st-accent-color)}.settings-modal-overlay{background-color:#0009;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1050}.settings-modal-panel{animation:slideInFromRight .3s ease-out;background-color:var(--st-sidebar-background);box-shadow:-5px 0 15px #00000080;color:var(--st-text-primary);display:flex;flex-direction:column;height:100%;width:340px}.settings-modal-header{align-items:center;border-bottom:1px solid var(--st-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem}.settings-modal-header h3{font-size:1.1rem;margin:0}.settings-close-button{background:none;border:none;color:var(--st-text-secondary);cursor:pointer;font-size:1.2rem;line-height:1;padding:.5rem}.settings-modal-content{flex-grow:1;overflow-y:auto;padding:1rem}.settings-group{margin-bottom:1.5rem}.settings-group label{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.settings-group label,.settings-group small{color:var(--st-text-secondary);display:block}.settings-group small{font-size:.8rem;margin-top:.25rem}.settings-group input[type=number],.settings-group input[type=text],.settings-group select,.settings-group textarea{background-color:var(--st-hover-color);border:1px solid var(--st-border-color);border-radius:4px;box-sizing:border-box;color:var(--st-text-primary);font-family:inherit;font-size:.95rem;padding:.6rem;width:100%}.settings-group input[type=number]:focus,.settings-group input[type=text]:focus,.settings-group select:focus,.settings-group textarea:focus{border-color:var(--st-accent-color);box-shadow:0 0 0 1px var(--st-accent-color);outline:none}.settings-slider-group{align-items:center;display:flex;gap:1rem}.settings-slider-group input[type=range]{-webkit-appearance:none;appearance:none;background:var(--st-border-color);border-radius:2px;flex-grow:1;height:4px;outline:none}.settings-slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--st-accent-color);border-radius:50%;cursor:pointer;height:16px;width:16px}.settings-group-row{display:flex;gap:1rem}.settings-group-row .settings-group{flex:1 1}.output-dir-group{display:flex}.output-dir-group input{background-color:var(--st-background)!important;border-bottom-right-radius:0;border-top-right-radius:0;flex-grow:1}.browse-button{background-color:var(--st-hover-color);border:1px solid var(--st-border-color);border-bottom-right-radius:4px;border-left:none;border-top-right-radius:4px;color:var(--st-text-primary);cursor:pointer;padding:0 1rem}.browse-button:disabled{cursor:not-allowed;opacity:.5}.checkbox-label{align-items:center;color:var(--st-text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:400;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:var(--st-accent-color);height:16px;width:16px}.advanced-checkbox{margin-top:1rem}.report-link{color:var(--st-text-secondary);font-size:.85rem;text-decoration:none}.report-link:hover{color:var(--st-accent-color);text-decoration:underline}.settings-modal-overlay.music-settings{background-color:#0009;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1050}.settings-modal-panel.music-settings{animation:slideInFromRight .3s ease-out;background-color:var(--st-sidebar-background);box-shadow:-5px 0 15px #00000080;color:var(--st-text-primary);display:flex;flex-direction:column;height:100%;width:340px}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.settings-modal-panel.music-settings .settings-modal-header{align-items:center;border-bottom:1px solid var(--st-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem}.settings-modal-panel.music-settings .settings-modal-header h3{font-size:1.1rem;margin:0}.settings-modal-panel.music-settings .settings-close-button{background:none;border:none;color:var(--st-text-secondary);cursor:pointer;font-size:1.2rem;line-height:1;padding:.5rem}.settings-modal-panel.music-settings .settings-close-button:hover{color:var(--st-text-primary)}.settings-modal-panel.music-settings .settings-modal-content{flex-grow:1;overflow-y:auto;padding:1rem}.settings-modal-panel.music-settings .settings-group{margin-bottom:1.5rem}.settings-modal-panel.music-settings .settings-group label{color:var(--st-text-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.settings-modal-panel.music-settings .settings-group input[type=number],.settings-modal-panel.music-settings .settings-group input[type=text],.settings-modal-panel.music-settings .settings-group select,.settings-modal-panel.music-settings .settings-group textarea{background-color:var(--st-hover-color);border:1px solid var(--st-border-color);border-radius:4px;color:var(--st-text-primary);font-family:inherit;font-size:.95rem;padding:.6rem;width:100%}.settings-modal-panel.music-settings .settings-group input[type=number]:focus,.settings-modal-panel.music-settings .settings-group input[type=text]:focus,.settings-modal-panel.music-settings .settings-group select:focus,.settings-modal-panel.music-settings .settings-group textarea:focus{border-color:var(--st-accent-color);box-shadow:0 0 0 1px var(--st-accent-color);outline:none}.settings-modal-panel.music-settings .settings-radio-group{border:1px solid var(--st-border-color);border-radius:4px;display:flex;overflow:hidden}.settings-modal-panel.music-settings .settings-radio-group button{background-color:initial;border:none;color:var(--st-text-secondary);cursor:pointer;flex:1 1;padding:.6rem;transition:background-color .2s,color .2s}.settings-modal-panel.music-settings .settings-radio-group button:not(:last-child){border-right:1px solid var(--st-border-color)}.settings-modal-panel.music-settings .settings-radio-group button.active{background-color:var(--st-accent-color);color:#fff;color:var(--st-text-on-accent,#fff)}.settings-modal-panel.music-settings .settings-radio-group button:hover:not(.active){background-color:var(--st-button-hover-background)}.settings-modal-panel.music-settings .settings-group small{color:var(--st-text-secondary);display:block;font-size:.8rem;margin-top:.5rem}.media-player-window{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:12px;box-shadow:var(--chat-shadow-heavy);box-sizing:border-box;color:var(--st-text-primary);contain:layout style;display:flex;flex-direction:column;font-family:sans-serif;font-family:var(--main-font-family,sans-serif);font-size:var(--base-font-size);height:300px;overflow:hidden;position:relative;transform:translateZ(0);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:400px;will-change:transform,width,height}.media-player-window.is-dragging-or-resizing{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 12px #0003;pointer-events:none;transition:none}.media-player-window.is-dragging-or-resizing .resize-handle{pointer-events:auto}.media-player-window.isMobileView{border:none;border-radius:0;box-shadow:none;height:100%!important;position:static!important;transform:none!important;width:100%!important;will-change:auto}.media-player-window.minimized{display:none}.media-player-window.is-audio-only{border-bottom:2px solid var(--st-accent-color);height:auto!important;min-height:80px}.audio-only-compact-view{background-color:var(--st-sidebar-background);border-top:1px solid var(--st-border-color);gap:12px;height:60px;justify-content:space-between;padding:12px 16px}.audio-control-button,.audio-only-compact-view{align-items:center;display:flex;flex-shrink:0;overflow:visible;position:relative}.audio-control-button{background:var(--st-hover-color);border:1px solid var(--st-border-color);border-radius:50%;color:var(--st-text-primary);cursor:pointer;height:32px;justify-content:center;transition:all .2s;width:32px}.audio-control-button:hover{background:var(--st-accent-color);border-color:var(--st-accent-color);color:#fff;color:var(--st-text-on-accent,#fff)}.audio-control-button.play-pause{font-size:14px;height:36px;width:36px}.audio-control-button.volume-wrapper{justify-content:center;width:32px}.audio-volume-popup{align-items:center;background-color:var(--st-sidebar-background);border:1px solid var(--st-border-color);border-radius:20px;box-shadow:0 4px 12px #0003;display:flex;height:40px;justify-content:center;left:100%;margin-left:8px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .1s ease,visibility .1s ease;visibility:hidden;width:100px;z-index:100}.audio-volume-popup:before{background:#0000;bottom:0;content:"";left:-10px;position:absolute;top:0;width:10px}.audio-control-button.volume-wrapper:hover .audio-volume-popup,.audio-volume-popup:hover{opacity:1;visibility:visible}.audio-volume-slider{-webkit-appearance:none;appearance:none;background:var(--st-text-secondary);border-radius:2px;cursor:pointer;height:4px;margin:0;outline:none;width:80px}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid var(--st-border-color);border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:14px;width:14px}.audio-volume-slider::-moz-range-thumb{background:#fff;border:1px solid var(--st-border-color);border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:14px;width:14px}.audio-status-indicator{align-items:center;color:var(--st-text-secondary);display:flex;flex-grow:1;font-size:13px;font-weight:500;gap:12px;min-width:0;overflow:hidden}.status-dot{background-color:var(--st-text-secondary);border-radius:50%;flex-shrink:0;height:8px;transition:background-color .3s ease;width:8px}.status-dot.playing{animation:pulse-dot 2s infinite;background-color:var(--st-accent-color);box-shadow:0 0 8px rgba(var(--st-accent-rgb),.6)}@keyframes pulse-dot{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(.95)}}.audio-info-marquee{flex-grow:1;height:18px;mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden;position:relative;white-space:nowrap}.audio-track-title{color:var(--st-text-primary);display:inline-block;font-weight:600}.audio-track-title.marquee{animation:marquee 8s linear infinite;padding-left:0;will-change:transform}@keyframes marquee{0%{transform:translateX(0)}20%{transform:translateX(0)}to{transform:translateX(-100%)}}.audio-toggle-btn.active{background-color:rgba(var(--st-accent-rgb),.1);color:var(--st-accent-color)}.audio-visualizer-bars{align-items:center;display:flex;flex-shrink:0;gap:4px;height:20px}.audio-visualizer-bars span{animation:visualize 1s ease-in-out infinite;background-color:var(--st-accent-color);border-radius:2px;display:block;height:100%;width:3px;will-change:height}.audio-visualizer-bars.paused span{animation-play-state:paused;height:3px!important;transform:scaleY(1);transition:height .3s ease}.audio-visualizer-bars span:first-child{animation-duration:.8s}.audio-visualizer-bars span:nth-child(2){animation-duration:1.1s}.audio-visualizer-bars span:nth-child(3){animation-duration:.9s}.audio-visualizer-bars span:nth-child(4){animation-duration:1.2s}.audio-visualizer-bars span:nth-child(5){animation-duration:.7s}@keyframes visualize{0%{height:3px}50%{height:100%}to{height:3px}}.media-player-title-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(var(--st-background-rgb),.8);border-bottom:1px solid var(--st-border-color);box-sizing:border-box;cursor:grab;display:flex;flex-shrink:0;gap:8px;height:var(--chat-header-height);justify-content:space-between;padding:8px 12px}.media-player-title{align-items:center;color:var(--st-text-primary);cursor:text;display:flex;flex-grow:0;font-size:14px;font-weight:500;gap:8px;max-width:60%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-edit-icon{color:var(--st-text-secondary);flex-shrink:0;font-size:12px;opacity:0;transition:opacity .2s ease}.media-player-title:hover .title-edit-icon{opacity:1}.media-player-title-input{background-color:var(--st-hover-color);border:1px solid var(--st-accent-color);border-radius:4px;color:var(--st-text-primary);font-size:14px;font-weight:500;padding:2px 6px;width:100%}.media-player-title-input:focus{outline:none}.media-player-controls{display:flex;flex-shrink:0;gap:4px}.media-player-controls .chat-control-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:var(--st-text-secondary);cursor:pointer;display:inline-flex;font-size:.9em;justify-content:center;line-height:1;margin:0 1px;min-height:24px;min-width:24px;opacity:.8;padding:6px;transition:background-color .2s ease,color .2s ease;vertical-align:middle}.media-player-controls .chat-control-button:hover{background-color:var(--st-button-hover-background);color:var(--st-text-primary);opacity:1}.media-player-controls .pin-button:hover{background-color:rgba(var(--main-pin-rgb),.2)}.media-player-controls .pin-button.active{background-color:var(--st-accent-color);box-shadow:0 0 8px rgba(var(--st-accent-rgb),.5);color:#fff;color:var(--st-text-on-accent,#fff);opacity:1}.media-player-controls .minimize-button:hover{background-color:rgba(var(--main-yellow-rgb),.2)}.media-player-controls .close-button:hover{background-color:var(--main-red);color:#fff}.media-player-main-content{display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow:hidden;position:relative}.media-player-header{align-items:center;background-color:var(--st-sidebar-background);border-bottom:1px solid var(--st-border-color);display:flex;flex-shrink:0;gap:8px;padding:6px 12px}.back-button-media{background:none;border:none;border-radius:4px;color:var(--st-text-secondary);cursor:pointer;font-size:16px;line-height:1;padding:4px;transition:background-color .2s,color .2s}.back-button-media:hover{background-color:var(--st-hover-color);color:var(--st-text-primary)}.media-player-url-bar{align-items:center;background-color:var(--st-hover-color);border:1px solid var(--st-border-color);border-radius:6px;display:flex;height:30px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.media-player-url-bar:focus-within{border-color:var(--st-accent-color)}.media-player-url-bar input{background-color:initial;border:none;color:var(--st-text-primary);flex-grow:1;font-size:12px;height:100%;padding:0 8px}.media-player-url-bar input:disabled{background-color:var(--st-border-color);cursor:not-allowed}.media-player-url-bar input:focus{outline:none}.media-player-url-bar input::placeholder{color:var(--st-text-secondary);opacity:.7}.media-player-url-bar button{background-color:var(--st-accent-color);border:none;color:#fff;color:var(--st-text-on-accent,#fff);cursor:pointer;font-size:11px;font-weight:600;height:100%;padding:0 10px;transition:filter .2s ease}.media-player-url-bar button:hover{filter:brightness(1.1)}.media-player-url-bar button:disabled{background-color:var(--st-text-secondary);cursor:not-allowed;filter:grayscale(50%)}.favorite-button{background-color:initial!important;border-left:1px solid var(--st-border-color)!important;color:var(--st-text-secondary)!important}.favorite-button:hover{background-color:var(--st-background)!important;color:var(--st-accent-color)!important}.favorite-button.active{color:gold!important}.media-player-content{align-items:stretch;background-color:var(--st-background);flex-grow:1;justify-content:center;min-height:0;position:relative}.media-player-content,.view-container{display:flex;flex-direction:column;overflow:hidden}.view-container{height:100%;width:100%}.view-container.hidden{display:none!important}.view-container.active{display:flex!important}.details-player-container,.details-view{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.details-player,.details-player-container{position:relative}.details-player{align-items:center;background-color:#000;display:flex;flex-grow:1;height:100%;justify-content:center;width:100%}.details-player iframe{border:none;display:block;height:100%!important;width:100%!important}.media-player-content .error-message,.media-player-content .placeholder-message{color:var(--st-text-secondary);padding:20px;text-align:center}.media-player-content .error-message p:first-child{color:var(--main-red);font-weight:700}.resize-handle{border-bottom:2px solid var(--st-text-secondary);border-bottom-right-radius:8px;border-right:2px solid var(--st-text-secondary);bottom:0;cursor:se-resize;height:15px;position:absolute;right:0;width:15px;z-index:101}.media-player-window.isMobileView .resize-handle{display:none}.loading-spinner{align-self:center;animation:spin 1s linear infinite;border-top:4px solid var(--st-border-color);border:4px solid var(--st-border-color);border-radius:50%;border-top-color:var(--st-accent-color);height:40px;width:40px}.platform-picker{align-items:stretch;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:flex-start;overflow-y:auto;padding:16px 16px 50px;text-align:center}.media-player-history-list,.platform-picker,.search-results-list{scrollbar-color:#0000 #0000;scrollbar-width:thin}.media-player-history-list:hover,.platform-picker:hover,.search-results-list:hover{scrollbar-color:var(--st-text-secondary) #0000}.media-player-history-list::-webkit-scrollbar,.platform-picker::-webkit-scrollbar,.search-results-list::-webkit-scrollbar{width:6px}.media-player-history-list::-webkit-scrollbar-track,.platform-picker::-webkit-scrollbar-track,.search-results-list::-webkit-scrollbar-track{background:#0000}.media-player-history-list::-webkit-scrollbar-thumb,.platform-picker::-webkit-scrollbar-thumb,.search-results-list::-webkit-scrollbar-thumb{background-color:initial;border-radius:3px}.media-player-history-list:hover::-webkit-scrollbar-thumb,.platform-picker:hover::-webkit-scrollbar-thumb,.search-results-list:hover::-webkit-scrollbar-thumb{background-color:var(--st-text-secondary)}.picker-section{flex-direction:column;gap:10px}.picker-label,.picker-section{align-items:center;display:flex}.picker-label{border-bottom:1px solid var(--st-border-color);color:var(--st-text-secondary);font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin:0;padding-bottom:4px;text-align:left;text-transform:uppercase;width:100%}.platform-logos{display:flex;gap:24px;justify-content:center;padding:10px 0}.platform-logos button{background:none;border:none;cursor:pointer;font-size:40px;padding:0;transition:transform .2s ease,color .2s ease}.platform-logos button:hover{transform:scale(1.1)}.brand-youtube{color:red!important}.brand-twitch{color:#9146ff!important}.brand-kick{color:#53fc18!important}.brand-soundcloud{color:#f50!important}.preset-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);width:100%}.preset-button{align-items:center;background-color:var(--st-sidebar-background);border:1px solid var(--st-border-color);border-radius:8px;color:var(--st-text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px;transition:background-color .2s,border-color .2s}.preset-button:hover{background-color:var(--st-hover-color);border-color:var(--st-accent-color)}.preset-button svg{color:var(--st-accent-color);font-size:14px}.media-player-history-section{display:flex;flex-direction:column;flex-grow:1;width:100%}.media-player-clear-history-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:11px;justify-content:center;opacity:.6;padding:4px 8px;transition:all .2s ease}.media-player-clear-history-btn:hover{background-color:#dc35451a;color:#dc3545;color:var(--main-red,#dc3545);opacity:1}.media-player-history-list{display:flex;flex-direction:column;gap:4px;overflow-y:visible;width:100%}.rich-list-item{grid-gap:8px;align-items:center;background-color:var(--st-sidebar-background);border:1px solid var(--st-border-color);border-radius:8px;box-sizing:border-box;color:var(--st-text-primary);cursor:pointer;display:grid;font-family:inherit;gap:8px;grid-template-columns:24px 1fr auto;padding:8px 12px;text-align:left;transition:background-color .2s,border-color .2s;width:100%}.rich-list-item:hover{background-color:var(--st-hover-color);border-color:var(--st-accent-color)}.rich-item-icon{align-items:center;display:flex;font-size:16px;justify-content:center}.rich-item-title{color:var(--st-text-primary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rich-item-actions{display:flex;gap:4px;opacity:.6;transition:opacity .2s}.rich-list-item:hover .rich-item-actions{opacity:1}.rich-action-btn{background:none;border:none;border-radius:4px;color:var(--st-text-secondary);cursor:pointer;font-size:12px;padding:4px;transition:color .2s,background-color .2s}.rich-action-btn:hover{background-color:#0000001a;color:var(--st-text-primary)}.rich-action-btn.favorite.active{color:gold}.rich-action-btn.delete:hover{color:var(--main-red)}.no-favorites-msg{color:var(--st-text-secondary);font-size:12px;font-style:italic;opacity:.7}.search-results-list{height:100%;overflow-y:auto;width:100%}.search-result-item{align-items:flex-start;border-radius:6px;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s ease}.search-result-item:hover{background-color:var(--st-hover-color)}.search-result-item img{border-radius:4px;flex-shrink:0;height:90px;margin-right:12px;object-fit:cover;width:160px}.search-result-meta{display:flex;flex-direction:column}.result-title{color:var(--st-text-primary);font-size:14px;font-weight:500;line-height:1.4;margin:0 0 4px}.result-channel{margin:0}.result-channel,.result-stats{color:var(--st-text-secondary);font-size:12px}.result-stats{display:flex;gap:8px;margin:4px 0 0}.mini-player-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--st-sidebar-background);border-top:1px solid var(--st-border-color);bottom:0;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box;display:flex;height:44px;justify-content:space-between;left:0;padding:0 12px;position:absolute;width:100%;z-index:10}.mini-info{cursor:pointer;display:flex;flex-direction:column;flex-grow:1;margin-right:12px;overflow:hidden}.mini-label{color:var(--st-accent-color);font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.mini-title{color:var(--st-text-primary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-actions{align-items:center;display:flex;gap:8px}.mini-btn{background:var(--st-hover-color);border:1px solid var(--st-border-color);border-radius:6px;color:var(--st-text-primary);cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .2s}.mini-btn:hover{background:var(--st-accent-color);border-color:var(--st-accent-color);color:#fff}.mini-btn.stop{border-color:#dc35454d;color:var(--main-red)}.mini-btn.stop:hover{background:var(--main-red);color:#fff}.zoom-indicator{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;background-color:var(--st-overlay-background,#0009);border-radius:.3125rem;color:var(--st-text-primary);font-family:var(--main-font-family);font-size:.875rem;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:scale(.8);transition:opacity .3s ease-in-out,transform .3s ease-in-out;z-index:1001}.zoom-indicator-visible{opacity:1;transform:scale(1)}.zoom-indicator.top-right{right:1rem;top:-3.5rem}.zoom-indicator.bottom-left{bottom:2rem;left:1rem}.zoom-indicator.bottom-right{bottom:.4375rem;right:.4375rem}.canvas-area .zoom-indicator{&.top-right{right:1rem;top:-3.5rem}&.bottom-left{bottom:1.625rem;left:.625rem}&.bottom-right{bottom:.4375rem;right:.4375rem}}@media (max-width:768px){.zoom-indicator{font-size:.75rem}&.top-right{right:.5rem;top:-3rem}&.bottom-left{bottom:1.5rem;left:.5rem}&.bottom-right{bottom:.3125rem;right:.3125rem}.canvas-area .zoom-indicator{&.top-right{right:.5rem;top:-3rem}&.bottom-left{bottom:1.3125rem;left:.3125rem}&.bottom-right{bottom:.3125rem;right:.3125rem}}}:root{--sidebar-expanded-width:250px;--sidebar-collapsed-width:62px;--transition-ease:ease-in-out}.canvas-area-container{background-color:var(--st-background);box-sizing:border-box;height:calc(100vh - 50px);height:calc(100vh - var(--header-height));left:0;overflow:hidden;position:absolute;top:50px;top:var(--header-height);width:100%}.canvas-area{height:100%;overflow:hidden;position:relative;transition:margin-left .3s ease-in-out;transition:margin-left var(--transition-duration) var(--transition-ease);width:100%}@media (min-width:768px){.infinite-canvas-container .canvas-area{margin-left:62px;margin-left:var(--sidebar-collapsed-width);width:calc(100% - 62px);width:calc(100% - var(--sidebar-collapsed-width))}.infinite-canvas-container.sidebar-open .canvas-area{margin-left:250px;margin-left:var(--sidebar-expanded-width);width:calc(100% - 250px);width:calc(100% - var(--sidebar-expanded-width))}}@media (max-width:767px){.canvas-area-container{height:auto;margin-top:0;position:static}.canvas-area{margin-left:0;width:100%}}.canvas-container{height:100%;overflow:hidden;position:relative;width:100%}.html-chat-windows-container{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%;will-change:transform}.konva-stage{background-color:var(--st-background)}.html-chat-windows-container.fast-render .chat-window,.html-chat-windows-container.fast-render .media-player-window{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-width:1px!important;box-shadow:none!important;pointer-events:none!important;transition:none!important}.html-chat-windows-container.is-moving .chat-window.is-dragging-or-resizing,.html-chat-windows-container.is-moving .media-player-window.is-dragging-or-resizing{border-color:var(--st-accent-color);box-shadow:0 0 0 2px var(--st-accent-color)!important;pointer-events:auto!important}.connect-chat-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000a6;background-color:var(--st-overlay-background,#000000a6);display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:var(--st-spacing-lg);position:fixed;scrollbar-color:var(--st-text-secondary) var(--st-sidebar-background);scrollbar-width:thin;top:0;width:100%;z-index:1050}.connect-chat-popup-overlay::-webkit-scrollbar{width:8px}.connect-chat-popup-overlay::-webkit-scrollbar-thumb{background-color:var(--st-text-secondary);border-radius:var(--border-radius)}.connect-chat-popup-overlay::-webkit-scrollbar-track{background-color:var(--st-sidebar-background);border-radius:var(--border-radius)}.connect-chat-popup-content{animation:popupFadeInSlideUp .25s ease-out forwards;background-color:var(--st-sidebar-background);border:var(--border-width) solid var(--st-border-color);border-radius:var(--border-radius);box-shadow:0 var(--st-spacing-sm) var(--st-spacing-lg) #00000040;box-shadow:0 var(--st-spacing-sm) var(--st-spacing-lg) var(--st-shadow-color,#00000040);color:var(--st-text-primary);display:flex;flex-direction:column;font-family:var(--main-font-family);max-height:85vh;max-width:600px;min-width:400px;opacity:0;padding:0;transform:translateY(-20px) scale(.98);width:90%}.connect-chat-popup-header{align-items:center;border-bottom:var(--border-width) solid var(--st-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--st-spacing-md) var(--st-spacing-lg)}.connect-chat-popup-header h2{font-family:var(--header-font-family);font-size:var(--font-size-lg);font-weight:500;margin:0}.connect-chat-popup-close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--st-text-secondary);cursor:pointer;display:inline-flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;opacity:.7;padding:var(--st-spacing-sm);transition:opacity var(--transition-duration) var(--transition-ease),color var(--transition-duration),transform .1s ease;width:36px}.connect-chat-popup-close-button:hover{background-color:var(--st-hover-color);color:var(--st-text-primary);opacity:1;transform:scale(1.1)}.connect-chat-popup-body{display:flex;flex-direction:column;flex-grow:1;font-family:var(--main-font-family);gap:var(--st-spacing-lg);overflow-y:auto;padding:var(--st-spacing-lg);scrollbar-color:var(--st-text-secondary) #0000;scrollbar-width:thin}.connect-chat-popup-body::-webkit-scrollbar{width:6px}.connect-chat-popup-body::-webkit-scrollbar-thumb{background-color:var(--st-text-secondary);border-radius:var(--border-radius)}.connect-chat-popup-body::-webkit-scrollbar-track{background-color:initial;border-radius:var(--border-radius)}.connect-chat-popup-body>p{color:var(--st-text-secondary);font-family:var(--main-font-family);font-size:var(--font-size-md);line-height:1.4;margin:0}.connect-chat-popup-actions{background-color:var(--st-sidebar-background);border-top:var(--border-width) solid var(--st-border-color);display:flex;flex-shrink:0;gap:var(--st-spacing-md);justify-content:flex-end;padding:var(--st-spacing-md) var(--st-spacing-lg)}.connect-chat-popup-actions button{align-items:center;background-color:initial;border:var(--border-width) solid #0000;border-radius:var(--button-border-radius);cursor:pointer;display:inline-flex;font-family:var(--main-font-family);font-size:var(--font-size-md);font-weight:500;height:40px;justify-content:center;min-width:100px;outline:none;padding:var(--st-spacing-md) var(--st-spacing-lg);transition:background-color var(--transition-duration) var(--transition-ease),border-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease),box-shadow .2s ease}.connect-chat-popup-actions .connect-chat-popup-cancel-button{background-color:var(--main-red);border-color:var(--main-red);color:#fff}.connect-chat-popup-actions .connect-chat-popup-cancel-button:hover{background-color:var(--main-red-hover);border-color:var(--main-red-hover)}.connect-chat-popup-actions .connect-chat-popup-disconnect-button{border:var(--border-width) solid var(--main-red);color:var(--main-red)}.connect-chat-popup-actions .connect-chat-popup-disconnect-button:hover{background-color:var(--main-red);border-color:var(--main-red);color:#fff}.connect-chat-popup-actions .connect-chat-popup-button{background-color:var(--st-button-background);border:var(--border-width) solid var(--st-border-color);color:var(--st-text-primary)}.connect-chat-popup-actions .connect-chat-popup-button:hover{background-color:var(--st-hover-color);border-color:var(--st-hover-color)}.connect-chat-popup-actions .connect-chat-popup-confirm-button{background-color:initial;border-color:var(--st-accent-color);box-shadow:0 0 var(--st-spacing-sm) var(--st-accent-color);color:var(--st-text-primary)}.connect-chat-popup-actions .connect-chat-popup-confirm-button:hover{background-color:var(--st-button-hover-background);border-color:var(--st-accent-hover);box-shadow:none}.connect-chat-popup-actions button:disabled{background-color:var(--st-hover-color);border-color:var(--st-border-color);box-shadow:none;color:var(--st-text-secondary);cursor:not-allowed;opacity:.6}.connect-chat-popup-actions button:focus-visible{box-shadow:0 0 0 2px var(--st-background),0 0 0 4px var(--st-accent-color);outline:2px solid var(--st-accent-color);outline-offset:2px}.chat-list-popup{background-color:var(--st-background);border:var(--border-width) solid var(--st-border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;font-family:var(--main-font-family);gap:var(--st-spacing-xs);list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0;scrollbar-color:var(--st-text-secondary) #0000;scrollbar-width:thin}.chat-list-popup::-webkit-scrollbar{width:6px}.chat-list-popup::-webkit-scrollbar-thumb{background-color:var(--st-text-secondary);border-radius:var(--border-radius)}.chat-list-popup::-webkit-scrollbar-track{background-color:initial;border-radius:var(--border-radius)}.chat-list-header-popup{background-color:var(--st-background);border-bottom:var(--border-width) solid var(--st-border-color);color:var(--st-text-secondary);display:flex;font-family:var(--main-font-family);font-size:var(--font-size-sm);font-weight:700;padding:var(--st-spacing-sm) var(--st-spacing-md);position:-webkit-sticky;position:sticky;top:0;z-index:1}.chat-list-header-popup>div{flex:1 1;padding-right:var(--st-spacing-md);text-align:left}.chat-list-group-header{text-align:center!important}.chat-list-status-header{padding-right:0!important;text-align:right!important}.chat-list-item-popup{align-items:center;background-color:initial;border:1px solid #0000;border-bottom:1px solid var(--st-border-color);border-radius:0;cursor:pointer;display:flex;font-family:var(--main-font-family);font-size:var(--font-size-md);gap:var(--st-spacing-md);overflow:hidden;padding:var(--st-spacing-md);position:relative;transition:background-color var(--transition-duration) var(--transition-ease),border-color var(--transition-duration)}.chat-list-item-popup:last-child{border-bottom:none}.chat-list-popup li:hover{background-color:var(--st-hover-color);z-index:2}.chat-list-popup li.selected{background-color:rgba(var(--st-accent-rgb),.1);border:1px solid var(--st-accent-color);border-radius:0;position:relative;z-index:1}.chat-list-popup li.selected:first-of-type{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.chat-list-popup li.selected:last-of-type{border-bottom:1px solid var(--st-accent-color);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.chat-list-popup li.selected:first-of-type:hover{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.chat-list-popup li.selected:last-of-type:hover{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.chat-list-popup li.connected{background-color:rgba(var(--main-green-rgb),.1)}.chat-list-popup li.connected:hover{background-color:rgba(var(--main-green-rgb),.15)}.chat-list-popup li.connected span{opacity:.8}.chat-list-item-popup>div{align-self:center;flex:1 1;font-family:var(--main-font-family);font-size:var(--font-size-md);overflow:hidden;padding-right:var(--st-spacing-md);text-align:left;text-overflow:ellipsis;white-space:nowrap}.chat-list-name-cell{flex:2 1}.chat-list-group-cell{text-align:center}.chat-list-status-cell{padding-right:0;text-align:right}.connected-status-text{color:var(--main-green);font-family:var(--main-font-family);font-size:var(--font-size-sm);font-weight:500;opacity:.9}.connect-chat-popup-body input[type=text].search-input{background-color:var(--st-background);border:var(--border-width) solid var(--st-border-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--st-text-primary);font-family:var(--ps-input-font);font-size:var(--font-size-md);height:40px;outline:none;padding:var(--st-spacing-md);transition:border-color var(--transition-duration) var(--transition-ease),box-shadow .2s ease;width:100%}.connect-chat-popup-body input[type=text].search-input:focus{border-color:var(--st-accent-color);box-shadow:0 0 0 2px var(--st-sidebar-background),0 0 0 4px var(--st-accent-color)}.connect-chat-popup-body input[type=text].search-input::placeholder{color:var(--st-text-secondary);opacity:.7}.connected-member-list{background-color:var(--st-background);border:var(--border-width) solid var(--st-border-color);border-radius:var(--border-radius);font-family:var(--main-font-family);font-size:var(--font-size-sm);list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0;scrollbar-color:var(--st-text-secondary) #0000;scrollbar-width:thin}.connected-member-list::-webkit-scrollbar{width:6px}.connected-member-list::-webkit-scrollbar-thumb{background-color:var(--st-text-secondary);border-radius:3px}.connected-member-list::-webkit-scrollbar-track{background-color:initial}.connected-member-item{background-color:initial;border-bottom:var(--border-width) solid var(--st-border-color);color:var(--st-text-secondary);font-family:var(--main-font-family);font-size:var(--font-size-sm);padding:var(--st-spacing-sm) var(--st-spacing-md)}.connected-member-item:last-child{border-bottom:none}.error-message{background-color:rgba(var(--main-red-rgb),.1);border:1px solid var(--main-red);border-radius:var(--border-radius);color:var(--main-red);margin-bottom:var(--st-spacing-md);padding:var(--st-spacing-sm) var(--st-spacing-md)}:root{--mobile-header-height:50px;--mobile-sidebar-width:85%;--mobile-sidebar-transition-speed:0.3s;--mobile-chat-settle-duration:0.2s}.mobile-view-layout{background-color:var(--st-background);height:calc(100vh - 50px);height:calc(100vh - var(--mobile-header-height));left:0;overflow:hidden;position:relative;top:50px;top:var(--mobile-header-height);width:100%}.mobile-focus-content{display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:transform .3s ease;transition:transform var(--mobile-sidebar-transition-speed) ease;width:100%;z-index:1}.mobile-chat-interactive-container{flex-grow:1;height:100%;overflow:hidden;position:relative;width:100%}.mobile-chat-window-wrapper{background-color:var(--st-background);height:100%;left:0;overflow:hidden;position:absolute;top:0;transform-origin:bottom center;transition:none;width:100%;will-change:transform}.mobile-chat-window-wrapper.hidden-and-mounted,.mobile-chat-window-wrapper.minimized-in-mobile{display:block;height:100%;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;width:100%;z-index:-1}.mobile-chat-window-wrapper.next-left{transform:translateX(-100%);z-index:1}.mobile-chat-window-wrapper.next-right{transform:translateX(100%);z-index:1}.mobile-chat-window-wrapper.current{box-shadow:-5px 0 15px #0003,5px 0 15px #0003;box-shadow:-5px 0 15px var(--st-shadow-color,#0003),5px 0 15px var(--st-shadow-color,#0003);visibility:visible;z-index:2}.mobile-chat-window-wrapper.current.is-settling{transition:transform .2s ease-out;transition:transform var(--mobile-chat-settle-duration) ease-out}.mobile-chat-window-wrapper .chat-window.isMobileView,.mobile-chat-window-wrapper .media-player-window.isMobileView{border:none;border-radius:0;box-shadow:none;height:100%!important;position:static!important;transform:none!important;width:100%!important}.mobile-no-chat-selected{align-items:center;background-color:var(--st-background);box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:absolute;text-align:center;top:0;width:100%;z-index:1}.mobile-no-chat-selected p{color:var(--st-text-secondary);font-family:sans-serif;font-size:1em;margin-bottom:15px}.mobile-new-chat-button{align-items:center;background-color:var(--st-accent-color);border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--st-shadow-color,#0000001a);color:#fff;color:var(--st-text-on-accent,#fff);cursor:pointer;display:inline-flex;font-family:sans-serif;font-size:1em;font-weight:500;justify-content:center;line-height:1.2;min-width:120px;outline:none;padding:8px 16px;text-align:center;transition:background-color .15s ease-in-out,box-shadow .2s ease}.mobile-new-chat-button:hover{background-color:#357ae8;background-color:var(--st-accent-hover,#357ae8);box-shadow:0 4px 8px #00000026;box-shadow:0 4px 8px var(--st-shadow-color,#00000026)}.mobile-new-chat-button:focus-visible{box-shadow:0 0 0 4px rgba(var(--st-accent-rgb),.4);outline:2px solid var(--st-accent-color);outline-offset:2px}.mobile-no-chat-selected.is-settling-placeholder-hide{opacity:0;pointer-events:none;transition:opacity .1s ease-out}.minimap-container{background-color:var(--st-hover-color);border:1px solid var(--st-accent-color);border-radius:13px;bottom:9.27px;box-shadow:none;cursor:pointer;height:150px;opacity:.95;outline:none;overflow:hidden;pointer-events:auto;position:absolute;right:15px;transition:border-color .2s ease,box-shadow .2s ease,border-radius .2s ease,background-color .2s ease;width:200px;z-index:1000}.minimap-container:focus-visible{box-shadow:0 0 0 2px var(--st-background),0 0 0 4px var(--st-accent-color);outline:none}.minimap{display:block;height:100%;width:100%}.minimap-container:hover{border-color:var(--st-accent-hover,var(--st-accent-color));border-radius:13px;box-shadow:0 0 8px 4px var(--st-accent-color);box-shadow:0 0 8px 4px var(--st-accent-hover,var(--st-accent-color))}.clear-canvas-confirmation{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000a6;background-color:var(--st-overlay-background,#000000a6);display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:var(--st-spacing-lg);position:fixed;top:0;width:100%;z-index:1100}.clear-canvas-confirmation .confirmation-content{animation:popupFadeInSlideUp .25s ease-out forwards;background-color:var(--st-sidebar-background);border:var(--border-width) solid var(--st-border-color);border-radius:var(--border-radius);box-shadow:0 var(--st-spacing-sm) var(--st-spacing-lg) #00000040;box-shadow:0 var(--st-spacing-sm) var(--st-spacing-lg) var(--st-shadow-color,#00000040);color:var(--st-text-primary);display:flex;flex-direction:column;font-family:var(--main-font-family);gap:var(--st-spacing-md);max-width:450px;opacity:0;padding:var(--st-spacing-lg);transform:translateY(-20px) scale(.98);width:90%}.clear-canvas-confirmation .confirmation-title{color:var(--st-text-primary);font-family:var(--header-font-family);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--st-spacing-xs) 0}.clear-canvas-confirmation .confirmation-warning{font-size:var(--font-size-md);line-height:1.4;margin:0}.clear-canvas-confirmation .confirmation-warning strong{color:var(--main-red);font-weight:700}.clear-canvas-confirmation .confirmation-chat-list-container{background-color:#0000001a;border:var(--border-width) solid var(--st-border-color);border-radius:var(--border-radius);margin:var(--st-spacing-xs) 0;max-height:150px;overflow-y:auto;padding:var(--st-spacing-xs);scrollbar-color:var(--st-text-secondary) #0000;scrollbar-width:thin}.clear-canvas-confirmation .confirmation-chat-list-container::-webkit-scrollbar{width:6px}.clear-canvas-confirmation .confirmation-chat-list-container::-webkit-scrollbar-thumb{background-color:var(--st-text-secondary);border-radius:3px}.clear-canvas-confirmation .confirmation-chat-list-container::-webkit-scrollbar-track{background-color:initial}.clear-canvas-confirmation .confirmation-chat-list{font-size:var(--font-size-sm);list-style:none;margin:0;padding:0}.clear-canvas-confirmation .confirmation-chat-item{border-bottom:var(--border-width) dashed var(--st-border-color);color:var(--st-text-secondary);overflow:hidden;padding:var(--st-spacing-xs) var(--st-spacing-sm);text-overflow:ellipsis;white-space:nowrap}.clear-canvas-confirmation .confirmation-chat-item:last-child{border-bottom:none}.clear-canvas-confirmation .confirmation-buttons{display:flex;gap:var(--st-spacing-md);justify-content:flex-end;margin-top:var(--st-spacing-sm)}.clear-canvas-confirmation .confirmation-buttons button{align-items:center;background-color:initial;border-radius:var(--button-border-radius);border-style:solid;border-width:var(--border-width);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:500;height:40px;justify-content:center;min-width:100px;outline:none;padding:var(--st-spacing-md) var(--st-spacing-lg);transition:background-color var(--transition-duration) var(--transition-ease),border-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease)}.clear-canvas-confirmation .cancel-button{border-color:var(--st-accent-color);color:var(--st-text-primary)}.clear-canvas-confirmation .cancel-button:hover{background-color:var(--st-hover-color)}.clear-canvas-confirmation .confirm-clear-button{border-color:var(--main-red);color:var(--main-red)}.clear-canvas-confirmation .confirm-clear-button:hover{background-color:var(--main-red);border-color:var(--main-red);color:#fff}.clear-canvas-confirmation .confirmation-buttons button:focus-visible{box-shadow:0 0 0 2px var(--st-sidebar-background),0 0 0 4px var(--st-accent-color);outline:2px solid var(--st-accent-color);outline-offset:2px}@keyframes popupFadeInSlideUp{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-confirmation{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000a6;background-color:var(--st-overlay-background,#000000a6);display:flex;height:100%;justify-content:center;left:0;padding:var(--st-spacing-lg);position:fixed;top:0;width:100%;z-index:1200}.delete-confirmation .confirmation-content{animation:popupFadeInSlideUp .25s ease-out forwards;background-color:var(--st-sidebar-background);border:var(--border-width) solid var(--main-red);border-radius:var(--border-radius);box-shadow:0 var(--st-spacing-sm) 20px #f003;color:var(--st-text-primary);display:flex;flex-direction:column;font-family:var(--main-font-family);gap:var(--st-spacing-sm);max-width:420px;padding:var(--st-spacing-lg);width:90%}.delete-confirmation .confirmation-title{border-bottom:1px solid #ff646433;color:var(--main-red);font-family:var(--header-font-family);font-size:var(--font-size-lg);font-weight:600;margin:0;margin-bottom:var(--st-spacing-xs);padding-bottom:var(--st-spacing-md)}.delete-confirmation .confirmation-warning{font-size:var(--font-size-md);line-height:1.5;margin:0}.delete-confirmation .confirmation-warning strong{color:var(--st-text-primary);font-weight:700}.delete-confirmation .confirmation-irreversible{background-color:#ff64640d;border:1px solid #ff64641a;border-radius:var(--border-radius);color:var(--st-text-secondary);font-size:var(--font-size-sm);margin:var(--st-spacing-sm) 0;padding:var(--st-spacing-md)}.delete-confirmation .confirmation-buttons{display:flex;gap:var(--st-spacing-md);justify-content:flex-end;margin-top:var(--st-spacing-md)}.delete-confirmation .confirmation-buttons button{align-items:center;border-radius:var(--button-border-radius);border-style:solid;border-width:var(--border-width);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:500;height:40px;justify-content:center;min-width:120px;outline:none;padding:var(--st-spacing-md) var(--st-spacing-lg);transition:all var(--transition-duration) var(--transition-ease)}.delete-confirmation .cancel-button{background-color:initial;border-color:var(--st-accent-color);color:var(--st-text-primary)}.delete-confirmation .cancel-button:hover{background-color:var(--st-hover-color)}.delete-confirmation .confirm-delete-button{background-color:var(--main-red);border-color:var(--main-red);color:#fff}.delete-confirmation .confirm-delete-button:hover{box-shadow:0 0 8px #f006;filter:brightness(1.15)}body.low-power-mode .actions-menu,body.low-power-mode .chat-header,body.low-power-mode .chat-window,body.low-power-mode .media-player-window,body.low-power-mode .sort-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:var(--st-background)!important}body.low-power-mode .chat-window,body.low-power-mode .media-player-window{box-shadow:0 0 0 1px var(--st-border-color)!important;transition:none!important}body.low-power-mode .html-content,body.low-power-mode .input-field{text-rendering:speed}.html-chat-windows-container.fast-render .chat-window{contain-intrinsic-size:400px 600px;content-visibility:auto}.settings-layout{background-color:var(--st-background);box-sizing:border-box;color:var(--st-text-primary);display:flex;flex-direction:column;min-height:100vh;padding-top:50px;padding-top:var(--header-height,50px)}.settings-body{display:flex;flex:1 1;flex-direction:row;overflow:hidden}.settings-navigation-wrapper{background-color:var(--st-sidebar-background);display:flex;flex-shrink:0;position:relative;transition:width var(--st-transition-duration) var(--st-transition-ease);width:250px;z-index:10}.settings-content-wrapper{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100%;overflow-y:auto;position:relative}.settings-header{align-items:center;background-color:var(--st-background);border-bottom:var(--st-border-width) solid var(--st-border-color);box-sizing:border-box;display:flex;flex-shrink:0;font-family:var(--header-font-family);padding:var(--st-spacing-md) var(--st-spacing-lg);position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:20}.settings-header-content{align-items:center;display:flex;gap:var(--st-spacing-md);width:100%}.settings-header h1{font-size:var(--st-font-size-xl);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-content{box-sizing:border-box;flex:1 1;margin:0;padding:var(--st-spacing-lg)}.st-hamburger-menu{background:none;border:none;border-radius:var(--st-border-radius);color:var(--st-text-primary);cursor:pointer;display:none;flex-shrink:0;font-size:var(--st-font-size-lg);margin-left:var(--st-spacing-sm);padding:var(--st-spacing-sm);transition:background-color var(--st-transition-duration);z-index:21}.st-hamburger-menu:hover{background-color:var(--st-button-hover-background);color:var(--st-accent-color)}.st-breadcrumbs{align-items:center;color:var(--st-text-secondary);display:flex;font-family:var(--main-font-family);font-size:var(--st-font-size-md);overflow:hidden;padding-right:var(--st-spacing-md);text-overflow:ellipsis;white-space:nowrap}.st-breadcrumb-separator{margin:0 var(--st-spacing-sm)}.st-breadcrumb-item a{color:var(--st-text-secondary);text-decoration:none;transition:color var(--st-transition-duration)}.st-breadcrumb-item a:hover{color:var(--st-accent-color)}.st-breadcrumb-item-active{color:var(--st-text-primary);font-weight:500}.settings-content-overlay{background-color:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:50px;top:var(--header-height,50px);transition:opacity var(--st-transition-duration) var(--st-transition-ease);z-index:1000}@media (max-width:768px){.settings-body{overflow:visible}.settings-navigation-wrapper{background-color:var(--st-sidebar-background);border-right:var(--st-border-width) solid var(--st-border-color);bottom:0;box-shadow:2px 0 5px #0003;flex-shrink:1;height:auto;left:0;margin-left:0;position:fixed;top:50px;top:var(--header-height,50px);transform:translateX(-100%);transition:transform var(--st-transition-duration) var(--st-transition-ease);width:250px;z-index:1001}.settings-navigation-wrapper.open{transform:translateX(0)}.settings-navigation-wrapper.closed{transform:translateX(-100%);width:250px}.settings-navigation-wrapper .settings-navigation{border-right:none;box-shadow:none;display:flex;flex-direction:column;width:100%}.st-hamburger-menu{display:inline-block}.settings-header{padding:var(--st-spacing-sm) var(--st-spacing-md)}.settings-header-content{gap:var(--st-spacing-sm)}.settings-content{padding:var(--st-spacing-md)}.settings-navigation-wrapper.open+.settings-content-wrapper .settings-content-overlay{opacity:1;pointer-events:auto}}.st-breadcrumb-header{align-items:center;display:flex;flex-grow:1;gap:var(--st-spacing-sm);margin-right:auto;overflow:hidden}.st-breadcrumb-header h1{flex-shrink:0;white-space:nowrap}.st-breadcrumb-separator{font-weight:300}.st-breadcrumb-active,.st-breadcrumb-separator{color:var(--st-text-secondary);font-size:1.5rem}.st-breadcrumb-active{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-navigation{background-color:var(--st-sidebar-background);box-sizing:border-box;color:var(--st-text-primary);display:flex;flex-direction:column;flex-shrink:0;font-family:var(--main-font-family);height:100%;margin:0;overflow:hidden;padding-bottom:0;padding-left:0;padding-right:0;padding-top:var(--st-spacing-md);position:relative;width:100%}.st-nav-scroll-area,.st-nav-top{box-sizing:border-box;padding-left:var(--st-spacing-md);padding-right:var(--st-spacing-md);width:100%}.st-nav-top{flex-shrink:0;margin-bottom:var(--st-spacing-lg)}.st-nav-scroll-area{display:flex;flex-direction:column;flex-grow:1;overflow-x:hidden;overflow-y:auto;padding-bottom:var(--st-spacing-lg)}.st-nav-scroll-area::-webkit-scrollbar{width:6px}.st-nav-scroll-area::-webkit-scrollbar-track{background:#0000}.st-nav-scroll-area::-webkit-scrollbar-thumb{background-color:var(--st-text-secondary);border:1px solid var(--st-sidebar-background);border-radius:3px}.st-nav-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--st-accent-color)}.st-search-container{align-items:center;background-color:var(--st-input-background);border:var(--st-border-width) solid var(--st-border-color);border-radius:var(--st-border-radius);box-sizing:border-box;display:flex;margin:0;margin-bottom:var(--st-spacing-md);margin-top:var(--st-spacing-md);position:relative;transition:border-color var(--st-transition-duration),box-shadow var(--st-transition-duration);width:100%}.st-search-container:focus-within{border-color:var(--st-accent-color);box-shadow:0 0 0 1px var(--st-accent-color);outline:none}.st-search-icon{color:var(--st-text-secondary);left:12px;opacity:.7;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.st-search-container .st-settings-search-input{background-color:initial;border:none;border-radius:inherit;box-sizing:border-box;color:var(--st-text-primary);font-family:var(--main-font-family);font-size:var(--st-font-size-md);height:38px;margin:0;outline:none;padding:var(--st-spacing-md) 36px var(--st-spacing-md) 40px;width:100%}.st-settings-search-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.st-clear-search-button{align-items:center;background:none;border:none;color:var(--st-text-secondary);cursor:pointer;display:flex;height:100%;justify-content:center;margin:0;opacity:.6;padding:var(--st-spacing-sm);position:absolute;right:var(--st-spacing-xs);top:50%;transform:translateY(-50%);transition:opacity var(--st-transition-duration),color var(--st-transition-duration)}.st-clear-search-button svg{height:12px;width:12px}.st-clear-search-button:hover{color:var(--st-accent-color);opacity:1}.settings-navigation h4{align-items:center;color:var(--st-text-secondary);cursor:default;display:flex;font-family:var(--header-font-family);font-size:var(--st-font-size-sm);font-weight:500;gap:var(--st-spacing-sm);letter-spacing:.5px;margin-bottom:var(--st-spacing-sm);margin-top:var(--st-spacing-lg);padding:0;text-transform:uppercase;transition:color var(--st-transition-duration);white-space:nowrap}.st-nav-scroll-area>:first-child>h4,.st-nav-scroll-area>h4:first-of-type{margin-top:0}.settings-navigation h4 svg{color:var(--st-text-secondary);font-size:.9em;margin:0;transition:color var(--st-transition-duration)}.settings-navigation ul{list-style:none;margin:0 0 var(--st-spacing-lg) 0;padding:0}.settings-navigation ul:last-child{margin-bottom:0}.settings-navigation li{border-radius:var(--st-border-radius);display:block;margin-bottom:var(--st-spacing-xs);overflow:hidden;padding:0}.settings-navigation .settings-nav-link{align-items:center;border:var(--st-border-width) solid #0000;border-radius:var(--st-border-radius);color:var(--st-text-primary);cursor:pointer;display:flex;font-size:var(--st-font-size-md);gap:var(--st-spacing-md);min-height:38px;overflow:hidden;padding:var(--st-spacing-md) var(--st-spacing-sm);text-decoration:none;transition:background-color var(--st-transition-duration) var(--st-transition-ease),border-color var(--st-transition-duration) var(--st-transition-ease),color var(--st-transition-duration) var(--st-transition-ease);white-space:nowrap}.settings-navigation .settings-nav-link .st-nav-icon{color:var(--st-text-secondary);flex-shrink:0;font-size:var(--st-font-size-md);height:1em;transition:color var(--st-transition-duration) var(--st-transition-ease);width:1em}.settings-navigation .settings-nav-link span{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-navigation .settings-nav-link:not(.active):hover{background-color:var(--st-hover-color);border-color:var(--st-hover-color);color:var(--st-text-primary)}.settings-navigation .settings-nav-link:not(.active):hover .st-nav-icon{color:var(--st-accent-color)}.settings-navigation .settings-nav-link.active{background-color:#64b5f626;border-color:var(--st-accent-color);color:var(--st-text-primary)}.settings-navigation .settings-nav-link.active .st-nav-icon{color:var(--st-accent-color)}.settings-navigation .settings-nav-link.active:hover{background-color:#64b5f633;border-color:var(--st-accent-color);color:var(--st-text-primary)}.empty-list-message{background-color:initial!important;border-color:#0000!important;color:var(--st-text-secondary);cursor:default;font-size:var(--st-font-size-sm);font-style:italic;padding-left:var(--st-spacing-md)}.settings-navigation .empty-list-message span{color:inherit;font-style:inherit}@media (max-width:768px){.settings-navigation{border-right:none;height:100%;overflow:hidden;padding-top:var(--st-spacing-md)}.st-nav-scroll-area{padding-bottom:var(--st-spacing-lg)}}.settings-section.st-profile-screen{width:100%}.st-profile-description{color:var(--st-text-secondary);margin-bottom:var(--st-spacing-lg);margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.st-form-group{display:flex;flex-direction:column;margin-bottom:var(--st-spacing-lg);width:100%}.st-form-group label{color:var(--st-text-secondary);font-size:var(--st-font-size-sm);font-weight:500;margin-bottom:var(--st-spacing-sm)}.st-name-row{grid-gap:var(--st-spacing-lg);display:grid;gap:var(--st-spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--st-spacing-lg)}.st-name-row .st-form-group{margin-bottom:0}.st-full-width{grid-column:1/-1}.st-error-message,.st-success-message{font-size:var(--st-font-size-sm);padding:var(--st-spacing-md)}.st-success-message{border:1px solid rgba(var(--main-green-rgb),.2)}.st-error-message{border:1px solid rgba(var(--main-red-rgb),.2)}.st-profile-info-display{border-top:1px solid var(--st-border-color);margin-bottom:var(--st-spacing-lg);margin-top:var(--st-spacing-xl);padding-top:var(--st-spacing-lg)}.st-profile-info-display h4{color:var(--st-text-primary);margin:0 0 var(--st-spacing-lg) 0}.st-info-grid{grid-gap:var(--st-spacing-md);display:grid;gap:var(--st-spacing-md);grid-template-columns:1fr 1fr}.st-info-item{display:flex;flex-direction:column}.st-info-label{color:var(--st-text-secondary);font-size:var(--st-font-size-sm);margin-bottom:var(--st-spacing-xs)}.st-info-value{color:var(--st-text-primary);font-weight:500}.cascading-dropdown{position:relative;width:100%}.dropdown-label{color:#333;color:var(--st-text-primary,#333);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.dropdown-label.required:after{color:#e74c3c;content:" *"}.dropdown-container{position:relative}.dropdown-container.disabled{opacity:.6;pointer-events:none}.dropdown-container.error .dropdown-trigger{border-color:#e74c3c}.dropdown-trigger{align-items:center;background:#fff;background:var(--st-background,#fff);border:2px solid #ddd;border:2px solid var(--st-border-color,#ddd);border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#333;color:var(--st-text-primary,#333);cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:12px 16px;transition:all .2s ease}.dropdown-trigger.open,.dropdown-trigger:hover{border-color:#007bff;border-color:var(--main-blue,#007bff)}.dropdown-trigger.open{box-shadow:0 0 0 3px #007bff1a}.dropdown-value{color:#333;color:var(--st-text-primary,#333);flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-value.placeholder{color:#666;color:var(--st-text-secondary,#666)}.dropdown-actions{align-items:center;display:flex;gap:8px;margin-left:8px}.dropdown-arrow{color:#666;color:var(--st-text-secondary,#666);font-size:12px;transition:transform .2s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-menu{background:#fff;background:var(--st-background,#fff);border:1px solid #ddd;border:1px solid var(--st-border-color,#ddd);border-radius:8px;box-shadow:0 4px 20px #0000004d;left:0;margin-top:4px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.search-container{border-bottom:1px solid #eee;border-bottom:1px solid var(--st-border-color,#eee);padding:12px}.search-input-wrapper{position:relative}.search-icon{color:#666;color:var(--st-text-secondary,#666);font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #ddd;border:1px solid var(--st-border-color,#ddd);border-radius:6px;font-size:14px;outline:none;padding:10px 40px 10px 36px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#007bff;border-color:var(--main-blue,#007bff)}.search-clear{background:none;border:none;border-radius:4px;color:#666;color:var(--st-text-secondary,#666);cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.search-clear:hover{background:#f8f9fa;color:#333}.options-container{max-height:240px;overflow-y:auto}.dropdown-option{align-items:center;border-bottom:1px solid #f8f9fa;border-bottom:1px solid var(--st-border-color,#f8f9fa);color:#333;color:var(--st-text-primary,#333);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.dropdown-option:hover{background:#007bff0d;background:var(--st-hover-color,#007bff0d)}.dropdown-option.selected{background:#007bff1a;color:#007bff;color:var(--main-blue,#007bff);font-weight:600}.dropdown-option:last-child{border-bottom:none}.option-name{flex:1 1;font-size:14px}.option-code{font-size:12px;font-weight:500;margin-left:8px}.empty-message,.option-code{color:#666;color:var(--st-text-secondary,#666)}.empty-message{font-size:14px;font-style:italic;padding:20px;text-align:center}.dropdown-error{color:#e74c3c;font-size:12px;font-weight:500;margin-top:6px}.options-container::-webkit-scrollbar{width:6px}.options-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.options-container::-webkit-scrollbar-thumb{background:#ddd;background:var(--st-border-color,#ddd);border-radius:3px}.options-container::-webkit-scrollbar-thumb:hover{background:#007bff;background:var(--main-blue,#007bff)}@media (max-width:768px){.dropdown-trigger{min-height:44px;padding:10px 14px}.dropdown-menu{max-height:250px}.search-container{padding:10px}.dropdown-option{padding:10px 14px}}.postal-code-input{position:relative;width:100%}.input-label{color:#333;color:var(--st-text-primary,#333);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-label.required:after{color:#e74c3c;content:" *"}.input-container,.input-wrapper{position:relative}.input-wrapper{align-items:center;display:flex}.postal-input{background:#fff;background:var(--st-background,#fff);border:2px solid #ddd;border:2px solid var(--st-border-color,#ddd);border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#333;color:var(--st-text-primary,#333);font-size:14px;outline:none;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.postal-input:focus{border-color:#007bff;border-color:var(--main-blue,#007bff);box-shadow:0 0 0 3px #007bff1a}.postal-input.error{border-color:#e74c3c}.postal-input.valid{border-color:#28a745}.postal-input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.input-icons{position:absolute;right:40px;top:50%;transform:translateY(-50%)}.valid-icon{color:#28a745;font-size:14px}.invalid-icon{color:#e74c3c;font-size:14px}.clear-button{background:none;border:none;border-radius:4px;color:#666;color:var(--st-text-secondary,#666);cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-button:hover{background:#f8f9fa;background:var(--st-hover-color,#f8f9fa);color:#333;color:var(--st-text-primary,#333)}.suggestions-dropdown{background:#fff;background:var(--st-background,#fff);border:1px solid #ddd;border:1px solid var(--st-border-color,#ddd);border-radius:8px;box-shadow:0 4px 20px #0000004d;left:0;margin-top:4px;max-height:250px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.suggestions-header{align-items:center;background:#f8f9fa;background:var(--st-hover-color,#f8f9fa);border-bottom:1px solid #eee;border-bottom:1px solid var(--st-border-color,#eee);color:#333;color:var(--st-text-primary,#333);display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px}.suggestions-list{max-height:200px;overflow-y:auto}.suggestion-item{border-bottom:1px solid #f8f9fa;border-bottom:1px solid var(--st-border-color,#f8f9fa);color:#333;color:var(--st-text-primary,#333);cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.suggestion-item:hover{background:#007bff0d;background:var(--st-hover-color,#007bff0d)}.suggestion-item:last-child{border-bottom:none}.suggestion-address{color:#333;color:var(--st-text-primary,#333);font-size:14px;font-weight:500;margin-bottom:2px}.suggestion-details{color:#666;color:var(--st-text-secondary,#666);font-size:12px}.selected-address{align-items:center;background:#28a7451a;border:1px solid #28a745;border-radius:6px;color:#28a745;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:8px;padding:8px 12px}.input-error{color:#e74c3c;font-weight:500}.input-error,.input-help{font-size:12px;margin-top:6px}.input-help{color:#666;color:var(--st-text-secondary,#666);font-style:italic}.suggestions-list::-webkit-scrollbar{width:6px}.suggestions-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.suggestions-list::-webkit-scrollbar-thumb{background:#ddd;background:var(--st-border-color,#ddd);border-radius:3px}.suggestions-list::-webkit-scrollbar-thumb:hover{background:#007bff;background:var(--main-blue,#007bff)}@media (max-width:768px){.postal-input{padding:10px 36px 10px 14px}.suggestions-dropdown{max-height:200px}.suggestion-item{padding:10px 14px}}.st-customize-adgpt-screen{align-items:center;display:flex;flex-direction:column;width:100%}.st-coming-soon-container{overflow:hidden;position:relative}.st-customize-input-section{width:100%}.st-customize-input-section,.st-settings-card .st-customize-input-section:last-of-type{margin-bottom:var(--st-spacing-lg)}.st-customize-header{align-items:center;color:var(--st-text-primary);display:flex;gap:var(--st-spacing-md);justify-content:space-between;margin-bottom:var(--st-spacing-md)}.st-switch-container{flex-shrink:0;margin-left:var(--st-spacing-sm)}.st-customize-header label{cursor:pointer;flex-grow:1}.st-settings-card textarea:disabled{background-color:var(--st-hover-color);cursor:not-allowed;opacity:.6}.st-tips-toggle-button{background:none;border:none;border-radius:var(--st-border-radius);color:var(--st-accent-color);cursor:pointer;display:inline-block;font-size:var(--st-font-size-sm);margin-top:var(--st-spacing-xs);padding:var(--st-spacing-xs) var(--st-spacing-sm);text-decoration:underline;transition:color .2s ease,background-color .2s ease}.st-tips-toggle-button:focus,.st-tips-toggle-button:hover{background-color:var(--st-hover-color);color:var(--st-text-primary);outline:none;text-decoration:none}.st-tips-content{background-color:var(--st-hover-color);border:var(--st-border-width) solid var(--st-border-color);border-radius:var(--st-border-radius);box-sizing:border-box;color:var(--st-text-secondary);font-size:var(--st-font-size-sm);line-height:1.4;margin-top:var(--st-spacing-md);padding:var(--st-spacing-md)}.st-tips-content p{color:var(--st-text-primary);margin-bottom:var(--st-spacing-sm)}.st-tips-content p:last-child{margin-bottom:0}.st-switch{height:24px;width:50px}.st-slider{transition:.4s}.st-slider:before{height:16px;transition:.4s;width:16px}.st-switch input:checked+.st-slider{background-color:var(--st-accent-color)}.st-switch input:checked+.st-slider:before{background-color:#fff;transform:translateX(26px)}.st-slider.st-round{border-radius:34px}.st-slider.st-round:before{border-radius:50%}.st-customize-save-section{align-items:flex-start;display:flex;flex-direction:column;margin-top:var(--st-spacing-lg)}.st-error-message,.st-success-message{align-self:flex-start;box-sizing:border-box;margin-top:var(--st-spacing-md);max-width:400px;width:100%}@media (max-width:768px){.st-settings-card{padding:var(--st-spacing-md);width:95%}.st-settings-card textarea{min-height:80px}.st-customize-header{align-items:flex-start;flex-direction:column}.st-switch-container{margin-left:0;margin-top:var(--st-spacing-sm)}}.st-coming-soon-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ffffffb3;background-color:rgba(var(--st-background-rgb,255,255,255),.7);border-radius:var(--st-border-radius);bottom:0;color:var(--st-text-primary);display:flex;flex-direction:column;justify-content:center;left:0;padding:var(--st-spacing-lg);position:absolute;right:0;text-align:center;top:0;transition:opacity .3s var(--st-transition-ease);z-index:5}html[data-theme=dark] .st-coming-soon-overlay{background-color:#121212b3;background-color:rgba(var(--st-background-rgb,18,18,18),.7)}.st-coming-soon-content{max-width:500px}.st-coming-soon-icon{color:var(--st-accent-color);font-size:2.5rem;margin-bottom:var(--st-spacing-lg)}.st-coming-soon-title{font-size:var(--st-font-size-xl);font-weight:600;margin:0 0 var(--st-spacing-md) 0}.st-coming-soon-message{color:var(--st-text-secondary);line-height:1.6;margin:0}.st-data-controls-screen{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100%}.st-data-controls-screen h3{color:var(--st-text-primary);font-size:var(--st-font-size-xl);font-weight:600;margin-bottom:var(--st-spacing-lg);text-align:center}.st-data-card{background-color:var(--st-button-background);border:1px solid var(--st-border-color);border-radius:var(--st-border-radius);display:flex;flex-direction:column;gap:2rem;max-width:1000px;padding:var(--st-spacing-lg);width:100%}.st-data-section{border-bottom:1px solid var(--st-border-color);padding-bottom:2rem;width:100%}.st-data-card>.st-data-section:last-child{border-bottom:none;padding-bottom:0}.st-data-section h4{color:var(--st-text-primary);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.st-data-header{align-items:center;background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:var(--st-border-radius);color:var(--st-text-primary);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.st-data-header label{color:var(--st-text-secondary);cursor:pointer;flex-grow:1;font-size:1rem;font-weight:600}.st-data-section p{color:var(--st-text-secondary);line-height:1.6}.st-show-more-link{color:var(--st-accent-color);cursor:pointer;font-size:var(--st-font-size-sm);text-decoration:underline}.st-show-more-text{font-size:var(--st-font-size-sm);margin-top:var(--st-spacing-md)}.st-action-buttons{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.st-action-button{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:var(--st-border-radius);cursor:pointer;padding:1.5rem;position:relative;text-align:left;transition:all .2s ease}.st-action-button:hover{border-color:var(--st-accent-color);box-shadow:0 4px 12px var(--st-shadow-color);transform:translateY(-2px)}.st-action-button-icon{color:var(--st-text-secondary);display:block;font-size:1.5rem;margin-bottom:1rem}.st-action-button-title{color:var(--st-text-primary);font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.st-action-button-description{color:var(--st-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.st-action-severity{border-radius:var(--st-border-radius);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;padding:var(--st-spacing-xs) var(--st-spacing-sm);text-transform:uppercase}.st-action-severity.safe{background-color:rgba(var(--main-green-rgb),.1);color:var(--main-green)}.st-action-severity.warning{background-color:rgba(var(--main-yellow-rgb),.1);color:var(--main-yellow)}.st-action-severity.danger{background-color:rgba(var(--main-red-rgb),.1);color:var(--main-red)}.st-action-button.safe:hover .st-action-button-icon{color:var(--main-green)}.st-action-button.warning:hover .st-action-button-icon{color:var(--main-yellow)}.st-action-button.danger:hover .st-action-button-icon{color:var(--main-red)}.st-error-message,.st-success-message{border-radius:var(--st-border-radius);font-weight:500;margin-top:1.5rem;padding:1rem;text-align:center}.st-success-message{background-color:rgba(var(--main-green-rgb),.1);border:1px solid var(--main-green);color:var(--main-green)}.st-error-message{background-color:rgba(var(--main-red-rgb),.1)}input:checked+.st-slider{background-color:var(--st-accent-color)}@media (max-width:768px){.st-data-card{padding:1.5rem}.st-data-header{align-items:flex-start;flex-direction:column;gap:1rem}}@keyframes scaleUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.st-modal-overlay{animation:fadeIn .2s ease-out;height:100vh;width:100vw}.st-modal-card{animation:scaleUp .25s ease-out;background-color:var(--st-background-primary);border-radius:var(--st-border-radius-lg);box-shadow:0 10px 30px #0003;color:var(--st-text-primary);display:flex;flex-direction:column;gap:var(--st-spacing-lg);left:50%;max-width:450px;padding:var(--st-spacing-xl);position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.st-modal-header{border-bottom:1px solid var(--st-border-color);padding-bottom:var(--st-spacing-md)}.st-modal-header h2{font-size:1.25rem;margin:0}.st-modal-content{color:var(--st-text-secondary);font-size:1rem;line-height:1.6}.st-modal-actions{display:flex;gap:var(--st-spacing-md);justify-content:flex-end;margin-top:var(--st-spacing-lg)}.st-modal-button{border:none;border-radius:var(--st-border-radius-md);cursor:pointer;font-size:1rem;font-weight:500;padding:var(--st-spacing-sm) var(--st-spacing-lg);transition:background-color .2s ease,box-shadow .2s ease}.st-modal-button:disabled{cursor:not-allowed;opacity:.6}.st-modal-button-cancel{background-color:var(--st-background-secondary);border:1px solid var(--st-border-color);color:var(--st-text-primary)}.st-modal-button-cancel:hover:not(:disabled){background-color:var(--st-background-tertiary)}.st-modal-button-confirm{background-color:var(--st-primary-color);color:#fff}.st-modal-button-confirm:hover:not(:disabled){background-color:var(--st-primary-color-dark);box-shadow:var(--st-shadow-md)}.st-modal-button-destructive{background-color:var(--main-red);color:#fff}.st-modal-button-destructive:hover:not(:disabled){background-color:#c82333;box-shadow:0 2px 4px #dc354566}.st-color-scheme-screen{align-items:center;display:flex;flex-direction:column;width:100%}.st-color-scheme-screen h3{margin-bottom:var(--st-spacing-lg);text-align:center}.st-color-scheme-card{background-color:var(--st-button-background);border:1px solid var(--st-border-color);border-radius:var(--st-border-radius);box-sizing:border-box;max-width:960px;padding:var(--st-spacing-xl);width:100%}.st-color-scheme-description{color:var(--st-text-secondary);line-height:1.6;margin-bottom:var(--st-spacing-xl);text-align:center}.st-theme-options-container{grid-gap:var(--st-spacing-lg);display:grid;gap:var(--st-spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.st-theme-radio-input{height:0;opacity:0;position:absolute;width:0}.st-theme-option{background-color:var(--st-background);border:2px solid var(--st-border-color);border-radius:var(--st-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--st-spacing-md);padding:var(--st-spacing-md);position:relative;transition:all .2s var(--st-transition-ease)}.st-theme-option:hover{border-color:var(--st-text-secondary);box-shadow:0 4px 12px var(--st-shadow-color);transform:translateY(-2px)}.st-theme-option.selected{border-color:var(--st-accent-color);box-shadow:0 0 0 2px var(--st-accent-color),0 4px 12px var(--st-shadow-color)}.st-theme-preview{background-color:#fff;border:1px solid var(--st-border-color);border-radius:6px;display:flex;height:120px;overflow:hidden;width:100%}.st-theme-preview-sidebar{background-color:#f7f7f7;border-right:1px solid #e0e0e0;width:30%}.st-theme-preview-content{padding:var(--st-spacing-md);width:70%}.st-theme-preview-header{background-color:#e0e0e0;border-radius:4px;height:12px;margin-bottom:var(--st-spacing-md);width:40%}.st-theme-preview-line{background-color:#e9e9e9;border-radius:4px;height:8px;margin-bottom:var(--st-spacing-sm);width:100%}.st-theme-preview-line.short{width:60%}.st-theme-preview.theme-dark{background-color:#121212;border-color:#333}.st-theme-preview.theme-dark .st-theme-preview-sidebar{background-color:#1e1e1e;border-right-color:#333}.st-theme-preview.theme-dark .st-theme-preview-header{background-color:#333}.st-theme-preview.theme-dark .st-theme-preview-line{background-color:#2a2a2a}.st-theme-preview.theme-system{background:linear-gradient(135deg,#fff 50%,#121212 0);border-color:#888}.st-theme-preview.theme-system .st-theme-preview-sidebar{background-color:initial;border:none}.st-theme-preview.theme-system .st-theme-preview-content{background-color:initial}.st-theme-preview.theme-system .st-theme-preview-header{background-color:#80808080}.st-theme-preview.theme-system .st-theme-preview-line{background-color:#8080804d}.st-theme-details{align-items:center;display:flex;gap:var(--st-spacing-md);text-align:left}.st-theme-icon{color:var(--st-text-secondary);font-size:1.2rem;transition:color .2s ease}.st-theme-option.selected .st-theme-icon{color:var(--st-accent-color)}.st-theme-label{color:var(--st-text-primary);font-weight:600}@media (max-width:768px){.st-color-scheme-card{padding:var(--st-spacing-lg);width:95%}.st-theme-options-container{grid-template-columns:1fr}}.st-billing-screen{align-items:center;display:flex;flex-direction:column;width:100%}.st-settings-card h4{color:var(--st-text-secondary);margin-bottom:var(--st-spacing-md)}.st-settings-card p{color:var(--st-text-primary);line-height:1.6}.st-settings-card button{background-color:var(--st-accent-color);border:none;border-radius:var(--st-border-radius);color:var(--st-text-on-accent);cursor:pointer;padding:var(--st-spacing-md) var(--st-spacing-lg);transition:background-color var(--st-transition-duration) var(--st-transition-ease)}.st-settings-card button:hover{background-color:var(--st-button-hover-background)}.st-billing-content{box-sizing:border-box;padding:var(--st-spacing-md)}.st-billing-nav{border-bottom:var(--st-border-width) solid var(--st-border-color);display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:var(--st-spacing-lg)}.st-billing-nav a{border-bottom:2px solid #0000;color:var(--st-text-primary);flex-shrink:0;padding:var(--st-spacing-md);text-decoration:none;transition:border-bottom-color .3s ease,color .3s ease}.st-billing-nav a.active,.st-billing-nav a:hover{border-bottom-color:var(--st-accent-color);color:var(--st-accent-color)}.st-billing-preference-form,.st-billing-preference-form .st-form-group{display:flex;flex-direction:column;width:100%}.st-billing-preference-form .st-form-group{margin-bottom:var(--st-spacing-md)}.st-billing-preference-form .st-form-group label{color:var(--st-text-secondary);margin-bottom:var(--st-spacing-sm)}.st-billing-preference-form .st-form-group input{background-color:var(--st-input-background);border:var(--st-border-width) solid var(--st-border-color);border-radius:var(--st-border-radius);box-sizing:border-box;color:var(--st-input-text);padding:var(--st-spacing-md);width:100%}.st-billing-preference-form .st-full-width{width:100%}.st-error-message{background-color:var(--main-red);padding:var(--st-spacing-md)}.st-error-message,.st-success-message{border-radius:var(--st-border-radius);color:var(--st-text-on-accent);font-size:var(--st-font-size-sm);margin-top:var(--st-spacing-sm)}.st-success-message{background-color:var(--main-green);padding:var(--st-spacing-sm);text-align:center}@media (max-width:768px){.st-settings-card{padding:var(--st-spacing-md);width:95%}.st-billing-nav{flex-direction:column}.st-billing-nav a{border-bottom:none;border-radius:var(--st-border-radius)}.st-billing-nav a.active{background-color:var(--st-accent-color);border-bottom-color:#0000;color:var(--st-text-on-accent)}}.st-billing-overview{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:16px;box-shadow:0 10px 25px var(--st-shadow-color),0 4px 10px var(--st-shadow-color);display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1000px;padding:2rem}.st-loading-state{padding:3rem;width:100%}.st-upsell-banner{align-items:center;background:var(--st-accent-color);border-radius:16px;box-shadow:0 8px 20px rgba(var(--st-accent-rgb),.3);color:var(--st-text-on-accent);display:flex;justify-content:space-between;overflow:hidden;padding:2rem;position:relative}.st-upsell-banner:before{background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.05"><circle cx="30" cy="30" r="2"/></g></svg>');bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.st-upsell-content{position:relative;z-index:1}.st-upsell-content h4{color:var(--st-text-on-accent);font-size:1.5rem;font-weight:700;margin:0 0 .75rem;text-shadow:0 2px 4px #0000001a}.st-upsell-content p{color:#fffffff2;font-size:1.05rem;line-height:1.6;margin:0;max-width:500px}.st-upsell-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:12px;color:var(--st-text-on-accent);cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:600;margin-left:2rem;padding:1rem 2rem;position:relative;transition:all .3s ease;z-index:1}.st-upsell-button:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.st-billing-overview-header{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.st-current-plan-display{align-items:center;background-color:var(--st-button-background);border:1px solid var(--st-border-color);border-radius:12px;box-shadow:0 4px 12px var(--st-shadow-color);display:flex;gap:1rem;padding:1.5rem 2rem}.st-current-plan-display .st-crown-icon{font-size:2rem}.st-billing-overview-plan{color:var(--st-text-secondary);font-size:.9rem;font-weight:500;margin:0 0 .25rem}.st-current-plan-display strong{color:var(--st-text-primary);font-size:1.25rem;font-weight:700}.st-billing-card{background-color:var(--st-button-background);border:1px solid var(--st-border-color);border-radius:12px;box-shadow:0 4px 12px var(--st-shadow-color);overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.st-billing-card:before{background:var(--st-accent-color);border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.st-billing-card:hover{box-shadow:0 8px 20px var(--st-shadow-color);transform:translateY(-2px)}.st-credit-balance-card-standalone{background-color:var(--st-background);text-align:center}.st-credit-balance-card-standalone p:first-child{color:var(--st-text-secondary);font-size:1rem;font-weight:500;margin:0 0 .5rem}.st-credit-current-balance{color:var(--st-text-primary);font-size:3rem;font-weight:700;margin:0}.st-add-credits-card h4{border-bottom:2px solid var(--st-border-color);color:var(--st-text-primary);font-size:1.4rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem;position:relative}.st-add-credits-card h4:before{background:var(--st-accent-color);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:40px}.st-credit-topup-description{color:var(--st-text-secondary);font-size:1rem;line-height:1.6;margin:0 0 2rem}.st-credit-packages-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.st-auto-recharge-card{background-color:var(--st-background)}.st-auto-recharge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.st-auto-recharge-status{display:flex;flex-direction:column;gap:.5rem}.st-section-header-with-tooltip{align-items:center;display:flex;gap:.5rem}.st-section-header-with-tooltip label{color:var(--st-text-primary);font-size:1.2rem;font-weight:600;margin:0}.st-info-tooltip-container{align-items:center;display:inline-flex;position:relative}.st-info-tooltip-container svg{color:var(--st-text-secondary);cursor:help;transition:color .2s ease}.st-info-tooltip-container:hover svg{color:var(--st-accent-color)}.st-info-tooltip-text{background:var(--st-text-primary);border-radius:6px;bottom:100%;color:var(--st-background);font-size:.8rem;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:10}.st-info-tooltip-container:hover .st-info-tooltip-text{opacity:1}.st-auto-recharge-status strong{color:var(--main-green);font-size:1rem;font-weight:600}.st-switch{display:inline-block;height:32px;margin:0;position:relative;width:60px}.st-switch input{height:0;opacity:0;width:0}.st-slider{background-color:var(--st-border-color);border-radius:32px;bottom:0;cursor:pointer;left:0;right:0;top:0}.st-slider,.st-slider:before{position:absolute;transition:.3s}.st-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0000001a;content:"";height:24px;left:4px;width:24px}input:checked+.st-slider{background:var(--st-accent-color)}input:checked+.st-slider:before{transform:translateX(28px)}.st-auto-recharge-description{background:rgba(var(--st-accent-rgb),.05);border-left:4px solid var(--st-accent-color);border-radius:8px;color:var(--st-text-secondary);font-size:.95rem;line-height:1.6;margin:1rem 0 0;padding:1rem}.st-verifying-state{align-items:center;display:flex;justify-content:center;min-height:400px}.st-verifying-card{align-items:center;display:flex;flex-direction:column;gap:1.5rem;max-width:500px;text-align:center}.st-verifying-icon{color:var(--st-accent-color);margin-bottom:1rem}.st-verifying-card h3{color:var(--st-text-primary);margin:0}.st-verifying-card p{color:var(--st-text-secondary);margin:0}.st-error-message{padding:1rem}@media (max-width:768px){.st-billing-overview{margin:1rem;padding:1.5rem}.st-upsell-banner{flex-direction:column;gap:1.5rem;text-align:center}.st-upsell-button{align-self:center;margin-left:0}.st-credit-packages-grid{gap:1rem;grid-template-columns:1fr}.st-auto-recharge-header{align-items:flex-start;flex-direction:column;gap:1rem}.st-current-plan-display{flex-direction:column;gap:.75rem;text-align:center}}@media (max-width:480px){.st-billing-overview{margin:.5rem;padding:1rem}.st-billing-card{padding:1.5rem}.st-credit-current-balance{font-size:2.5rem}}.st-credit-pack-card{background-color:var(--st-button-background);border:1px solid var(--st-border-color);border-radius:16px;box-shadow:0 4px 12px var(--st-shadow-color);display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.st-credit-pack-card:hover{border-color:rgba(var(--st-accent-rgb),.4);box-shadow:0 8px 25px rgba(var(--st-accent-rgb),.15),0 0 20px rgba(var(--st-accent-rgb),.1);transform:translateY(-8px) scale(1.02)}.st-credit-pack-header{margin-bottom:var(--st-spacing-md)}.st-credit-pack-header h3{color:var(--st-text-primary);font-size:1.5rem;margin:0}.st-credit-pack-header .st-credit-pack-estimate{color:var(--st-text-secondary);font-size:var(--st-font-size-sm);height:1.5em;line-height:1.5;margin-top:4px}.st-credit-pack-pricing{flex-grow:1;margin-bottom:var(--st-spacing-lg)}.st-credit-pack-price{color:var(--st-text-primary);font-size:2.2rem;font-weight:600;margin:0 0 var(--st-spacing-sm) 0}.st-purchase-success-nudge{animation:fadeIn .5s ease;background-color:rgba(var(--main-green-rgb),.1);border:1px solid var(--main-green);border-radius:var(--st-border-radius);display:flex;gap:var(--st-spacing-sm);margin-bottom:var(--st-spacing-lg);padding:var(--st-spacing-md);text-align:left}.st-purchase-success-nudge svg{color:var(--main-green);flex-shrink:0;font-size:1.2rem;margin-top:4px}.st-purchase-success-nudge div{display:flex;flex-direction:column}.st-purchase-success-nudge strong{color:var(--st-text-primary);margin-bottom:4px}.st-purchase-success-nudge span{color:var(--st-text-secondary);font-size:.9rem;line-height:1.4}.st-credit-pack-actions{display:flex;flex-direction:column;gap:var(--st-spacing-sm);margin-top:auto}.st-credit-pack-upgrade-button{align-items:center;background-color:var(--main-green);border:none;border-radius:var(--st-border-radius);color:var(--st-text-on-accent);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:var(--st-spacing-sm);justify-content:center;order:1;padding:var(--st-spacing-md);transition:all .2s ease}.st-credit-pack-upgrade-button:hover{background-color:color-mix(in srgb,var(--main-green) 85%,#000);transform:scale(1.02)}.st-credit-pack-purchase-button{align-items:center;border:1px solid var(--st-accent-color);border-radius:var(--st-border-radius);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:var(--st-spacing-sm);justify-content:center;order:2;padding:var(--st-spacing-md);transition:all .2s ease}.st-credit-pack-purchase-button.primary{background-color:var(--st-accent-color);color:var(--st-text-on-accent)}.st-credit-pack-purchase-button.primary:hover{background-color:var(--st-button-hover-background)}.st-credit-pack-purchase-button.secondary{background-color:initial;color:var(--st-accent-color)}.st-credit-pack-purchase-button.secondary:hover{background-color:rgba(var(--st-accent-rgb),.1);color:var(--st-button-hover-background)}.st-credit-pack-purchase-button:disabled{background-color:var(--st-text-secondary);border-color:var(--st-text-secondary);color:var(--st-background);cursor:not-allowed;opacity:.7}.st-billing-history-container{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:16px;box-shadow:0 10px 25px var(--st-shadow-color),0 4px 10px var(--st-shadow-color);display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1100px;padding:2.5rem}.st-billing-history-container h4{border-bottom:2px solid var(--st-border-color);color:var(--st-text-primary);font-size:1.4rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem;position:relative}.st-billing-history-container h4:before{background:var(--st-accent-color);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:40px}.st-billing-history-text{background:rgba(var(--st-accent-rgb),.05);border-left:4px solid var(--st-accent-color);border-radius:8px;color:var(--st-text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:2rem;padding:1.5rem}.st-billing-history-table-container{background-color:var(--st-button-background);border:1px solid var(--st-border-color);border-radius:12px;box-shadow:0 4px 12px var(--st-shadow-color);overflow-x:auto;position:relative;width:100%}.st-billing-history-table-container:before{background:var(--st-accent-color);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:20}.st-billing-history-table{border-collapse:collapse;margin:0;min-width:900px;table-layout:fixed;width:100%}.st-billing-history-table th:first-child,.st-billing-history-table th:nth-child(2){width:15%}.st-billing-history-table th:nth-child(3){width:30%}.st-billing-history-table th:nth-child(4){width:10%}.st-billing-history-table th:nth-child(5),.st-billing-history-table th:nth-child(6){width:15%}.st-billing-history-table td,.st-billing-history-table th{border-bottom:1px solid var(--st-border-color);padding:1rem 1.25rem;text-align:left;vertical-align:middle}.st-billing-history-table td:nth-child(2){white-space:nowrap}.st-billing-history-table td:first-child{font-weight:500;white-space:nowrap}.st-billing-history-table td:nth-child(3){line-height:1.4;white-space:normal}.st-billing-history-table th{background-color:var(--st-hover-color);color:var(--st-text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.st-billing-history-table tbody tr{transition:all .2s ease}.st-billing-history-table tbody tr:hover{background-color:var(--st-hover-color)}.st-billing-history-table tbody tr:last-child td{border-bottom:none}.st-history-type-badge{align-items:center;border-radius:20px;color:var(--st-text-on-accent);display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.5px;padding:.35rem .8rem;text-transform:uppercase;white-space:nowrap}.st-history-type-badge.subscription{background:var(--st-accent-color);box-shadow:0 2px 4px rgba(var(--st-accent-rgb),.3)}.st-history-type-badge.credit-pack,.st-history-type-badge.topup{background:var(--main-green);box-shadow:0 2px 4px rgba(var(--main-green-rgb),.3)}.st-history-type-badge.refund{background:var(--main-yellow);box-shadow:0 2px 4px rgba(var(--main-yellow-rgb),.3)}.st-download-link{color:var(--st-accent-color);font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap}.st-download-link:hover{text-decoration:underline}.st-download-link.disabled{color:var(--st-text-secondary);cursor:not-allowed;opacity:.6;text-decoration:none}.st-billing-history-empty{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:12px;margin-top:2rem;padding:4rem 2rem;text-align:center}.st-billing-history-empty h4{border:none;padding:0}.st-billing-history-empty h4:before{display:none}.st-billing-history-empty h4{color:var(--st-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.st-billing-history-empty p{color:var(--st-text-secondary);font-size:1rem;line-height:1.6;margin:0 auto;max-width:400px}.st-billing-history-empty-icon{color:var(--st-text-secondary);font-size:3rem;margin-bottom:1.5rem;opacity:.5}.st-loading-state{align-items:center;color:var(--st-text-secondary);display:flex;flex-direction:column;font-size:1.1rem;font-weight:500;gap:1rem;justify-content:center;padding:4rem}.st-error-message{background:rgba(var(--main-red-rgb),.1);border:1px solid var(--main-red);border-radius:8px;color:var(--main-red);font-weight:500;margin-top:2rem;padding:1.5rem;text-align:center}@media (max-width:768px){.st-billing-history-container{margin:1rem;padding:1.5rem}}@media (max-width:480px){.st-billing-history-container{margin:.5rem;padding:1rem}}.st-savings-nudge-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.st-savings-nudge{animation:slideUp .3s ease;background:var(--st-background);border-radius:12px;box-shadow:0 20px 40px var(--st-shadow-color);max-width:480px;padding:24px;position:relative;width:90%}.st-savings-nudge-close{background:none;border:none;border-radius:4px;color:var(--st-text-secondary);cursor:pointer;font-size:18px;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s ease}.st-savings-nudge-close:hover{background-color:var(--st-hover-color);color:var(--st-text-primary)}.st-savings-nudge-header{align-items:center;display:flex;gap:12px;margin-bottom:16px;padding-right:32px}.st-savings-nudge-icon{color:var(--main-green);font-size:24px}.st-savings-nudge-header h4{color:var(--st-text-primary);font-size:20px;font-weight:600;margin:0}.st-savings-nudge-content{margin-bottom:24px}.st-savings-nudge-message{color:var(--st-text-secondary);font-size:16px;line-height:1.6;margin-bottom:16px}.st-savings-nudge-benefits{background-color:rgba(var(--main-green-rgb),.05);border:1px solid rgba(var(--main-green-rgb),.2);border-radius:8px;padding:16px}.st-savings-nudge-benefits h5{color:var(--st-text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.st-savings-nudge-benefits ul{list-style:none;margin:0;padding:0}.st-savings-nudge-benefits li{align-items:flex-start;color:var(--st-text-secondary);display:flex;font-size:14px;gap:8px;line-height:1.4;margin-bottom:8px}.st-savings-nudge-benefits li:last-child{margin-bottom:0}.st-savings-nudge-benefits li svg{color:var(--main-green);flex-shrink:0;font-size:12px;margin-top:2px}.st-savings-nudge-actions{display:flex;flex-wrap:wrap;gap:12px}.st-savings-nudge-upgrade-button{align-items:center;background:var(--main-green);border:none;border-radius:8px;color:var(--st-text-on-accent);cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .2s ease}.st-savings-nudge-upgrade-button:hover{background:color-mix(in srgb,var(--main-green) 85%,#000);box-shadow:0 4px 12px rgba(var(--main-green-rgb),.3);transform:translateY(-1px)}.st-savings-nudge-upgrade-button:active{transform:translateY(0)}.st-savings-nudge-dismiss-button{background:#0000;border:1px solid var(--st-border-color);border-radius:8px;color:var(--st-text-secondary);cursor:pointer;font-size:16px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .2s ease}.st-savings-nudge-dismiss-button:hover{background-color:var(--st-hover-color);border-color:var(--st-text-primary);color:var(--st-text-primary)}@media (max-width:480px){.st-savings-nudge{margin:16px;padding:20px;width:calc(100% - 32px)}.st-savings-nudge-actions{flex-direction:column}.st-savings-nudge-dismiss-button,.st-savings-nudge-upgrade-button{width:100%}}.st-subscription-plan-container{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:16px;box-shadow:0 10px 25px var(--st-shadow-color),0 4px 10px var(--st-shadow-color);display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:1200px;padding:2.5rem}.st-subscription-plan-header{border-bottom:2px solid var(--st-border-color);margin-bottom:1rem;padding-bottom:2rem;position:relative;text-align:center}.st-subscription-plan-header:before{background:var(--st-accent-color);border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.st-subscription-plan-header h2{color:var(--st-text-primary);font-size:2.25rem;font-weight:700;margin:0 0 1rem}.st-subscription-plan-header p{color:var(--st-text-secondary);font-size:1.15rem;line-height:1.7;margin:0 auto;max-width:700px}.st-plan-comparison-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:1rem}.st-plan-card{background-color:var(--st-button-background);border:2px solid var(--st-border-color);border-radius:16px;box-shadow:0 4px 12px var(--st-shadow-color);display:flex;flex-direction:column;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .3s ease}.st-plan-card:before{background:var(--st-border-color);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.st-plan-card:hover{border-color:var(--st-accent-color);box-shadow:0 12px 24px var(--st-shadow-color);transform:translateY(-4px)}.st-plan-card.current{background-color:var(--st-background);border-color:var(--st-accent-color);box-shadow:0 8px 20px rgba(var(--st-accent-rgb),.15);transform:scale(1.02)}.st-current-plan-badge,.st-plan-card.current:before{background:var(--st-accent-color)}.st-current-plan-badge{border-radius:0 0 12px 12px;color:var(--st-text-on-accent);font-size:.85rem;font-weight:600;left:50%;padding:.5rem 1.5rem;position:absolute;top:-1px;transform:translateX(-50%);z-index:2}.st-plan-header{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;position:relative}.st-plan-header .st-crown-icon{font-size:2.5rem;margin-bottom:.5rem}.st-plan-header h3{color:var(--st-text-primary);font-size:1.5rem;font-weight:700;margin:0}.st-benefit-badge{background:var(--main-yellow);border-radius:20px;box-shadow:0 2px 8px rgba(var(--main-yellow-rgb),.3);color:var(--st-text-primary);font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.st-plan-price{align-items:baseline;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.st-plan-price-amount{color:var(--st-text-primary);font-size:3rem;font-weight:800;line-height:1}.st-plan-price-period{color:var(--st-text-secondary);font-size:1rem;font-weight:500}.st-plan-credits{background:rgba(var(--st-accent-rgb),.05);border:1px solid rgba(var(--st-accent-rgb),.1);border-radius:8px;margin-bottom:2rem;padding:1rem}.st-plan-credits strong{color:var(--st-accent-color);font-size:1.1rem;font-weight:600}.st-plan-features{flex-grow:1;list-style:none;margin:0 0 2rem;padding:0}.st-plan-features li{align-items:center;border-bottom:1px solid var(--st-border-color);color:var(--st-text-primary);display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 0}.st-plan-features li:last-child{border-bottom:none}.st-plan-features li svg{color:var(--main-green);flex-shrink:0;font-size:1rem}.st-plan-footer{margin-top:auto}.st-plan-upgrade-button{background:var(--st-accent-color);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(var(--st-accent-rgb),.3);color:var(--st-text-on-accent);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.st-plan-upgrade-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.st-plan-upgrade-button:hover:before{left:100%}.st-plan-upgrade-button:hover{box-shadow:0 8px 20px rgba(var(--st-accent-rgb),.4);transform:translateY(-2px)}.st-plan-current-button{background:var(--st-hover-color);border:2px solid var(--st-border-color);border-radius:10px;color:var(--st-text-secondary);cursor:not-allowed;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.st-manage-subscription-section{background:var(--st-button-background);border:1px solid var(--st-border-color);border-radius:12px;margin-top:2rem;padding:2rem;position:relative;text-align:center}.st-manage-subscription-section:before{background:var(--st-accent-color);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.st-manage-subscription-section h4{color:var(--st-text-primary);font-size:1.4rem;font-weight:600;margin:0 0 .75rem}.st-manage-subscription-section p{color:var(--st-text-secondary);font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.st-manage-subscription-section button{align-items:center;background-color:var(--st-text-primary);border:none;border-radius:10px;box-shadow:0 4px 12px var(--st-shadow-color);color:var(--st-background);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.st-manage-subscription-section button:hover{box-shadow:0 8px 20px var(--st-shadow-color);transform:translateY(-2px)}.st-manage-subscription-section button svg{font-size:.9rem}@media (max-width:768px){.st-subscription-plan-container{margin:1rem;padding:1.5rem}.st-plan-comparison-grid{gap:1.5rem;grid-template-columns:1fr}.st-plan-card{padding:2rem 1.5rem}.st-plan-price-amount{font-size:2.5rem}.st-subscription-plan-header h2{font-size:1.8rem}}@media (max-width:480px){.st-subscription-plan-container{margin:.5rem;padding:1rem}.st-plan-card{padding:1.5rem 1rem}.st-plan-price-amount{font-size:2rem}}.st-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.st-modal-content{animation:slideUp .4s ease-out;background-color:var(--st-button-background);border:1px solid var(--st-border-color);border-radius:var(--st-border-radius);box-shadow:0 10px 30px #0003;max-width:480px;padding:var(--st-spacing-xl);position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.st-modal-close-button{background:none;border:none;border-radius:50%;color:var(--st-text-secondary);cursor:pointer;font-size:1.2rem;line-height:1;padding:var(--st-spacing-sm);position:absolute;right:var(--st-spacing-md);top:var(--st-spacing-md);transition:background-color .2s ease,color .2s ease}.st-modal-close-button:hover{background-color:var(--st-hover-color);color:var(--st-text-primary)}.st-modal-header{margin-bottom:var(--st-spacing-lg);text-align:center}.st-modal-header h2{color:var(--st-text-primary);font-size:1.8rem;margin:var(--st-spacing-sm) 0 var(--st-spacing-xs) 0}.st-modal-header p{color:var(--st-text-secondary);font-size:1.1rem;margin:0}.st-modal-billing-toggle{background-color:var(--st-input-background);border-radius:var(--st-border-radius);display:flex;margin-bottom:var(--st-spacing-lg);padding:var(--st-spacing-xs)}.st-modal-billing-toggle button{background:none;border:none;border-radius:6px;color:var(--st-text-secondary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:var(--st-spacing-sm) var(--st-spacing-md);position:relative;transition:all .3s ease}.st-modal-billing-toggle button.active{background-color:var(--st-button-background);box-shadow:0 2px 5px #0000001a;color:var(--st-text-primary)}.st-modal-savings-badge{background-color:var(--main-green);border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;margin-left:8px;padding:3px 6px;vertical-align:middle}.st-modal-plan-summary{background-color:var(--st-input-background);border:1px solid var(--st-border-color);border-radius:var(--st-border-radius);margin-bottom:var(--st-spacing-lg);padding:var(--st-spacing-lg)}.st-modal-price{color:var(--st-text-primary);font-size:2.2rem;font-weight:700;text-align:center}.st-modal-price span{color:var(--st-text-secondary);font-size:1rem;font-weight:400}.st-modal-credits{border-bottom:1px solid var(--st-border-color);color:var(--st-text-secondary);font-size:1.1rem;margin-top:var(--st-spacing-sm);padding-bottom:var(--st-spacing-md);text-align:center}.st-modal-credits strong{color:var(--st-text-primary)}.st-modal-features{list-style:none;margin:var(--st-spacing-md) 0 0 0;padding:0}.st-modal-features li{align-items:center;color:var(--st-text-primary);display:flex;font-size:.95rem;gap:var(--st-spacing-sm);margin-bottom:var(--st-spacing-sm)}.st-modal-features svg{color:var(--main-green)}.st-modal-footer{text-align:center}.st-modal-confirm-button{background-color:var(--st-accent-color);border:none;border-radius:var(--st-border-radius);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:var(--st-spacing-md) var(--st-spacing-lg);transition:background-color .2s ease;width:100%}.st-modal-confirm-button:hover{background-color:var(--st-button-hover-background)}.st-modal-confirm-button:disabled{cursor:not-allowed;opacity:.7}.st-modal-footer-note{color:var(--st-text-secondary);font-size:.8rem;line-height:1.4;margin-top:var(--st-spacing-md)}.st-app-language-screen{align-items:center;display:flex;flex-direction:column;width:100%}.st-app-language-screen h3{margin-bottom:var(--st-spacing-lg);text-align:center}.st-app-language-card{background-color:var(--st-button-background);border:1px solid var(--st-border-color);border-radius:var(--st-border-radius);box-sizing:border-box;max-width:800px;padding:var(--st-spacing-xl);width:100%}.st-app-language-card-description{color:var(--st-text-secondary);line-height:1.6;margin-bottom:var(--st-spacing-xl);text-align:center}.st-current-language-display{align-items:center;background-color:var(--st-hover-color);border-left:4px solid var(--st-accent-color);border-radius:var(--st-border-radius);display:flex;gap:var(--st-spacing-lg);margin-bottom:var(--st-spacing-xl);padding:var(--st-spacing-lg)}.st-current-language-icon{color:var(--st-accent-color);font-size:1.8rem}.st-current-language-details{display:flex;flex-direction:column}.st-current-language-label{color:var(--st-text-secondary);font-size:var(--st-font-size-sm);margin-bottom:var(--st-spacing-xs)}.st-current-language-name{color:var(--st-text-primary);font-size:1.1rem;font-weight:600}.st-language-search-input{margin-bottom:var(--st-spacing-md)}.st-language-list-container{background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:var(--st-border-radius);box-sizing:border-box;max-height:400px;overflow-y:auto;position:relative;width:100%}.st-language-list-container::-webkit-scrollbar{width:6px}.st-language-list-container::-webkit-scrollbar-thumb{background-color:var(--st-text-secondary);border-radius:3px}.st-app-language-list{list-style:none;margin:0;padding:var(--st-spacing-sm)}.st-language-item-button{align-items:center;background-color:initial;border:none;border-radius:6px;color:var(--st-text-primary);cursor:pointer;display:flex;gap:var(--st-spacing-md);padding:var(--st-spacing-md);text-align:left;transition:background-color .2s var(--st-transition-ease);width:100%}.st-language-item-button:hover{background-color:var(--st-hover-color)}.st-language-item-button.selected{background-color:rgba(var(--st-accent-rgb),.1);font-weight:600}.st-language-name{flex-basis:30%;flex-shrink:0;font-size:1rem}.st-language-english-name{color:var(--st-text-secondary);flex-grow:1;font-size:var(--st-font-size-sm)}.st-language-selected-icon{color:var(--st-accent-color);font-size:1.2rem;margin-left:auto}.st-language-list-divider{background-color:var(--st-border-color);border:none;height:1px;margin:var(--st-spacing-sm) 0}.st-app-language-coming-soon-item{align-items:center;color:var(--st-text-primary);cursor:not-allowed;display:flex;justify-content:space-between;opacity:.6;padding:var(--st-spacing-md)}.st-language-name-container{align-items:center;display:flex;flex-grow:1;gap:var(--st-spacing-md)}.st-app-language-coming-soon-label{background-color:var(--st-hover-color);border-radius:4px;color:var(--st-text-secondary);font-size:var(--st-font-size-sm);font-style:italic;padding:var(--st-spacing-xs) var(--st-spacing-sm)}.st-app-language-no-result-item{color:var(--st-text-secondary);padding:var(--st-spacing-lg);text-align:center}.st-language-save-section{display:flex;justify-content:flex-end;margin-top:var(--st-spacing-xl)}@media (max-width:768px){.st-app-language-card{padding:var(--st-spacing-lg);width:95%}.st-language-item-button{align-items:flex-start;flex-direction:column;gap:var(--st-spacing-xs)}.st-language-selected-icon{position:absolute;right:16px;top:16px}}.st-help-center-screen{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100%}.st-help-center-screen h3{color:var(--st-text-primary);font-size:var(--st-font-size-xl);font-weight:600;margin-bottom:0;text-align:center}.st-help-center-card{background-color:var(--st-button-background);border:1px solid var(--st-border-color);border-radius:var(--st-border-radius);box-shadow:0 4px 12px var(--st-shadow-color);display:flex;flex-direction:column;gap:2.5rem;max-width:900px;padding:var(--st-spacing-xl);width:100%}.st-help-center-welcome{align-items:center;background-color:var(--st-hover-color);border-left:4px solid var(--st-accent-color);border-radius:var(--st-border-radius);display:flex;gap:var(--st-spacing-lg);padding:var(--st-spacing-xl)}.st-help-center-icon{color:var(--st-accent-color);flex-shrink:0;font-size:2.5rem}.st-help-center-welcome-text h4{color:var(--st-text-primary);font-size:1.2rem;font-weight:600;margin:0 0 var(--st-spacing-sm) 0}.st-help-center-welcome-text p{color:var(--st-text-secondary);line-height:1.6;margin:0}.st-help-resources-section h4{border-bottom:1px solid var(--st-border-color);color:var(--st-text-primary);font-size:1.3rem;font-weight:600;margin:0 0 var(--st-spacing-lg) 0;padding-bottom:var(--st-spacing-md)}.st-help-resources-list{display:flex;flex-direction:column;gap:var(--st-spacing-lg);list-style:none;margin:0;padding:0}.st-help-resource-item{align-items:flex-start;display:flex;gap:var(--st-spacing-lg)}.st-resource-icon{color:var(--st-text-secondary);flex-shrink:0;font-size:1.2rem;margin-top:4px;text-align:center;width:20px}.st-resource-details{display:flex;flex-direction:column}.st-resource-details strong{color:var(--st-text-primary);font-weight:600;margin-bottom:var(--st-spacing-xs)}.st-resource-details span{color:var(--st-text-secondary);line-height:1.5}.st-help-center-cta-section{border-top:1px solid var(--st-border-color);margin-top:var(--st-spacing-md);padding-top:var(--st-spacing-lg);text-align:center}.st-help-center-cta-button{align-items:center;background-color:var(--st-accent-color);border:1px solid #0000;border-radius:var(--st-border-radius);box-shadow:0 4px 12px rgba(var(--st-accent-rgb),.2);color:var(--st-text-on-accent);display:inline-flex;font-size:1.05rem;font-weight:600;gap:var(--st-spacing-md);justify-content:center;padding:var(--st-spacing-md) var(--st-spacing-xl);text-decoration:none;transition:all .2s var(--st-transition-ease)}.st-help-center-cta-button:hover{background-color:var(--st-button-hover-background);box-shadow:0 8px 20px rgba(var(--st-accent-rgb),.3);transform:translateY(-2px)}@media (max-width:768px){.st-help-center-card{padding:var(--st-spacing-lg)}}.st-policies-screen{align-items:center;display:flex;flex-direction:column;width:100%}.st-policies-screen h3{margin-bottom:var(--st-spacing-lg);text-align:center}.st-policies-card{background-color:var(--st-button-background);border:1px solid var(--st-border-color);border-radius:var(--st-border-radius);box-shadow:0 4px 12px var(--st-shadow-color);box-sizing:border-box;max-width:800px;padding:var(--st-spacing-xl);width:100%}.st-policy-intro{background-color:var(--st-hover-color);border-left:4px solid var(--st-accent-color);border-radius:var(--st-border-radius);color:var(--st-text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:var(--st-spacing-xl);padding:var(--st-spacing-lg);text-align:center}.st-policy-list-container{display:flex;flex-direction:column;gap:var(--st-spacing-lg)}.st-policy-item{align-items:center;background-color:var(--st-background);border:1px solid var(--st-border-color);border-radius:var(--st-border-radius);color:var(--st-text-primary);display:flex;gap:var(--st-spacing-lg);padding:var(--st-spacing-lg);text-decoration:none;transition:all .2s var(--st-transition-ease)}.st-policy-item:hover{background-color:var(--st-hover-color);border-color:var(--st-accent-color);box-shadow:0 6px 16px var(--st-shadow-color);transform:translateY(-2px)}.st-policy-icon{color:var(--st-accent-color);flex-shrink:0;font-size:1.8rem;text-align:center;width:30px}.st-policy-text-content{flex-grow:1}.st-policy-title{color:var(--st-text-primary);display:block;font-size:1.1rem;font-weight:600;margin-bottom:var(--st-spacing-sm)}.st-policy-description{color:var(--st-text-secondary);font-size:var(--st-font-size-sm);line-height:1.5;margin:0}.st-policy-external-icon{color:var(--st-text-secondary);flex-shrink:0;font-size:1rem;margin-left:auto;opacity:.6;transition:color .2s var(--st-transition-ease),opacity .2s var(--st-transition-ease)}.st-policy-item:hover .st-policy-external-icon{color:var(--st-accent-color);opacity:1}@media (max-width:768px){.st-policies-card{padding:var(--st-spacing-lg);width:95%}.st-policy-item{gap:var(--st-spacing-md);padding:var(--st-spacing-md)}}.st-settings-screen{background-color:var(--st-background);box-sizing:border-box;color:var(--st-text-primary);display:flex;flex-direction:column;font-family:sans-serif;min-height:100vh;overflow-x:hidden;padding:0;width:100%}.st-settings-screen h2{align-self:flex-start;color:var(--st-text-primary);margin-bottom:var(--st-spacing-lg)}.settings-section{align-items:center;background-color:initial;border:none;box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;width:100%}.settings-section h3{color:var(--st-text-primary);margin-bottom:var(--st-spacing-sm)}.st-settings-screen h3{font-family:sans-serif}.st-settings-screen input,.st-settings-screen textarea{font-family:Courier New,monospace}:root{--st-background:#fff;--st-sidebar-background:#f7f7f7;--st-text-primary:#181818;--st-text-secondary:#5a5a5a;--st-accent-color:#007aff;--st-hover-color:#e9e9e9;--st-border-color:#dcdcdc;--st-button-background:#f0f0f0;--st-button-hover-background:#0056b3;--st-input-background:#fff;--st-input-text:#181818;--st-input-focus-border-color:var(--st-accent-color);--st-shadow-color:#0000001a;--st-accent-rgb:0,122,255;--main-green:#34c759;--main-red:#ff3b30;--main-blue:var(--st-accent-color);--main-yellow:#fc0;--main-red-hover:#d32f2f;--main-red-rgb:255,59,48;--main-green-rgb:52,199,89;--main-yellow-rgb:255,204,0;--st-text-on-accent:#fff;--st-spacing-xs:4px;--st-spacing-sm:8px;--st-spacing-md:16px;--st-spacing-lg:24px;--st-spacing-xl:32px;--st-border-width:1px;--st-border-radius:8px;--header-height:50px;--st-font-size-sm:0.875rem;--st-font-size-md:1rem;--st-font-size-lg:1.125rem;--st-font-size-xl:1.25rem;--main-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--header-font-family:"Segoe UI",sans-serif;--st-transition-duration:0.2s;--st-transition-ease:ease-in-out}html[data-theme=dark]{--st-background:#121212;--st-sidebar-background:#1e1e1e;--st-text-primary:#f0f0f0;--st-text-secondary:#a8a8a8;--st-accent-color:#64b5f6;--st-hover-color:#2a2a2a;--st-border-color:#333;--st-button-background:#1e1e1e;--st-button-hover-background:#0a84ff;--st-input-background:#2c2c2c;--st-input-text:#f0f0f0;--st-shadow-color:#00000040;--st-accent-rgb:100,181,246;--main-green:#4caf50;--main-red:#f44336;--main-yellow:#ffc107;--main-red-rgb:244,67,54;--main-green-rgb:76,175,80;--main-yellow-rgb:255,193,7}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--st-background);color:#181818;color:var(--st-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--main-font-family);margin:0}.st-settings-card{background-color:#f0f0f0;background-color:var(--st-button-background);border:1px solid #dcdcdc;border:var(--st-border-width) solid var(--st-border-color);border-radius:8px;border-radius:var(--st-border-radius);box-sizing:border-box;margin:0 auto 24px;margin:0 auto var(--st-spacing-lg) auto;max-width:960px;padding:24px;padding:var(--st-spacing-lg);width:100%}.st-button-primary{align-items:center;background-color:#007aff;background-color:var(--st-accent-color);border:none;border-radius:8px;border-radius:var(--st-border-radius);color:#fff;color:var(--st-text-on-accent);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--st-font-size-md);font-weight:500;gap:8px;gap:var(--st-spacing-sm);justify-content:center;padding:16px 24px;padding:var(--st-spacing-md) var(--st-spacing-lg);transition:background-color .2s ease-in-out,opacity .2s;transition:background-color var(--st-transition-duration) var(--st-transition-ease),opacity var(--st-transition-duration)}.st-button-primary:not(:disabled):hover{background-color:#0056b3;background-color:var(--st-button-hover-background)}.st-button-primary:disabled{cursor:not-allowed;opacity:.6}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{background-color:#fff;background-color:var(--st-input-background);border:1px solid #dcdcdc;border:var(--st-border-width) solid var(--st-border-color);border-radius:8px;border-radius:var(--st-border-radius);box-sizing:border-box;color:#181818;color:var(--st-input-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--main-font-family);font-size:1rem;font-size:var(--st-font-size-md);padding:16px;padding:var(--st-spacing-md);transition:border-color .2s,box-shadow .2s;transition:border-color var(--st-transition-duration),box-shadow var(--st-transition-duration);width:100%}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#007aff!important;border-color:var(--st-input-focus-border-color)!important;box-shadow:0 0 0 1px #007aff!important;box-shadow:0 0 0 1px var(--st-input-focus-border-color)!important;outline:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.st-input-icon-container{position:relative}.st-input-icon-container .st-input-icon{color:#5a5a5a;color:var(--st-text-secondary);left:12px;opacity:.7;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.st-input-icon-container input[type=search],.st-input-icon-container input[type=text]{padding-left:40px!important}:root{--spacing-sm:4px;--spacing-md:8px;--spacing-lg:16px;--spacing-xl:24px;--border-radius:12px;--button-border-radius:8px;--transition-duration:0.3s;--transition-ease:cubic-bezier(0.4,0,0.2,1);--font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--accent-color:#64b5f6;--accent-hover:#42a5f5;--error-color:#ef5350;--success-color:#4caf50;--warning-color:#ffca28;--main-blue-hover:#0b7dda}[data-theme=light]{--auth-bg-gradient:radial-gradient(circle at 50% 50%,#fff 0%,#eef2f3 100%);--card-bg:#ffffffd9;--card-border:#00000014;--card-shadow:0 8px 32px 0 #1f26871a;--text-primary:#1f1f1f;--text-secondary:#666;--input-bg:#0000000a;--input-border:#0000001a;--input-label:#666;--input-label-focus:#64b5f6;--control-bg:#fffc;--control-border:#0000001a;--google-btn-bg:#fff;--google-btn-text:#1f1f1f;--google-btn-border:#e0e0e0;--google-btn-hover:#f5f5f5;--shimmer-color:#fff6}[data-theme=dark]{--auth-bg-gradient:radial-gradient(circle at 50% 50%,#1e1e1e 0%,#121212 100%);--card-bg:#1e1e1ebf;--card-border:#ffffff14;--card-shadow:0 8px 32px 0 #00000080;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--input-bg:#0000004d;--input-border:#ffffff0d;--input-label:#a0a0a0;--input-label-focus:#64b5f6;--control-bg:#1e1e1e99;--control-border:#ffffff1a;--google-btn-bg:#ffffff0d;--google-btn-text:#fff;--google-btn-border:#ffffff1a;--google-btn-hover:#ffffff1a;--shimmer-color:#ffffff1a}.auth-form-auth-form-container{align-items:center;background:var(--auth-bg-gradient);background-attachment:fixed;color:var(--text-primary);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family);justify-content:center;min-height:100vh;padding:8px;padding:var(--spacing-md);position:relative;transition:background .3s;transition:background var(--transition-duration)}.auth-top-controls{display:flex;gap:12px;position:absolute;right:24px;top:24px;z-index:10}.auth-control-item{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:var(--control-bg);border:1px solid var(--control-border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;outline:none;padding:8px 12px;transition:all .2s}.auth-control-item:hover{border-color:#64b5f6;border-color:var(--accent-color);transform:translateY(-1px)}.auth-footer{bottom:24px;color:var(--text-secondary);font-size:.8rem;left:50%;opacity:.7;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);width:100%}.auth-form-form-wrapper{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;border-radius:var(--border-radius);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:16px;gap:var(--spacing-lg);max-width:400px;overflow:hidden;padding:40px 32px;position:relative;transition:background .3s,border-color .3s;width:100%}.auth-form-form-wrapper:after{animation:glass-shimmer 8s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--shimmer-color),#0000);content:"";height:100%;left:-150%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);width:100%}@keyframes glass-shimmer{0%{left:-150%}15%{left:150%}to{left:150%}}.auth-form-logo-container{align-items:center;display:flex;flex-direction:column;position:relative;z-index:2}.auth-form-logo,.auth-form-logo-container{margin-bottom:8px;margin-bottom:var(--spacing-md)}.auth-form-logo{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));height:64px;width:64px}.auth-brand-product{-webkit-text-fill-color:#0000;-webkit-font-smoothing:antialiased;animation:text-flow 12s ease-in-out infinite;background:linear-gradient(135deg,red,#ff0080,#7928ca,#4f5bd5,#00c6ff,#0f0,#fc0);background:linear-gradient(in oklch 135deg,red,#ff0080,#7928ca,#4f5bd5,#00c6ff,#0f0,#fc0);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;filter:drop-shadow(0 2px 10px rgba(121,40,202,.15));font-size:2.5rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0;transform:translateZ(0)}@keyframes text-flow{0%{background-position:0 50%}25%{background-position:50% 0}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0 50%}}.auth-brand-company{color:var(--text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-top:4px;opacity:.8}.auth-form-brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64b5f6,#a1c4fd);background:linear-gradient(135deg,var(--accent-color),#a1c4fd);-webkit-background-clip:text}.auth-form-brand-name,.auth-form-h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.auth-form-h2{text-align:center}.auth-form-input-container{height:56px;margin-bottom:4px;margin-bottom:var(--spacing-sm);position:relative}.auth-form-input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;border-radius:var(--button-border-radius);box-sizing:border-box;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family);font-size:1rem;height:100%;padding:20px 16px 6px;transition:all .2s;width:100%}.auth-form-input:focus{background-color:var(--input-bg);border-color:#64b5f6;border-color:var(--accent-color);outline:none}.auth-form-floating-label{color:var(--input-label);font-size:1rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform-origin:left top;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--transition-ease)}.auth-form-input:focus+.auth-form-floating-label,.auth-form-input:not(:placeholder-shown)+.auth-form-floating-label{color:#64b5f6;color:var(--accent-color);top:12px;transform:translateY(-50%) scale(.75)}.auth-form-label{color:var(--text-secondary);display:block;font-size:.9rem;margin-bottom:6px}.auth-form-password-toggle-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s;z-index:2}.auth-form-password-toggle-button:hover{color:var(--text-primary)}.auth-form-input-icon.valid{color:#4caf50;color:var(--success-color)}.auth-form-error-repeat-password,.auth-form-input-icon.error{color:#ef5350;color:var(--error-color)}.auth-form-error-repeat-password{font-size:.8rem;margin-left:4px;margin-top:4px}.auth-form-mandatory-asterisk{color:#64b5f6;color:var(--accent-color);margin-left:2px}.password-strength-meter{background-color:var(--input-border);border-radius:2px;height:4px;margin-top:8px;overflow:hidden;position:relative;width:100%}.password-strength-bar{height:100%;transition:width .3s ease,background-color .3s ease;width:0}.password-strength-bar.weak{background-color:#ef5350;background-color:var(--error-color);width:33%}.password-strength-bar.medium{background-color:#ffca28;background-color:var(--warning-color);width:66%}.password-strength-bar.strong{background-color:#4caf50;background-color:var(--success-color);width:100%}.auth-form-submit-button{align-items:center;background-color:#64b5f6;background-color:var(--accent-color);border:none;border-radius:8px;border-radius:var(--button-border-radius);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:48px;justify-content:center;margin-top:4px;margin-top:var(--spacing-sm);transition:background-color .2s,transform .1s;width:100%}.auth-form-submit-button:hover:not(:disabled){background-color:#42a5f5;background-color:var(--accent-hover);transform:translateY(-1px)}.auth-form-submit-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin 1s linear infinite;font-size:1.2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-form-google-signup{align-items:center;background-color:var(--google-btn-bg);border:1px solid var(--google-btn-border);border-radius:8px;border-radius:var(--button-border-radius);color:var(--google-btn-text);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family);font-weight:500;gap:12px;height:48px;justify-content:center;transition:all .2s;width:100%}.auth-form-google-signup:hover{background-color:var(--google-btn-hover);border-color:#64b5f6;border-color:var(--accent-color)}.auth-form-google-signup .google-icon{height:18px;width:18px}.auth-form-remember-forgot{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-top:4px}.auth-form-forgot-password-link{color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:color .2s}.auth-form-forgot-password-link:hover{color:#64b5f6;color:var(--accent-color);text-decoration:underline}.auth-form-separator{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;margin:16px 0}.auth-form-separator:after,.auth-form-separator:before{background-color:var(--input-border);content:"";flex:1 1;height:1px}.auth-form-separator span{padding:0 10px}.auth-form-switch-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;margin-top:0;width:100%}.auth-form-switch-button strong{color:#64b5f6;color:var(--accent-color)}.auth-form-switch-button:hover strong{text-decoration:underline}.auth-form-policy-links{color:var(--text-secondary);display:flex;font-size:.8rem;gap:10px;justify-content:center;margin-top:16px}.auth-form-policy-links a{color:var(--text-secondary);text-decoration:none}.auth-form-policy-links a:hover{color:#64b5f6;color:var(--accent-color)}.eight-bit-loader-container{align-items:center;background-color:#000;color:#fff;display:flex;font-family:Press Start\ 2P,cursive;height:100vh;justify-content:center;text-transform:uppercase;width:100%}.eight-bit-loader-content{align-items:center;display:flex;flex-direction:column;gap:2rem;text-align:center}.eight-bit-logo{image-rendering:pixelated;margin-bottom:1.5rem;max-width:200px}.eight-bit-title{font-size:1.5rem;letter-spacing:2px;text-shadow:4px 4px 0 #555}.eight-bit-progress-bar-container{background-color:#333;border:4px solid #fff;height:30px;width:300px}.eight-bit-progress-bar{animation:fill-blocks 4s steps(10) infinite;background-color:#0f0;height:100%;width:0}.eight-bit-blinking-text{animation:blink-text 1.5s step-end infinite;font-size:1rem}@keyframes fill-blocks{0%{width:0}to{width:100%}}@keyframes blink-text{50%{opacity:0}}
/*# sourceMappingURL=main.cc80ab4a.css.map*/