@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";:root{--primary-color: #6C63FF;--primary-hover: #5955A6;--text-color: #2A2A3C;--light-text: #8E8EA0;--border-color: rgba(108, 99, 255, .1);--background-color: #FFFFFF;--gradient-bg: linear-gradient(135deg, #F8F9FA 0%, #FFFFFF 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .08);--header-height: 60px;--sidebar-width: 300px;--sidebar-mobile-width: 280px;--base-font-size: 16px;--button-size: 44px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 20px;--content-max-width: 900px;--standard-padding: 20px;--standard-margin: 20px;--input-height: 54px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}html{font-size:var(--base-font-size);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}body{width:100%;overflow-x:hidden;color:var(--text-color);background-color:var(--background-color);line-height:1.5;font-size:clamp(.9rem,.85rem + .25vw,1rem)}h1{font-size:clamp(1.8rem,1.5rem + 1.5vw,2.8rem);line-height:1.2;margin-bottom:clamp(1rem,.8rem + 1vw,2rem)}h2{font-size:clamp(1.5rem,1.3rem + 1vw,2.2rem);line-height:1.3}h3{font-size:clamp(1.2rem,1.1rem + .5vw,1.8rem);line-height:1.4}p,button,input,textarea,select{font-size:clamp(.875rem,.85rem + .125vw,1rem);font:inherit}.home-container{min-height:100vh;position:relative;display:flex}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--standard-padding);margin-left:0;transition:all .3s ease;background:var(--gradient-bg);padding-top:calc(var(--header-height) + .5rem);min-height:100vh;width:100%}.main-content.sidebar-open{margin-left:var(--sidebar-width)}.persistent-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:25;display:flex;align-items:center;transition:all .3s ease;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);box-sizing:border-box;padding:0 clamp(.5rem,.4rem + .5vw,1rem)}.sidebar-open .persistent-header{left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.header-controls{display:flex;align-items:center;padding-left:clamp(.75rem,.5rem + 1vw,1.25rem);position:fixed;z-index:55;top:clamp(.5rem,.4rem + .5vw,.75rem);left:clamp(.75rem,.5rem + 1vw,1.25rem);transition:all .3s ease}.sidebar-open .header-controls{left:calc(var(--sidebar-width) + clamp(.75rem,.5rem + 1vw,1.25rem))}.toggle-container{box-shadow:var(--shadow-sm);border:1px solid var(--border-color);height:clamp(36px,5vw,40px);display:flex;border-radius:var(--border-radius-lg);overflow:hidden;background:#efefef;padding:4px;min-width:clamp(170px,40vw,280px)}.toggle-option{padding:clamp(.25rem,.2rem + .25vw,.75rem) clamp(.5rem,.4rem + .5vw,.75rem);border-radius:calc(var(--border-radius-lg) - 4px);font-size:clamp(.75rem,.7rem + .25vw,.875rem);white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex:1;height:100%;min-height:clamp(28px,4vw,32px);cursor:pointer}.toggle-option.active{background:var(--primary-color);color:#fff;font-weight:500}.toggle-option:not(.active){color:var(--primary-color);background:transparent}.toggle-option:not(.active):hover{background:rgba(108,99,255,.05)}.menu-button{width:clamp(38px,5vw,44px);height:clamp(38px,5vw,44px);display:flex;align-items:center;justify-content:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);margin-right:clamp(.5rem,.4rem + .5vw,1rem);color:var(--primary-color)}.menu-button:hover{background:rgba(108,99,255,.05);transform:translateY(-1px);box-shadow:var(--shadow-md)}.new-chat-floating-button{position:fixed;bottom:clamp(1rem,.8rem + 1vw,1.5rem);right:clamp(1rem,.8rem + 1vw,1.5rem);width:clamp(48px,6vw,56px);height:clamp(48px,6vw,56px);border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:none;box-shadow:0 4px 12px #6c63ff4d;z-index:20}.new-chat-floating-button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #6c63ff66}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--background-color);position:fixed;top:0;left:0;transform:translate(-100%);transition:transform .3s ease,box-shadow .3s ease;z-index:1000;display:flex;flex-direction:column;box-shadow:none;overflow:hidden;border-right:1px solid var(--border-color)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar-header{border-bottom:1px solid var(--border-color)!important;height:var(--header-height);display:flex;align-items:center;padding:0 clamp(.75rem,.5rem + 1vw,1.25rem);justify-content:space-between}.sidebar-content{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:clamp(.5rem,.4rem + .5vw,1rem)}.filter-divider{background-color:var(--border-color)!important;height:1px!important;width:100%;margin:clamp(.5rem,.4rem + .5vw,1rem) 0}.chat-item{border-bottom:1px solid var(--border-color)!important;padding:clamp(.5rem,.4rem + .5vw,.75rem);transition:background-color .2s ease}.chat-item:hover{background-color:#6c63ff0d}.advanced-search-toggle{border-top:1px solid var(--border-color)!important;padding:clamp(.75rem,.5rem + 1vw,1rem);margin-top:auto}.chat-container{padding-top:clamp(.5rem,.4rem + .5vw,.75rem);width:100%;max-width:var(--content-max-width);margin:0 auto}.landing-page{padding-top:clamp(1rem,.8rem + 1vw,1.5rem);margin-top:0;min-height:calc(100vh - var(--header-height) - 10px);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.landing-page h1{color:var(--primary-color);text-align:center;padding:0 clamp(1rem,.8rem + 1vw,1.25rem);margin-bottom:clamp(1.5rem,1.25rem + 1.25vw,2rem);font-weight:600}.messages-area{padding-top:clamp(1rem,.8rem + 1vw,1.25rem);padding-bottom:clamp(5rem,4rem + 5vw,6.25rem);width:100%;flex:1}.user-profile-area{margin-left:auto;position:relative;padding-right:clamp(.75rem,.5rem + 1vw,1.25rem);display:flex;align-items:center}.user-button{display:flex;align-items:center;gap:clamp(.25rem,.2rem + .25vw,.5rem);background:var(--background-color);border:1px solid var(--border-color);border-radius:calc(var(--button-size) / 2);padding:clamp(.25rem,.2rem + .25vw,.375rem) clamp(.5rem,.4rem + .5vw,.75rem);cursor:pointer;transition:all .2s ease;height:clamp(38px,5vw,40px)}.user-button:hover{background:rgba(108,99,255,.05);border-color:#6c63ff33}.user-email{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(.75rem,.7rem + .25vw,.875rem);color:var(--primary-color);display:none}.user-icon{width:clamp(16px,2.5vw,20px);height:clamp(16px,2.5vw,20px);color:var(--primary-color)}.user-menu{position:absolute;top:calc(100% + clamp(.375rem,.3rem + .375vw,.5rem));right:clamp(.75rem,.5rem + 1vw,1.25rem);width:clamp(180px,40vw,220px);background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:fadeIn .2s ease-out}.user-info{padding:clamp(.75rem,.5rem + 1vw,1rem);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:clamp(.125rem,.1rem + .125vw,.25rem)}.user-info strong{color:var(--text-color);font-size:clamp(.75rem,.7rem + .25vw,.875rem)}.user-info span{color:var(--light-text);font-size:clamp(.75rem,.65rem + .5vw,.8125rem);word-break:break-all}.menu-item{width:100%;display:flex;align-items:center;gap:clamp(.5rem,.4rem + .5vw,.625rem);padding:clamp(.625rem,.5rem + .625vw,.75rem) clamp(.75rem,.5rem + 1vw,1rem);border:none;background:transparent;text-align:left;color:var(--text-color);cursor:pointer;transition:all .2s ease;min-height:clamp(40px,5.5vw,44px)}.menu-item:hover{background:rgba(108,99,255,.05)}.menu-item span{font-size:clamp(.75rem,.7rem + .25vw,.875rem)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 375px){:root{--sidebar-mobile-width: 260px;--header-height: 54px;--standard-padding: 12px;--standard-margin: 12px;--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 16px;--base-font-size: 14px}.persistent-header{padding:0 8px}.menu-button,.user-button{width:38px;height:38px;min-width:38px}.user-button{border-radius:50%;padding:0;justify-content:center}.user-email{display:none}.menu-button{margin-right:8px}.toggle-container{height:36px;min-width:0;max-width:200px;padding:2px}.toggle-option{padding:0 6px;font-size:11px!important;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%!important}.toggle-option svg{width:14px;height:14px}.landing-page h1{margin-top:40px}.header-controls{padding-left:10px;top:8px}.sidebar{width:var(--sidebar-mobile-width)}.sidebar-open .persistent-header{left:0;width:100%}.main-content.sidebar-open{margin-left:0}.main-content.sidebar-open:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.sidebar-open .header-controls{opacity:.4}.user-profile-area{padding-right:10px}.user-menu{width:200px;right:10px}.new-chat-floating-button{width:48px;height:48px;bottom:16px;right:16px}}@media (min-width: 376px) and (max-width: 767px){:root{--sidebar-mobile-width: 280px;--header-height: 56px;--standard-padding: 16px;--standard-margin: 16px}.persistent-header{padding:0 12px}.menu-button{width:40px;height:40px;margin-right:12px}.user-button{width:40px;height:40px;border-radius:50%;padding:0;justify-content:center}.user-email{display:none}.toggle-container{height:38px;min-width:0;max-width:220px}.toggle-option{padding:6px 10px;font-size:13px}.landing-page h1{margin-top:30px}.header-controls{padding-left:12px}.sidebar{width:var(--sidebar-mobile-width)}.sidebar-open .persistent-header{left:0;width:100%}.main-content.sidebar-open{margin-left:0}.main-content.sidebar-open:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.sidebar-open .header-controls{opacity:.4}.user-profile-area{padding-right:12px}.user-menu{width:200px;right:12px}.new-chat-floating-button{width:52px;height:52px;bottom:20px;right:20px}}@media (min-width: 768px) and (max-width: 1023px){:root{--sidebar-width: 280px;--base-font-size: 15px}.toggle-container{min-width:240px;height:38px}.toggle-option{padding:7px 12px;font-size:14px}.landing-page h1{margin-top:40px}.sidebar-open .persistent-header{left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.main-content.sidebar-open{margin-left:var(--sidebar-width)}.sidebar-open .header-controls{left:calc(var(--sidebar-width) + 20px)}.user-email{display:inline-block;max-width:120px}.user-button{padding:6px 12px;border-radius:24px}@media (orientation: landscape){.landing-page h1{margin-top:30px}.main-content{padding-bottom:90px}}}@media (min-width: 1024px){:root{--content-max-width: 850px}.landing-page h1{margin-top:60px}.user-email{display:inline-block;max-width:150px}.user-button{padding:6px 14px;border-radius:24px}.toggle-container{min-width:280px}}@media (min-width: 1440px){:root{--content-max-width: 950px;--base-font-size: 17px}.landing-page h1{margin-top:70px}.user-email{max-width:180px}}button:focus-visible,input:focus-visible,.toggle-option:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media print{.sidebar,.persistent-header,.new-chat-floating-button,.input-section{display:none!important}.main-content{margin-left:0!important;padding-top:0!important}.chat-container{max-width:100%!important}.message-bubble{box-shadow:none!important;border:1px solid #ccc!important;break-inside:avoid}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.input-wrapper,.message-bubble,.user-button,.menu-button,.toggle-container,.sidebar,.user-menu{border-width:.5px}}@media (pointer: coarse){button,.toggle-option,.chat-item,.menu-item,input[type=checkbox]+label,.user-button,.menu-button{min-height:44px;padding:clamp(.625rem,.5rem + .625vw,.75rem)}input{font-size:16px!important;height:46px}button:active,.chat-item:active,.toggle-option:active{transform:scale(.98);transition:transform .1s ease}}@supports (-webkit-touch-callout: none){input,select,textarea{font-size:16px!important}body,.sidebar-content{-webkit-overflow-scrolling:touch}}@supports (padding: max(0px)){.persistent-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.new-chat-floating-button{bottom:max(24px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right))}.input-section:not(.centered){padding-bottom:max(20px,env(safe-area-inset-bottom))}.sidebar{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}}.card-list{display:flex;gap:24px;padding:10px}.sidebar{width:var(--sidebar-width, 300px);height:100vh;background:#FFFFFF;position:fixed;top:0;left:0;transform:translate(-100%);transition:transform .3s ease,box-shadow .3s ease;z-index:1000;display:flex;flex-direction:column;box-shadow:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;border-right:1px solid rgba(108,99,255,.1)}.sidebar-header{padding:0 clamp(12px,5%,20px);border-bottom:1px solid rgba(108,99,255,.1)!important;display:flex;justify-content:space-between;align-items:center;height:var(--header-height, 60px);box-sizing:border-box;min-height:54px}.sidebar.open{transform:translate(0);box-shadow:0 4px 20px #00000014}.header-title{color:#6c63ff;font-size:clamp(16px,4vw,18px);font-weight:500}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#5955a6;transition:all .2s ease;min-width:36px;min-height:36px}.close-button:hover{background-color:#5955a60d;color:#7d7cff}.sidebar-content{flex:1;overflow-y:auto;padding:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.loading-indicator,.no-chats-message{padding:16px 8px;color:#5955a6;font-size:clamp(14px,3.5vw,15px);display:flex;align-items:center;justify-content:center;height:120px;opacity:.8}.error-message{display:flex;align-items:center;padding:10px 16px;background-color:#ff475714;color:#ff4757;margin:8px;border-radius:8px;font-size:14px;gap:8px}.filters-container{display:flex;flex-direction:column}.filter-section{padding:clamp(16px,5vw,24px) clamp(12px,5%,20px)}.filter-title{color:#6c63ff;font-size:clamp(14px,3.5vw,16px);font-weight:500;margin-bottom:clamp(12px,3vw,16px);letter-spacing:.02em}.filter-input{width:100%;height:clamp(44px,7vw,48px);padding:0 clamp(12px,4%,16px);border:1px solid #E0E0E8;border-radius:8px;font-size:clamp(14px,3.5vw,15px);color:#2a2a3c;background-color:#fff;transition:all .2s ease}.filter-input:focus{outline:none;border-color:#6c63ff;box-shadow:0 0 0 2px #6c63ff14}.filter-input::placeholder{color:#b0b0c0}.filter-divider{height:1px;background-color:#f0f0f5!important;width:100%}.dropdown-container{position:relative;width:100%}.dropdown-button{width:100%;height:clamp(44px,7vw,48px);padding:0 clamp(12px,4%,16px);border:1px solid #E0E0E8;border-radius:8px;font-size:clamp(14px,3.5vw,15px);color:#2a2a3c;background-color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.dropdown-button:hover{border-color:#d0d0e0}.dropdown-selected{text-transform:capitalize;font-weight:400}.dropdown-icon{color:#8e8ea0}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;border:1px solid #E0E0E8;border-radius:8px;background-color:#fff;box-shadow:0 4px 16px #00000014;z-index:40;overflow:hidden}.dropdown-item{padding:clamp(10px,3vw,12px) clamp(12px,4%,16px);font-size:clamp(14px,3.5vw,15px);color:#2a2a3c;cursor:pointer;transition:all .15s ease;min-height:44px}.dropdown-item:hover{background-color:#f8f8fc}.dropdown-item.active{background-color:#6c63ff14;color:#6c63ff;font-weight:500}.slider-container{position:relative;width:100%;height:clamp(44px,7vw,48px);display:flex;flex-direction:column;align-items:center}.slider-track-container{position:relative;width:100%;height:clamp(44px,7vw,48px);display:flex;align-items:center}.slider-track{position:absolute;width:100%;height:4px;background:#EFEFEF;border-radius:4px;pointer-events:none}.slider-fill{position:absolute;height:100%;background:#6C63FF;border-radius:4px;left:0;pointer-events:none;transition:width .3s ease}.creativity-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:clamp(44px,7vw,48px);background:transparent;outline:none;cursor:pointer;z-index:2;margin:0}.creativity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#6C63FF;cursor:pointer;border:3px solid white;box-shadow:0 0 0 1px #6c63ff33;transition:transform .2s ease,box-shadow .2s ease}.creativity-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 1px #6c63ff66,0 0 10px #6c63ff33}.creativity-slider::-webkit-slider-thumb:active{transform:scale(1.2);box-shadow:0 0 0 1px #6c63ff80,0 0 12px #6c63ff4d}.creativity-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#6C63FF;cursor:pointer;border:3px solid white;box-shadow:0 0 0 1px #6c63ff33;transition:transform .2s ease,box-shadow .2s ease}.creativity-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 1px #6c63ff66,0 0 10px #6c63ff33}.creativity-slider::-moz-range-thumb:active{transform:scale(1.2);box-shadow:0 0 0 1px #6c63ff80,0 0 12px #6c63ff4d}.slider-value{background:#F0F0F5;color:#5955a6;font-size:clamp(11px,3vw,12px);font-weight:500;padding:4px 8px;border-radius:4px;margin-top:8px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sidebar-footer{display:flex;flex-direction:column;padding:clamp(16px,5%,20px);border-top:1px solid #F0F0F5;gap:clamp(10px,3vw,12px);margin-top:auto}.advanced-search-toggle{display:flex;justify-content:center;border-top:1px solid #F0F0F5!important}.toggle-button{height:clamp(44px,7vw,48px);padding:0 clamp(12px,4%,16px);display:flex;align-items:center;gap:10px;background:#FFFFFF;border:1px solid rgba(108,99,255,.15);border-radius:8px;cursor:pointer;transition:all .2s ease;color:#6c63ff;font-weight:500;font-size:clamp(14px,3.5vw,15px);box-shadow:0 1px 2px #00000008;width:100%;justify-content:center}.toggle-button.active{background:#6C63FF;color:#fff;border-color:#6c63ff}.toggle-button:hover{border-color:#6c63ff}.toggle-button.active:hover{background:#5D56E0}.search-icon{transition:all .2s ease}.toggle-button.active .search-icon{color:#fff}.generate-button{height:clamp(44px,7vw,48px);padding:0 clamp(12px,4%,16px);display:flex;align-items:center;gap:10px;background:#00D9C0;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:clamp(14px,3.5vw,15px);box-shadow:0 2px 6px #00d9c033;width:100%;justify-content:center}.generate-button:hover{background:#00C2AB;transform:translateY(-1px);box-shadow:0 4px 10px #00d9c04d}.generate-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #00d9c01a}.generate-button.loading{position:relative;pointer-events:none}.button-loader{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-item{padding:clamp(12px,3.5vw,14px) clamp(12px,4%,16px);border-bottom:1px solid #F0F0F5!important;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.chat-item:hover{background-color:#5955a60a}.chat-item.active{background-color:#5955a614;border-left:3px solid #5955A6}.chat-item-content{flex:1}.chat-title{color:#5955a6;font-size:clamp(14px,3.5vw,15px);margin-bottom:4px;font-weight:500}.chat-date{color:#8e8ea0;font-size:clamp(12px,3vw,13px)}.delete-chat-btn{background:transparent;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.6;transition:all .2s ease;min-width:36px;min-height:36px}.delete-chat-btn:hover{opacity:1;background-color:#5955a614}.checkbox-container{display:flex;margin-top:8px}.checkbox-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;color:#2a2a3c;font-size:clamp(14px,3.5vw,15px)}.checkbox-input{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1px solid #E0E0E8;border-radius:4px;margin-right:10px;cursor:pointer;transition:all .2s ease;background-color:#fff}.checkbox-input:checked{background-color:#6c63ff;border-color:#6c63ff}.checkbox-input:checked:after{content:"";position:absolute;display:block;top:2px;left:6px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:hover{border-color:#6c63ff;box-shadow:0 0 0 2px #6c63ff14}.checkbox-input:focus{outline:none;box-shadow:0 0 0 3px #6c63ff1a}.checkbox-text{line-height:1.4}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#E9ECEF;border-radius:10px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#D0D0E0}@media (max-width: 480px){.sidebar{width:85vw;max-width:280px}.filter-section{padding:12px 16px}.filter-title{margin-bottom:10px}}@media (min-width: 481px) and (max-width: 768px){.sidebar{width:75vw;max-width:300px}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:320px}}@media (min-width: 1025px){.sidebar{width:340px}}@media (pointer: coarse){.chat-item,.dropdown-item,.close-button,.delete-chat-btn{min-height:44px}input,.dropdown-button,.filter-input,.generate-button,.toggle-button{min-height:44px;font-size:16px}}@supports (-webkit-touch-callout: none){.sidebar-content{-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px!important}}@supports (padding: max(0px)){.sidebar-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}.sidebar{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.chat-container{display:flex;flex-direction:column;min-height:calc(100vh - 60px);width:100%;max-width:900px;margin:0 auto;transition:width .3s ease;position:relative;z-index:5;padding-top:0}.messages-area{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:0 20px 120px;margin-top:60px;height:calc(100vh - 160px);position:relative}.messages-container{display:flex;flex-direction:column;gap:16px;width:100%;padding-top:10px;margin-bottom:20px}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 70px);padding:0 20px;margin-top:60px}.landing-page h1{color:#6c63ff;font-size:36px;margin-bottom:32px;font-weight:600;line-height:1.2}.input-section{padding:20px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 20%);width:100%}.input-section:not(.centered){position:fixed;bottom:0;left:0;right:0;z-index:10}.input-section.centered{position:relative;background:none;max-width:800px;margin:0 auto}.input-section-inner{max-width:900px;margin:0 auto;display:flex;gap:12px;align-items:center}.input-wrapper{flex:1;display:flex;gap:12px;align-items:center;background:#FFFFFF;padding:8px;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(108,99,255,.1)}.message-input{flex:1;height:48px;padding:0 24px;background:transparent;border:none;font-size:15px;color:#2a2a3c}.message-input:focus{outline:none}.message-input::placeholder{color:#a0a0b0}.message-input.disabled{color:#a0a0b0;font-style:italic;cursor:not-allowed}.message-input.disabled::placeholder{color:silver}.send-button{height:48px;padding:0 32px;background:#00D9C0;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.send-button:hover{background:#00C2AB;transform:translateY(-1px);box-shadow:0 4px 12px #00d9c033}.send-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.new-chat-button{height:48px;padding:0 24px;background:#6C63FF;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.new-chat-button:hover{background:#5955A6;transform:translateY(-1px);box-shadow:0 4px 12px #6c63ff33}.message-row{display:flex;width:100%;margin-bottom:16px;animation:fadeInMessage .3s ease forwards}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-bubble{max-width:90%;padding:16px 20px;border-radius:16px;line-height:1.5;font-size:15px;box-shadow:0 3px 12px #00000014;position:relative;transition:transform .2s ease,box-shadow .2s ease;word-wrap:break-word;overflow-wrap:break-word}.message-bubble:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.message-bubble.user{background:linear-gradient(135deg,#6C63FF 0%,#5A52D5 100%);color:#fff;border-bottom-right-radius:4px}.message-bubble.assistant{background:#FFFFFF;color:#2a2a3c;border:1px solid rgba(108,99,255,.1);border-bottom-left-radius:4px;white-space:normal;box-shadow:0 3px 12px #6c63ff0f}.script-content{font-family:Inter,-apple-system,sans-serif;line-height:1.5;white-space:normal}.script-title{font-weight:700;font-size:18px;color:#5955a6;margin:20px 0 16px;padding:8px 0;border-bottom:2px solid rgba(108,99,255,.2);letter-spacing:.01em;display:flex;align-items:center}.script-title:before{content:"🎬";margin-right:8px;font-size:20px}.script-element-header{font-weight:600;color:#5955a6;margin:15px 0 10px;word-wrap:break-word;overflow-wrap:break-word}.script-list-item,.script-line{margin:8px 0;line-height:1.5;white-space:normal}.script-note{margin:15px 0;padding:8px 12px;background-color:#6c63ff0d;border-radius:6px;border-left:3px solid #6C63FF}.note-label{font-weight:600;color:#5955a6;margin-right:4px}.script-space{height:16px}.content-divider{height:1px;background-color:#6c63ff1a;border:none;margin:12px 0}.list-number{font-weight:600;color:#6c63ff;margin-right:4px}.message-timestamp{font-size:11px;color:#0006;margin-top:6px;text-align:right;font-weight:400;letter-spacing:.02em;position:absolute;bottom:6px;right:12px}.message-row.user .message-timestamp{color:#ffffffb3}.streaming-message{position:relative;white-space:pre-wrap;word-break:break-word;animation:fadeIn .3s ease-in}.typing-cursor{display:inline-block;width:2px;height:16px;background-color:#6c63ff;margin-left:4px;vertical-align:middle;animation:blink .7s infinite;position:relative;top:2px}.message-bubble.streaming-message{padding-bottom:16px;background-color:#fffffff7;box-shadow:0 4px 15px #6c63ff1a;margin-top:15px}.typing-indicator{display:inline-block;width:20px;height:10px;position:relative}.typing-indicator:after{content:"...";font-size:18px;color:#6c63ff;animation:typingDots 1.5s infinite;position:absolute;left:0}.empty-bubble{min-height:48px;min-width:120px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#FFFFFF;border:1px solid rgba(108,99,255,.1)}.loading-bubble{background:#FFFFFF;padding:16px 24px;border-radius:16px 16px 16px 4px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(108,99,255,.1);box-shadow:0 2px 8px #0000000d}.loading-dots{display:flex;gap:6px}.loading-dots span{width:8px;height:8px;background-color:#6c63ff;border-radius:50%;animation:bounce 1.4s infinite ease-in-out;opacity:.6;display:inline-block}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.connection-status{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:100;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;color:#fff;box-shadow:0 4px 12px #00000026;animation:fadeIn .3s ease}.connection-status.connecting{background-color:#f59e0b}.connection-status.error,.connection-status.disconnected{background-color:#ef4444}.connection-status.failed{background-color:#991b1b}.connection-message{margin-top:16px;color:#6c63ff;opacity:.8;font-size:15px;text-align:center}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes typingDots{0%,20%{content:"."}40%,60%{content:".."}80%,to{content:"..."}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width: 768px){.messages-area{padding:0 15px 90px;margin-top:60px;height:calc(100vh - 150px)}.message-bubble{padding:14px 16px;font-size:14px}.input-wrapper{padding:6px}.message-input{height:44px;padding:0 16px;font-size:14px}.send-button{height:44px;padding:0 20px;font-size:14px}}.card-ctn{max-width:100%;padding:16px 20px;border-radius:16px;line-height:1.5;font-size:15px;position:relative;transition:transform .2s ease,box-shadow .2s ease;word-wrap:break-word;overflow-wrap:break-word;display:flex;flex-direction:column;align-content:center;gap:16px;justify-content:center}.choose-button{background:#6C63FF;color:#fff;font-weight:600;padding:.75rem 2rem;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:none;cursor:pointer;transition:all .3s ease-in-out;transform:translateY(0)}.radio-options-group{margin-top:16px;display:flex;flex-direction:column;gap:28px}.radio-option{margin:16px}.selected-radio{color:#6c63ff!important}.toggle-container{height:40px;background:#efefef;border-radius:20px;padding:4px;display:flex;align-items:center;gap:4px;box-shadow:2px 2px 2px #5955a61a}.toggle-option{padding:8px 20px;border-radius:16px;cursor:pointer;transition:all .2s ease;font-size:14px;white-space:nowrap;border:none}.toggle-option.active{background:#6C63FF;color:#fff}.toggle-option:not(.active){color:#6c63ff;background:transparent}.toggle-option:not(.active):hover{background:rgba(108,99,255,.1)}@media (max-width: 768px){.toggle-container{height:36px}.toggle-option{padding:6px 16px;font-size:13px}}.login-container{max-width:420px;min-width:320px;padding:40px;background:#FFFFFF;border-radius:16px;box-shadow:0 8px 30px #0000000f;margin:80px auto;animation:fadeIn .6s ease-out;border:1px solid rgba(108,99,255,.1)}.login-container h2{color:#6c63ff;font-size:28px;font-weight:600;margin-bottom:24px;text-align:center;letter-spacing:-.5px}.login-button{width:100%;height:50px;background:#6C63FF;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.login-button:hover{background:#5955A6;transform:translateY(-1px);box-shadow:0 6px 16px #6c63ff4d}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.or-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:#8e8ea0;font-size:14px}.or-divider:before,.or-divider:after{content:"";flex:1;border-bottom:1px solid #E0E0E8}.or-divider:before{margin-right:16px}.or-divider:after{margin-left:16px}.google-button{width:100%;height:50px;background:#FFFFFF;color:#5955a6;border:1px solid #E0E0E8;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000d}.google-button:hover{border-color:#6c63ff;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.google-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.signup-link,.back-link{margin-top:24px;text-align:center;font-size:15px;color:#5a5a6e}.signup-link a,.back-link a{color:#6c63ff;text-decoration:none;font-weight:500;transition:all .2s ease}.signup-link a:hover,.back-link a:hover{text-decoration:underline;color:#5955a6}@media (max-width: 480px){.login-container{padding:30px 20px;margin:40px auto;width:90%}.login-container h2{font-size:24px}.form-group input,.login-button,.google-button{height:46px}}.signup-container{max-width:420px;min-width:320px;padding:40px;background:#FFFFFF;border-radius:16px;box-shadow:0 8px 30px #0000000f;margin:80px auto;animation:fadeIn .6s ease-out;border:1px solid rgba(108,99,255,.1)}.signup-container h2{color:#6c63ff;font-size:28px;font-weight:600;margin-bottom:24px;text-align:center;letter-spacing:-.5px}.error-message{background-color:#ef44441a;color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid rgba(239,68,68,.2)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:15px;font-weight:500;color:#2a2a3c}.form-group input{width:100%;height:50px;padding:0 16px;font-size:15px;border:1px solid #E0E0E8;border-radius:8px;background-color:#fff;color:#2a2a3c;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#6c63ff;box-shadow:0 0 0 2px #6c63ff1a}.signup-button{width:100%;height:50px;background:#6C63FF;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.signup-button:hover{background:#5955A6;transform:translateY(-1px);box-shadow:0 6px 16px #6c63ff4d}.signup-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login-link,.back-link{margin-top:24px;text-align:center;font-size:15px;color:#5a5a6e}.login-link a,.back-link a{color:#6c63ff;text-decoration:none;font-weight:500;transition:all .2s ease}.login-link a:hover,.back-link a:hover{text-decoration:underline;color:#5955a6}.back-link{margin-top:16px;font-size:14px}.password-strength{margin-top:8px;font-size:13px;display:flex;align-items:center}.strength-meter{width:100%;height:4px;background:#E0E0E8;margin-top:4px;border-radius:2px;overflow:hidden}.strength-meter-fill{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.weak{width:33%;background-color:#ef4444}.medium{width:66%;background-color:#fbbf24}.strong{width:100%;background-color:#10b981}.password-requirements{font-size:12px;color:#8e8ea0;margin-top:8px;list-style-type:none;padding-left:0}.password-requirements li{margin-bottom:4px;display:flex;align-items:center}.password-requirements li:before{content:"•";color:#8e8ea0;font-size:14px;margin-right:8px}.requirement-met{color:#10b981}.requirement-met:before{content:"✓";color:#10b981}@media (max-width: 480px){.signup-container{padding:30px 20px;margin:40px auto;width:90%}.signup-container h2{font-size:24px}.form-group input,.signup-button{height:46px}}.legal-page-container{background-color:#f8f9fa;min-height:100vh;padding:40px 20px;font-family:Instrument Sans,sans-serif}.legal-container{max-width:900px;margin:0 auto;background-color:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:40px}.legal-title{color:#5955a6;font-size:36px;font-weight:600;margin-bottom:10px;text-align:center}.legal-last-updated{color:#8e8ea0;font-size:14px;text-align:center;margin-bottom:40px}.legal-content{color:#2a2a3c;line-height:1.6}.legal-section{margin-bottom:32px}.legal-section h2{color:#5955a6;font-size:24px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(89,85,166,.2)}.legal-section h3{color:#5955a6;font-size:18px;font-weight:600;margin-top:20px;margin-bottom:12px}.legal-section p{margin-bottom:16px}.legal-section ul{margin-left:20px;margin-bottom:20px}.legal-section li{margin-bottom:8px}.legal-section a{color:#6c63ff;text-decoration:none;transition:color .2s}.legal-section a:hover{color:#5955a6;text-decoration:underline}.legal-footer{margin-top:40px;padding-top:20px;border-top:1px solid rgba(89,85,166,.2);display:flex;justify-content:space-between}.legal-back-link,.legal-related-link{color:#6c63ff;text-decoration:none;font-size:16px;font-weight:500;transition:color .2s;display:inline-flex;align-items:center}.legal-back-link:hover,.legal-related-link:hover{color:#5955a6;text-decoration:underline}@media (max-width: 768px){.legal-container{padding:30px 20px}.legal-title{font-size:28px}.legal-section h2{font-size:22px}.legal-section h3{font-size:16px}}.footer-legal{padding:20px 0;text-align:center;margin-top:40px}.footer-link{color:#5955a6;text-decoration:none;font-size:14px;transition:color .2s}.copyright{color:#8e8ea0;font-size:14px;margin-left:10px}.terms-checkbox-container{margin-top:15px;margin-bottom:20px}.terms-checkbox-label{display:flex;align-items:flex-start;cursor:pointer}.terms-checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1px solid #8E8EA0;border-radius:4px;margin-right:12px;margin-top:2px;cursor:pointer;transition:all .2s ease;position:relative;background-color:#fff}.terms-checkbox-input:checked{background-color:#6c63ff;border-color:#6c63ff}.terms-checkbox-input:checked:after{content:"";position:absolute;display:block;top:2px;left:6px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.terms-checkbox-input:focus{outline:none;box-shadow:0 0 0 2px #6c63ff33}.terms-checkbox-text{font-size:14px;line-height:1.4;color:#5a5a6e}.terms-checkbox-text a{color:#6c63ff;text-decoration:none;font-weight:500;transition:color .2s}.terms-checkbox-text a:hover{color:#5955a6;text-decoration:underline}.landing-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#F8F9FA 0%,#FFFFFF 100%);padding:20px}.landing-content{flex:1;max-width:1000px;width:100%;margin:0 auto;text-align:center;animation:fadeIn .8s ease-out;padding:60px 20px}.landing-header{margin-bottom:60px}.landing-header h1{font-size:3.5rem;font-weight:600;color:#2a2a3c;margin-bottom:16px;letter-spacing:-.5px}.landing-header .highlight{color:#6c63ff}.tagline{font-size:1.4rem;color:#5955a6;opacity:.8;max-width:600px;margin:0 auto}.feature-section{display:flex;justify-content:center;gap:40px;margin:60px 0;flex-wrap:wrap}.feature{background:#FFFFFF;padding:30px;border-radius:16px;box-shadow:0 8px 30px #0000000f;max-width:280px;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(108,99,255,.1)}.feature:hover{transform:translateY(-5px);box-shadow:0 12px 30px #5955a61f}.feature-icon{margin-bottom:20px;display:flex;justify-content:center}.feature h3{font-size:1.2rem;font-weight:600;color:#6c63ff;margin-bottom:12px}.feature p{color:#5a5a6e;line-height:1.5;font-size:.95rem}.auth-buttons{display:flex;gap:16px;justify-content:center;margin-top:40px}.auth-button{padding:12px 32px;font-size:1rem;font-weight:500;border-radius:12px;text-decoration:none;transition:all .2s ease;cursor:pointer}.auth-button.login{background-color:#fff;color:#6c63ff;border:1px solid rgba(108,99,255,.3);box-shadow:0 2px 8px #0000000d}.auth-button.signup{background-color:#6c63ff;color:#fff;border:1px solid #6C63FF;box-shadow:0 4px 12px #6c63ff33}.auth-button.login:hover{background-color:#6c63ff0d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.auth-button.signup:hover{background-color:#5955a6;transform:translateY(-2px);box-shadow:0 6px 16px #6c63ff4d}.landing-footer{margin-top:auto;width:100%}.footer-legal{max-width:1000px;margin:0 auto;padding:20px;text-align:center;border-top:1px solid rgba(108,99,255,.1)}.footer-links{margin-bottom:16px}.footer-link{color:#5955a6;text-decoration:none;font-size:14px;transition:color .2s ease}.footer-link:hover{color:#6c63ff;text-decoration:underline}.divider{margin:0 10px;color:#8e8ea0}.footer-copyright{color:#8e8ea0;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.landing-header h1{font-size:2.5rem}.tagline{font-size:1.1rem}.feature-section{flex-direction:column;align-items:center;gap:24px}.feature{padding:24px;max-width:100%;width:100%}.auth-buttons{flex-direction:column;align-items:center;gap:12px}.auth-button{width:100%;max-width:300px;text-align:center}}.terms-page-container{display:flex;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;background-color:#f8f9fa;color:#333;line-height:1.6}.terms-sidebar{width:300px;padding:40px 20px;background-color:#f8f9fa;border-right:1px solid rgba(108,99,255,.1);position:sticky;top:0;height:100vh;overflow-y:auto}.terms-sidebar h2{font-size:18px;font-weight:600;margin-bottom:20px;color:#5955a6;letter-spacing:-.02em}.sidebar-nav{list-style:none;padding-left:0;margin-bottom:40px;counter-reset:section}.sidebar-nav li{position:relative;margin-bottom:14px;line-height:1.4;padding-left:35px;transition:transform .2s ease}.sidebar-nav li:hover{transform:translate(2px)}.sidebar-nav li:before{counter-increment:section;content:counter(section) ".";position:absolute;left:0;color:#6c63ff;font-weight:600}.sidebar-nav a{color:#2a2a3c;text-decoration:none;font-size:15px;display:inline-block;transition:color .2s ease}.sidebar-nav a:hover{color:#6c63ff}.sidebar-links{margin-top:50px;border-top:1px solid rgba(108,99,255,.1);padding-top:30px}.sidebar-link-header{margin-top:30px;margin-bottom:16px}.sidebar-link-header h2{font-size:16px;font-weight:600;color:#5955a6}.sidebar-link-list{list-style-type:none;padding-left:0}.sidebar-link-list li{margin-bottom:12px}.sidebar-link-list a{color:#2a2a3c;text-decoration:none;font-size:15px;display:block;padding:8px 15px;border-radius:8px;transition:all .2s ease}.sidebar-link-list a:hover{background-color:#6c63ff0d;color:#6c63ff}.sidebar-link-list a.active{background-color:#6c63ff14;color:#6c63ff;font-weight:500}.terms-content{flex:1;padding:40px 60px 80px;max-width:900px;background:#FFFFFF;box-shadow:0 4px 30px #00000008}.terms-content h1{font-size:38px;font-weight:700;margin-bottom:20px;color:#2a2a3c;letter-spacing:-.03em;position:relative;padding-bottom:15px}.terms-content h1:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#6C63FF 0%,#5955A6 100%);border-radius:2px}.version-date{margin-bottom:40px;color:#8e8ea0;font-size:14px;font-weight:500}.terms-introduction{margin-bottom:50px;font-size:16px;line-height:1.7}.terms-introduction p{margin-bottom:20px}.terms-section{margin-bottom:60px;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.terms-section h2{font-size:28px;font-weight:600;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(108,99,255,.1);color:#5955a6;letter-spacing:-.02em;display:flex;align-items:center}.terms-section h2:before{content:attr(id);margin-right:12px;font-weight:700;color:#6c63ff}.terms-section h3{font-size:20px;font-weight:600;margin-top:30px;margin-bottom:15px;color:#5955a6}.terms-section p{margin-bottom:20px;line-height:1.8;font-size:16px;color:#2a2a3c}.terms-section a{color:#6c63ff;text-decoration:none;border-bottom:1px dashed rgba(108,99,255,.3);transition:border-color .2s ease,color .2s ease;padding-bottom:2px}.terms-section a:hover{color:#5955a6;border-bottom:1px solid rgba(108,99,255,.8)}.terms-section ol,.terms-section ul{margin-bottom:25px;padding-left:20px}.terms-section li{margin-bottom:12px;line-height:1.7;position:relative}.terms-section ul li:before{content:"•";color:#6c63ff;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.terms-section address{margin:25px 0;font-style:normal;line-height:1.7;background-color:#6c63ff0d;padding:20px;border-radius:8px;border-left:4px solid #6C63FF}.terms-callout{background-color:#6c63ff0d;border-left:4px solid #6C63FF;padding:20px 25px;margin:30px 0;border-radius:8px}.terms-callout p:last-child{margin-bottom:0}.terms-highlight{font-weight:500;color:#5955a6}@media (max-width: 1024px){.terms-page-container{flex-direction:column}.terms-sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid rgba(108,99,255,.1);padding:20px}.terms-content{padding:30px 25px}.terms-content h1{font-size:32px}.terms-section h2{font-size:24px}}@media (max-width: 768px){.terms-content h1{font-size:28px}.terms-section h2{font-size:22px}.terms-section p,.terms-introduction p{font-size:15px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(108,99,255,.05)}::-webkit-scrollbar-thumb{background:rgba(108,99,255,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(108,99,255,.3)}:root{font-family:Instrument Sans,sans-serif;line-height:1.5;font-weight:400;letter-spacing:.1em;color-scheme:light;color:#5955a6;background-color:#b8b8ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#b8b8ff;color:#5955a6}#root{width:100%;height:100vh}button{background-color:#fff;border:none;font-family:Instrument Sans,sans-serif;cursor:pointer}@media (prefers-color-scheme: dark){:root{color:#5955a6;background-color:#b8b8ff}button{background-color:#fff}}