@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap);code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.public-info-layout{background-color:#0d0d1a;height:100vh;overflow-y:auto}.public-home-layout{height:100%}@font-face{font-family:American Captain;src:url(/static/media/AmericanCaptain.2a2c41e6bca0465d8b75.ttf) format("truetype")}@font-face{font-family:Bakbak One;src:url(/static/media/BakbakOne.7dea4ba30d3041673c71.ttf) format("truetype")}@font-face{font-family:Bangers;src:url(/static/media/Bangers.f0f1f39c39ee2df57fd7.ttf) format("truetype")}@font-face{font-family:Bebas Neue;src:url(/static/media/BebasNeue.12e3683f9192436a7be8.ttf) format("truetype")}@font-face{font-family:Bungee;src:url(/static/media/Bungee.b3fe5488c24130233917.ttf) format("truetype")}@font-face{font-family:Caveat;src:url(/static/media/Caveat.31f0a02d84d42627c894.ttf) format("truetype")}@font-face{font-family:Creepster;src:url(/static/media/Creepster.7e29388744fe1602e58c.ttf) format("truetype")}@font-face{font-family:Jua;src:url(/static/media/Jua.03f46d33c377b251ab15.ttf) format("truetype")}@font-face{font-family:Knewave;src:url(/static/media/Knewave.1db5694b7a2fc23ca86b.ttf) format("truetype")}@font-face{font-family:Luckiest Guy;src:url(/static/media/LuckiestGuy.fd5a8f5e455b026973fc.ttf) format("truetype")}@font-face{font-family:Montserrat;src:url(/static/media/Montserrat.4df14eb5e72bf55c4497.ttf) format("truetype")}@font-face{font-family:Noto Sans;src:url(/static/media/NotoSans.0e023bdf2fa0b6117356.ttf) format("truetype")}@font-face{font-family:Open Sans;src:url(/static/media/OpenSans.19ba637387f1d6142f55.ttf) format("truetype")}@font-face{font-family:Permanent Marker;src:url(/static/media/PermanentMarker.109a10dca0508e41aa12.ttf) format("truetype")}@font-face{font-family:Rampart One;src:url(/static/media/RampartOne.f1166ee087b5c9014cda.ttf) format("truetype")}@font-face{font-family:Ranchers;src:url(/static/media/Ranchers.87c66ad308026ad6b219.ttf) format("truetype")}@font-face{font-family:Titan One;src:url(/static/media/TitanOne.465442311c8eb8cd5fe8.ttf) format("truetype")}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.admin-dashboard{background-color:#f0f4f8;min-height:100vh;padding:2rem}.admin-header{color:#1a2e35;font-size:2.5rem;font-weight:800;margin-bottom:2rem}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.stat-card{background:#fff;border-radius:16px;box-shadow:0 8px 25px #0000000d;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 12px 30px #00000014}.stat-icon{font-size:1.8rem}.stat-icon.users{background-color:#e0f7fa;color:#007bff}.stat-info p{color:#5a6474;font-size:.9rem;margin:0}.stat-info span{color:#1a2e35;font-size:2rem;font-weight:700}.management-section{background:#fff;border-radius:16px;box-shadow:0 8px 25px #0000000d;padding:2rem}.section-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h2{color:#1a2e35;font-size:1.5rem;margin:0}.refresh-btn{background:none;border:none;color:#5a6474;cursor:pointer;font-size:1.2rem;transition:color .2s,transform .3s}.refresh-btn:hover{color:#007bff;transform:rotate(180deg)}.user-table-container{overflow-x:auto}.user-table{border-collapse:collapse;width:100%}.user-table td,.user-table th{border-bottom:1px solid #e9ecef;padding:1rem;text-align:left;vertical-align:middle}.user-table th{color:#5a6474;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.user-table tbody tr:hover{background-color:#f8f9fa}.role,.status{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .6rem}.status.active{background-color:#d4edda;color:#155724}.status.suspended{background-color:#f8d7da;color:#721c24}.role.admin{background-color:#cce5ff;color:#004085}.role.user{background-color:#e2e3e5;color:#383d41}.action-buttons{gap:.5rem}.cancel-btn,.edit-btn,.save-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;padding:.5rem;transition:background-color .2s}.edit-btn{color:#007bff}.edit-btn:hover{background-color:#e7f3ff}.save-btn{color:#28a745}.save-btn:hover{background-color:#d4edda}.cancel-btn{color:#dc3545}.cancel-btn:hover{background-color:#f8d7da}.edit-input{border:1px solid #ced4da;border-radius:6px;padding:.4rem;width:80px}.edit-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.admin-error,.admin-loading{color:#5a6474;font-size:1.2rem;padding:3rem;text-align:center}.admin-error{color:#721c24}.stat-icon.videos{background-color:#d1e7dd;color:#198754}.stat-icon.images{background-color:#fff3cd;color:#ffc107}.stat-icon.tts{background-color:#f8d7da;color:#dc3545}.admin-tabs{border-bottom:2px solid #e9ecef;margin-bottom:2rem}.admin-tabs,.tab-btn{display:flex;gap:.5rem}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#5a6474;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transform:translateY(2px)}.tab-btn.active{border-bottom-color:#007bff;color:#007bff}.section-actions{gap:1rem}.search-bar,.section-actions{align-items:center;display:flex}.search-bar{background:#f0f4f8;border-radius:20px;gap:.5rem;padding:.5rem 1rem}.search-bar input{background:#0000;border:none;font-size:.9rem;outline:none}.search-bar svg{color:#5a6474}.announcement-form{border-bottom:1px solid #e9ecef;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.announcement-form input,.announcement-form textarea{border:1px solid #ced4da;border-radius:8px;font-size:1rem;padding:.8rem}.announcement-form button{align-items:center;align-self:flex-start;background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.7rem 1.5rem}.announcement-list{display:flex;flex-direction:column;gap:1rem}.announcement-item{align-items:flex-start;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.announcement-item h3,.announcement-item p{margin:0 0 .5rem}.delete-btn{color:#dc3545;padding:.5rem}.delete-btn:hover{background-color:#f8d7da}.stat-card{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:auto 1fr auto}.stat-info{display:flex;flex-direction:column}.stat-lifetime{color:#5a6474;font-size:.8rem;margin-top:4px}.stat-graph{height:50px;opacity:.8;width:100px}.announcement-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.announcement-item small{color:#5a6474;display:block;margin-top:.5rem;word-break:break-all}.leaderboard-filters{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.leaderboard-filters select{background-color:#f8f9fa}.date-picker-input,.leaderboard-filters select{border:1px solid #ced4da;border-radius:8px;font-size:.9rem;padding:.6rem 1rem}.date-picker-input{width:220px}.auth-page{align-items:center;background:#f8fafc;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-bg .auth-glow{animation:pulse 10s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 20%,#6366f12e,#0000 70%),radial-gradient(circle at 80% 70%,#22c55e2e,#0000 70%);filter:blur(40px);height:900px;position:absolute;width:900px}.auth-bg .auth-grid{background-image:linear-gradient(90deg,#0000000a 1px,#0000 0),linear-gradient(180deg,#0000000a 1px,#0000 0);background-size:60px 60px;inset:0;position:absolute}.auth-container{max-width:460px;padding:20px;position:relative;width:100%;z-index:2}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #fff9;border-radius:20px;box-shadow:0 16px 44px #00000014;padding:38px 30px;text-align:center}.auth-header{margin-bottom:22px}.auth-logo{font-size:40px;margin-bottom:4px}.auth-title{color:#0f172a;font-size:24px;font-weight:800;margin:0}.auth-sub{color:#64748b;font-size:14px;margin:6px 0 0}.auth-ref-pill{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 8px 24px #0f172a0f;color:#0f172a;display:inline-flex;font-size:13px;gap:8px;margin:4px 0 12px;padding:8px 12px}.auth-divider-or{align-items:center;color:#94a3b8;display:flex;font-size:12px;font-weight:600;gap:12px;margin:14px 0}.auth-divider-or:after,.auth-divider-or:before{background:#e2e8f0;content:"";flex:1 1;height:1px}@media (max-width:480px){.auth-card{border-radius:16px;padding:28px 18px}.auth-title{font-size:22px}}.auth-brand-section{display:none!important}:root{--sidebar-width:264px;--sidebar-width-collapsed:92px;--sidebar-bg:#ffffffb8;--sidebar-border-color:#0f172a14;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#94a3b8;--radius:14px}.sidebar{backdrop-filter:blur(18px) saturate(1.05);-webkit-backdrop-filter:blur(18px) saturate(1.05);background:#ffffffb8;background:var(--sidebar-bg);border-right:1px solid #0f172a14;border-right:1px solid var(--sidebar-border-color);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:100vh;justify-content:space-between;padding:22px 18px;position:-webkit-sticky;position:sticky;top:0;transition:width .25s ease,padding .25s ease;width:264px;width:var(--sidebar-width);z-index:100}.sidebar:before{background:linear-gradient(180deg,#4f46e540,#22c55e2e);content:"";inset:0 -1px 0 auto;opacity:.45;position:absolute;width:1px}.sidebar.collapsed{padding:22px 14px;width:92px;width:var(--sidebar-width-collapsed)}.sidebar-header{height:44px;justify-content:center;margin-bottom:20px}.logo-wrapper,.sidebar-header{align-items:center;display:flex}.logo-wrapper{gap:10px;line-height:1.15}.logo-mark{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--brand),var(--violet));border-radius:8px;box-shadow:0 18px 44px #0f172a1a;box-shadow:var(--shadow);color:#fff;display:grid;font-size:14px;font-weight:900;height:28px;place-items:center;width:28px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4f46e5,#22c55e);background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;font-size:18px;font-weight:900;letter-spacing:-.02em;margin:0;white-space:nowrap}.sidebar.collapsed .logo-text{display:none}.back-to-main-nav{align-items:center;background:none;border:none;color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:800;gap:10px;margin:0;padding:0}.sidebar.collapsed .back-to-main-nav span{display:none}.sidebar-nav{flex-grow:1;gap:18px}.nav-group,.sidebar-nav{display:flex;flex-direction:column}.nav-group{gap:6px}.nav-group-title{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;padding:4px 12px 8px;text-transform:uppercase;white-space:nowrap}.nav-item{align-items:center;border:1px solid #0000;border-radius:14px;border-radius:var(--radius);color:#334155;color:var(--text-secondary);display:flex;font-size:15px;font-weight:600;gap:14px;padding:12px;position:relative;text-decoration:none;transition:transform .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:center}.nav-item:before{background:#0000;border-radius:99px;bottom:10px;content:"";left:6px;opacity:0;position:absolute;top:10px;transition:background .15s ease,opacity .15s ease;width:3px}.nav-item:hover{background:#4f46e514;border-color:#0f172a0f}.nav-item.active,.nav-item:hover{color:#0f172a;color:var(--text-primary)}.nav-item.active{background:linear-gradient(0deg,#4f46e51a,#22c55e1a);border-color:#0f172a14;box-shadow:0 10px 28px #0f172a14}.nav-item.active:before{background:linear-gradient(180deg,#4f46e5,#22c55e);background:linear-gradient(180deg,var(--brand),var(--brand-2));opacity:1}.nav-item-icon{color:#4f46e5;color:var(--brand);display:grid;font-size:20px;height:26px;place-items:center;width:26px}.nav-text{opacity:1;transition:opacity .15s ease}.sidebar.collapsed .nav-text{opacity:0;pointer-events:none;position:absolute}.pin-btn{background:none;border:none;border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;margin-left:auto;opacity:0;padding:6px;transition:opacity .15s ease,background-color .15s ease,color .15s ease}.nav-item:hover .pin-btn{opacity:1}.pin-btn:hover{background:#4f46e51a;color:#4f46e5;color:var(--brand)}.sidebar-footer{position:relative}.user-actions-wrapper{align-items:center;border-radius:14px;border-radius:var(--radius);display:flex;gap:8px;padding:6px;transition:background-color .15s ease}.user-actions-wrapper:hover{background:#0f172a0a}.sidebar.collapsed .user-actions-wrapper{flex-direction:column-reverse;gap:12px}.user-profile-button{align-items:center;background:#fff;border:1px solid #0f172a0f;border-radius:10px;cursor:pointer;display:flex;flex-grow:1;gap:12px;padding:6px;text-align:left;transition:box-shadow .15s ease,transform .1s ease}.user-profile-button:hover{box-shadow:0 18px 44px #0f172a1a;box-shadow:var(--shadow)}.user-avatar{color:#0f172a;color:var(--text-primary);font-size:28px}.user-info{display:flex;flex-direction:column;line-height:1.25;overflow:hidden}.user-name{color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:800}.profile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #0f172a14;border:1px solid var(--sidebar-border-color);border-radius:16px;bottom:calc(100% + 10px);box-shadow:0 14px 40px #0f172a26;left:0;opacity:0;overflow:hidden;padding:8px;position:absolute;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;visibility:hidden;width:228px;z-index:101}.profile-menu.open{opacity:1;transform:translateY(0);visibility:visible}.profile-menu-overlay{inset:0;position:fixed;z-index:99}.profile-menu-item{align-items:center;background:none;border:none;border-radius:10px;color:#334155;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;padding:10px 12px;text-align:left;text-decoration:none;width:100%}.profile-menu-item:hover{background:#4f46e51a;color:#0f172a;color:var(--text-primary)}.profile-menu-item.logout-item{color:#e03131}.profile-menu-divider{background:#0f172a14;background:var(--sidebar-border-color);height:1px;margin:6px 0}.sidebar-toggle{background:#fff;border:1px solid #0f172a14;border-radius:999px;box-shadow:0 6px 16px #0f172a1f;color:#334155;color:var(--text-secondary);cursor:pointer;display:grid;height:30px;left:100%;place-items:center;position:absolute;top:22px;transform:translateX(-50%);transition:transform .15s ease,background .15s ease,color .15s ease;width:30px;z-index:101}.sidebar-toggle:hover{background:linear-gradient(90deg,#4f46e5,#22c55e);background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;transform:translateX(-50%) scale(1.06)}@media (max-width:768px){.sidebar{position:fixed;transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}}.notification-bell-container{position:relative}.notification-bell-button{align-items:center;background:none;border:none;color:var(--sidebar-text-color);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;position:relative;transition:color .2s ease}.notification-bell-button:hover{color:var(--primary-color)}.notification-badge{align-items:center;background-color:#ff3b30;border:2px solid var(--sidebar-bg-color);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:2px;top:2px;width:16px}.notification-dropdown-overlay{background:#0000;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1009}.notification-dropdown{animation:fadeIn .2s ease-out;background-color:#fff;border:1px solid #e9ecef;border-radius:14px;bottom:70px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;position:fixed;right:20px;width:360px;z-index:1010}.notification-header{border-bottom:1px solid #e9ecef;padding:12px 16px}.notification-header h3{font-size:16px;margin:0}.notification-list{max-height:400px;overflow-y:auto}.notification-item-link{color:inherit;display:block;text-decoration:none}.notification-item{align-items:center;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.notification-item:not(.empty):hover{background-color:#f8f9fa}.notification-item.empty{color:#6c757d;justify-content:center;padding:30px 16px}.notification-icon{flex-shrink:0;font-size:20px}.notification-icon.success{color:#28a745}.notification-icon.error{color:#dc3545}.notification-icon.processing{color:#007bff}.notification-content p{font-size:14px;font-weight:500;line-height:1.4;margin:0}.notification-content small{color:#6c757d;font-size:12px}.modal-overlay{animation:fadeIn .3s ease-out forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0009;box-sizing:border-box;padding:20px;z-index:2000}.announcement-card{animation:slideUp .4s ease-out forwards;background:#fff;border-radius:20px;box-shadow:0 15px 40px #0003;display:flex;flex-direction:column;max-width:500px;overflow:hidden;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-btn{background:#0000004d;color:#fff;position:absolute;right:15px;top:15px;transition:background-color .2s ease;z-index:10}.close-btn:hover{background:#00000080}.announcement-img{border-bottom:1px solid #eee;height:220px;object-fit:cover;width:100%}.announcement-content{padding:30px;text-align:center}.announcement-content h2{color:#1c1e21;font-size:1.8em;font-weight:700;margin-bottom:15px;margin-top:0}.announcement-content p{color:#6c757d;font-size:1em;line-height:1.6;margin-bottom:25px}.cta-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1em;font-weight:600;gap:10px;justify-content:center;padding:12px 25px;text-decoration:none;transition:all .2s ease}.cta-btn:hover{box-shadow:0 7px 20px #8a2be24d;transform:translateY(-3px)}:root{--primary-color:#8a2be2;--primary-gradient:linear-gradient(90deg,#8a2be2,#4c63f7);--secondary-color:#00d1ff;--bg-color:#f7f7f9;--card-bg-color:#fff9;--card-border-color:#e6e6e6cc;--text-primary:#1a1a2e;--text-secondary:#000;--border-color:#e9ecef;--sidebar-bg:#fff;--shadow-sm:0 4px 15px #0000000d;--shadow-md:0 8px 30px #0000001a;--border-radius-md:12px;--border-radius-lg:20px}body{background-color:#f7f7f9;background-color:var(--bg-color);color:#1a1a2e;color:var(--text-primary);font-family:Inter,sans-serif;overflow-y:auto}.app-layout{display:flex;min-height:100vh;position:relative;width:100%}.app-layout:before{animation:animateBackground 30s ease-in-out infinite alternate;background:radial-gradient(circle at 15% 25%,#8a2be212,#0000 40%),radial-gradient(circle at 85% 75%,#00d1ff17,#0000 40%);bottom:0;content:"";left:0;position:fixed;right:0;top:0;transform:scale(1.2);z-index:-1}@keyframes animateBackground{0%{transform:rotate(0deg) scale(1.2)}to{transform:rotate(1turn) scale(1.4)}}.content-area{box-sizing:border-box;flex-grow:1;height:100vh;overflow-y:auto;padding-bottom:50px}.app-layout.sidebar-collapsed .content-area{transition:margin-left .3s ease-in-out}:root{--brand-2:#22c55e;--violet:#7c3aed;--radius:16px;--page-padding:clamp(16px,3.2vw,32px);--container-max:1200px}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg);color:#0f172a;color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial;margin:0}img,video{display:block;height:auto;max-width:100%}.csai-container{margin:0 auto;max-width:1200px;max-width:var(--container-max);padding:0 clamp(16px,3.2vw,32px);padding:0 var(--page-padding)}.csai-root{overflow-x:hidden;position:relative}.csai-header{-webkit-backdrop-filter:saturate(1.1) blur(8px);backdrop-filter:saturate(1.1) blur(8px);background:#ffffffbf;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:60}.csai-nav{gap:12px;height:72px;justify-content:space-between;padding:0 clamp(16px,3.2vw,32px);padding:0 var(--page-padding)}.csai-brand,.csai-nav{align-items:center;display:flex}.csai-brand{color:#0f172a;color:var(--text);flex:0 0 auto;gap:10px;text-decoration:none}.csai-logo{font-size:20px}.csai-brand-text{font-weight:800;letter-spacing:-.02em}.csai-nav-links,.csai-nav-right{align-items:center;display:flex;gap:12px}.csai-nav-link{border-radius:10px;color:#64748b;color:var(--muted);font-size:15px;font-weight:500;padding:8px 12px;text-decoration:none}.csai-nav-link:hover{background:#f3f4f6;color:#0f172a;color:var(--text)}@media (max-width:720px){.csai-nav{height:64px}.csai-nav-links{display:none}.csai-nav-right>.csai-button{display:inline-flex}}.csai-button{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;color:#0f172a;color:var(--text);display:inline-flex;font-size:15px;font-weight:700;gap:10px;padding:10px 16px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.csai-button--primary{background:linear-gradient(90deg,#4f46e5,#6366f1);background:linear-gradient(90deg,var(--brand),#6366f1);border-color:#0000;box-shadow:0 16px 44px #0f172a14;box-shadow:var(--shadow);color:#fff}.csai-button--ghost{background:#fff}.csai-button--lg{border-radius:14px;font-size:16px;padding:14px 20px}.csai-button:active{transform:translateY(0)}.csai-badge{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:999px;color:#64748b;color:var(--muted);display:inline-flex;font-size:14px;font-weight:600;gap:10px;left:50%;margin-bottom:16px;padding:8px 14px;position:relative;transform:translateX(-50%)}.csai-hero{overflow:hidden;padding:clamp(48px,9.5vw,120px) 0 clamp(20px,6vw,48px);position:relative}.csai-ambient{inset:0;pointer-events:none;position:absolute;z-index:-1}.csai-gridglow{background:radial-gradient(1200px 400px at 20% 0,#4f46e51f,#0000 60%),radial-gradient(900px 300px at 90% 10%,#22c55e1a,#0000 60%),#fff;inset:-20% -10% -10% -10%;-webkit-mask:linear-gradient(#000,#0000 80%);mask:linear-gradient(#000,#0000 80%);position:absolute}.csai-particles{inset:0;overflow:hidden;position:absolute}.csai-particles span{--d:6s;--x:0%;animation:drop var(--d) linear infinite;background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--brand),var(--violet));border-radius:999px;filter:blur(.2px);height:7px;left:var(--x);opacity:.28;position:absolute;top:-20px;width:7px}@keyframes drop{0%{transform:translateY(-20px)}to{transform:translateY(110vh)}}.csai-hero-title{font-size:clamp(28px,6.2vw,56px);font-weight:900;letter-spacing:-.03em;line-height:1.02;margin:0 0 12px;padding:0 8px;text-align:center}.csai-ink{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4f46e5,#22c55e);background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.csai-ink:after{background:linear-gradient(90deg,#4f46e538,#22c55e38);border-radius:999px;bottom:-6px;content:"";filter:blur(8px);height:8px;left:0;position:absolute;right:0}.csai-grad-text{-webkit-text-fill-color:#0000;animation:hue 9s ease-in-out infinite alternate;background:linear-gradient(90deg,#4f46e5,#22c55e);background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;display:inline-block}@keyframes hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(18deg)}}.csai-hero-sub{color:#64748b;color:var(--muted);font-size:clamp(14px,1.8vw,18px);line-height:1.6;margin:0 auto 20px;max-width:820px;padding:0 12px;text-align:center}.csai-hero-ctas{display:flex;gap:12px;justify-content:center;margin:18px 0 34px}.csai-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:8px auto 26px;max-width:980px}.csai-stat{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 44px #0f172a14;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;min-height:90px;overflow:hidden;padding:14px;position:relative}.csai-stat-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--brand),var(--violet));border-radius:10px;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;margin-bottom:6px;width:40px}.csai-stat-num{font-size:clamp(18px,2.4vw,24px);font-weight:800}.csai-stat-label{color:#64748b;color:var(--muted);font-size:13px}.csai-hero-media{grid-gap:16px;display:grid;gap:16px;margin-top:16px}.csai-hero-media.only-images{grid-template-columns:1fr}.csai-hero-imgs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}@media (max-width:980px){.csai-hero-imgs{grid-template-columns:1fr}}.csai-hero-imgs img{border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 44px #0f172a14;box-shadow:var(--shadow);height:clamp(180px,28vw,420px);object-fit:cover;width:100%}.csai-section{padding:clamp(40px,6.5vw,80px) 0}.csai-section--tint{background:#f6f8fb;background:var(--bg-tint)}.csai-section-title{font-size:clamp(20px,3.4vw,34px);letter-spacing:-.02em;margin:0 0 8px;text-align:center}.csai-section-sub{color:#64748b;color:var(--muted);line-height:1.6;margin:0 auto 28px;max-width:760px;padding:0 8px;text-align:center}.csai-features{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1150px}.csai-feature{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 44px #0f172a14;box-shadow:var(--shadow);color:inherit;display:flex;flex-direction:column;justify-content:space-between;min-height:360px;padding:16px;position:relative;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}@media (max-width:420px){.csai-feature{min-height:320px}}.csai-feature:hover{border-color:#d1d5db;box-shadow:0 20px 48px #00000014;transform:translateY(-6px)}.csai-feature-top{margin-bottom:10px}.csai-feature-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--brand),var(--violet));border-radius:12px;color:#fff;display:flex;font-size:22px;height:52px;justify-content:center;margin-bottom:12px;width:52px}.csai-feature-title{font-size:18px;margin:0 0 6px}.csai-feature-desc{color:#64748b;color:var(--muted);font-size:14px;margin:0}.csai-feature-demo{aspect-ratio:16/9;background:#fff;border:1px dashed #e6edf8;border-radius:10px;display:block;margin-top:12px;min-height:160px;overflow:hidden;position:relative;width:100%}.csai-feature-media{display:block;height:100%;object-fit:cover;width:100%}.csai-audio-stack{grid-gap:10px;display:grid;gap:10px;height:100%}.csai-visualizer{align-items:flex-end;display:flex;gap:4px;height:100%;padding:8px}.csai-visualizer span{animation:bars 1.1s ease-in-out infinite;background:linear-gradient(180deg,#4f46e5,#7c3aed);background:linear-gradient(180deg,var(--brand),var(--violet));border-radius:6px;width:8px}@keyframes bars{0%,to{height:16px;opacity:.85}50%{height:78px;opacity:1}}.csai-grid-art{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);height:100%}.csai-art{background:#fafafa;border-radius:8px;overflow:hidden;position:relative}.csai-art img{height:100%;object-fit:cover;width:100%}.csai-art-check{background:#111827d9;border:1px solid #ffffff1f;border-radius:999px;bottom:8px;color:#fff;display:grid;height:28px;place-items:center;position:absolute;right:8px;width:28px}.csai-feature-cta{align-items:center;color:#111827;display:inline-flex;font-weight:700;gap:8px;margin-top:12px}.csai-shimmer{background:linear-gradient(120deg,#0000,#4f46e50f 20%,#0000 40%,#0000 60%,#22c55e0f 80%,#0000);border-radius:14px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease}.csai-feature:hover .csai-shimmer{opacity:1}.csai-review-ticker{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);border-top:1px solid #e5e7eb;border-top:1px solid var(--line);overflow:hidden;padding:8px 0}.csai-review-track{animation:marquee 28s linear infinite;display:flex;gap:12px;padding:6px 0}.csai-review-chip{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:999px;box-shadow:0 16px 44px #0f172a14;box-shadow:var(--shadow);color:#111827;display:inline-flex;gap:8px;padding:10px 14px;white-space:nowrap}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.csai-final{background:radial-gradient(1000px 420px at 20% 0,#4f46e51a,#0000 60%),radial-gradient(800px 360px at 90% 10%,#22c55e14,#0000 60%),#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--line);padding:clamp(60px,7vw,120px) 0}.csai-final .csai-container{text-align:center}.csai-final h2{font-size:clamp(20px,3.4vw,34px);margin:0 0 8px}.csai-final p{color:#64748b;color:var(--muted);margin:0 0 18px}.csai-footer{background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--line);padding:32px clamp(16px,3.2vw,32px);padding:32px var(--page-padding)}.csai-footer-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;max-width:var(--container-max)}@media (max-width:980px){.csai-footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.csai-footer-grid{grid-template-columns:1fr}}.csai-brand--footer{margin-bottom:10px}.csai-foot-note{color:#64748b;color:var(--muted);margin:8px 0 14px}.csai-foot-title{color:#111827;font-size:13px;font-weight:800;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.csai-foot-link{color:#64748b;color:var(--muted);display:block;padding:6px 0;text-decoration:none}.csai-foot-link:hover{color:#0f172a;color:var(--text)}.csai-button,.csai-nav-link,button{-webkit-tap-highlight-color:rgba(0,0,0,.05)}@media (hover:none){.csai-feature:hover{box-shadow:0 16px 44px #0f172a14;box-shadow:var(--shadow);transform:none}}@media (max-width:420px){.csai-hero{padding:40px 0 28px}.csai-badge{font-size:13px;padding:6px 10px}.csai-hero-ctas{flex-direction:column;gap:10px}.csai-stat-num{font-size:18px}.csai-feature{min-height:300px;padding:14px}.csai-hero-imgs img{height:180px}}.input-group{margin-bottom:22px;position:relative}.input-group input{background:#fff;border:1.5px solid #d1d5db;border-radius:10px;font-size:15px;outline:none;padding:14px 12px;transition:all .25s ease;width:100%}.input-group label{color:#9ca3af;font-size:15px;left:14px;pointer-events:none;position:absolute;top:14px;transition:all .2s ease}.input-group input:focus,.input-group input:not(:placeholder-shown){border-color:#6366f1}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{background:#fff;color:#4f46e5;font-size:12px;left:10px;padding:0 6px;top:-8px}.auth-btn{background:linear-gradient(90deg,#4f46e5,#6366f1);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.auth-btn:hover{box-shadow:0 12px 28px #4f46e540;transform:translateY(-2px)}.auth-btn-outline{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;margin-top:10px;padding:12px;transition:background .2s ease,transform .2s ease;width:100%}.auth-btn-outline:hover{background:#f9fafb;transform:translateY(-2px)}.auth-google-icon{height:18px;width:18px}.auth-links{margin-bottom:16px;margin-top:-4px;text-align:right}.link-small{color:#4f46e5;font-size:14px;text-decoration:none}.link-small:hover{text-decoration:underline}.auth-msg{font-size:14px;margin-top:12px;text-align:center}.auth-msg.ok{color:#10b981}.auth-msg.err{color:#ef4444}.dashboard-page{background-color:initial;padding:30px 50px}.dashboard-header{align-items:center;background-color:initial;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:40px;padding:10px 0}.dashboard-title-container{flex-grow:1}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8a2be2,#00bfff,#00d1ff);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;line-height:1.2;margin:0}.subtitle{color:#6b7280;font-size:16px;font-weight:500;letter-spacing:.5px;margin:5px 0 0}.header-meta{align-items:center;display:flex;flex-shrink:0;gap:16px}.credits{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary)}.credits,.upgrade-button{font-size:16px;font-weight:600;padding:10px 18px}.upgrade-button{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--border-radius-md);box-shadow:0 4px 15px #8a2be233;color:#fff;cursor:pointer;display:flex;gap:8px;text-decoration:none;transition:all .2s ease}.upgrade-button:hover{box-shadow:0 7px 20px #8a2be24d;transform:translateY(-3px)}@media (max-width:768px){.dashboard-page{padding:20px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:20px}.main-title{font-size:28px}.subtitle{font-size:14px}}:root{--ios-background:#f0f2f5;--card-background-color:#ffffffbf;--card-border-color:#ffffff80;--card-shadow:0 10px 35px #00000014;--ios-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--primary-text-color:#1d1d1f;--secondary-text-color:#3c3c43;--blue-accent:#007aff;--blue-accent-light:#007aff1a}body{background-color:#f0f2f5;background-color:var(--ios-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--ios-font-family)}.generator-layout{grid-gap:35px;align-items:flex-start;display:grid;gap:35px;grid-template-columns:2fr 1.2fr}.generator-column-left,.generator-column-right{display:flex;flex-direction:column;gap:30px}.config-card,.preview-area,.status-box{animation:slideUpFadeIn .6s ease-out forwards;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background-color:#ffffffbf;background-color:var(--card-background-color);border:1px solid #ffffff80;border:1px solid var(--card-border-color);border-radius:24px;box-shadow:0 10px 35px #00000014;box-shadow:var(--card-shadow);opacity:0;padding:30px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.generator-column-right .preview-area{animation-delay:.1s}.generator-column-right .status-box{animation-delay:.2s}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.config-card:hover{box-shadow:0 15px 45px #0000001f;transform:translateY(-6px)}.card-header{align-items:center;border-bottom:1px solid #0000000d;color:#1d1d1f;color:var(--primary-text-color);display:flex;font-size:22px;font-weight:700;gap:15px;margin:0 0 25px;padding-bottom:15px}.card-header svg{color:#007aff;color:var(--blue-accent)}.visual-source-selector{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.source-btn{align-items:center;background-color:#00000008;border:1px solid #0000000d;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:22px;text-align:center;transition:all .25s ease-in-out}.source-btn:hover{background-color:#0000000f;transform:translateY(-4px)}.source-btn.active{background-color:#fff;border:2px solid #007aff;border:2px solid var(--blue-accent);box-shadow:0 10px 30px #007aff26;transform:translateY(-4px) scale(1.03)}.source-btn svg{color:#007aff;color:var(--blue-accent);font-size:28px;transition:transform .2s ease}.source-btn.active svg{transform:scale(1.1)}.source-btn span{color:#1d1d1f;color:var(--primary-text-color);font-size:16px;font-weight:600}.source-btn small{color:#3c3c43;color:var(--secondary-text-color);font-size:13px;line-height:1.4}.form-group-wrapper{margin-top:10px}.form-group label{color:#3c3c43;font-size:15px;font-weight:600;margin-bottom:12px}.form-group select,.form-group textarea{background-color:#f0f2f5;border:none;border-radius:14px;box-shadow:inset 0 2px 4px #0000000a;box-sizing:border-box;color:#1d1d1f;color:var(--primary-text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--ios-font-family);font-size:16px;padding:16px;transition:all .2s ease-in-out;width:100%}.form-group textarea{min-height:140px;resize:vertical}.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#007aff;border-color:var(--blue-accent);box-shadow:0 0 0 3px #007aff1a;box-shadow:0 0 0 3px var(--blue-accent-light);outline:none}.preview-area{align-items:center;display:flex;height:350px;justify-content:center;overflow:hidden;padding:15px;position:relative}.preview-placeholder{color:#3c3c43;color:var(--secondary-text-color);text-align:center}.preview-placeholder p{font-size:16px;font-weight:500;margin-top:15px}.video-preview{background-color:#000;border-radius:16px;max-height:100%;max-width:100%;object-fit:contain}.status-box{padding:25px}.status-header{align-items:center;color:#1d1d1f;color:var(--primary-text-color);display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-bottom:20px}.status-indicator{align-items:center;color:#6c757d;display:flex;font-size:14px;font-weight:500;gap:8px}.status-indicator.connected{color:#34c759}.status-indicator.connected:before{animation:pulse 2s infinite;background-color:#34c759;border-radius:50%;content:"";height:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #34c759b3}70%{box-shadow:0 0 0 10px #34c75900}to{box-shadow:0 0 0 0 #34c75900}}.progress-bar-container{background-color:#0000001a;border-radius:5px;height:10px;margin-bottom:15px;overflow:hidden;width:100%}.progress-bar{background:#007aff;background:var(--blue-accent);border-radius:5px;height:100%;transition:width .5s ease}.status-message{color:#3c3c43;color:var(--secondary-text-color);font-size:16px;font-weight:500;min-height:24px;text-align:center}.generate-button-wrapper{position:relative;width:100%}.generate-button{align-items:center;background:#007aff;background:var(--blue-accent);border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;justify-content:center;padding:18px;transition:all .2s ease;width:100%}.generate-button:hover{background:#0070e0;box-shadow:0 8px 25px #007aff4d;transform:translateY(-3px)}.api-message{color:#007aff;color:var(--blue-accent);font-weight:500;margin-top:15px;text-align:center}.advanced-settings-prompt{align-items:center;border-radius:16px;display:flex;gap:12px;justify-content:center;margin-top:5px;padding:15px 0;text-align:center;transition:background-color .3s ease;width:100%}.advanced-settings-prompt:hover{background-color:#0000000a}.advanced-settings-prompt svg{color:#3c3c43;color:var(--secondary-text-color);font-size:18px;opacity:.9}.advanced-settings-prompt span{color:#3c3c43;color:var(--secondary-text-color);font-size:15px;font-weight:500}.link-button{background:none;border:none;color:#007aff;color:var(--blue-accent);cursor:pointer;font:inherit;font-weight:600;margin:0;padding:0;text-decoration:none;transition:all .2s ease}.link-button:hover{text-decoration:underline;text-decoration-thickness:1.5px}.subtitle-toggle-group{align-items:center;background-color:#00000005;border:1px solid #0000000a;border-radius:16px;display:flex;gap:12px;margin:-15px 0 25px;padding:12px 15px;transition:background-color .2s ease}.subtitle-toggle-group:hover{background-color:#00000008}.subtitle-checkbox{-webkit-appearance:none;appearance:none;border:2px solid #ccc;border-radius:6px;cursor:pointer;height:20px;position:relative;transition:all .2s ease;width:20px}.subtitle-checkbox:checked{background-color:#007aff;background-color:var(--blue-accent);border-color:#007aff;border-color:var(--blue-accent)}.subtitle-checkbox:checked:before{color:#fff;content:"✔";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.subtitle-label{color:#1d1d1f;color:var(--primary-text-color);cursor:pointer;font-size:16px;font-weight:600;-webkit-user-select:none;user-select:none}.subtitle-tip-card{animation:fadeInTip .5s ease-out;background-color:#eef7ff;border:1px solid #cce4ff;border-radius:20px;box-shadow:0 4px 15px #007aff1a;margin-top:-15px;padding:20px;position:relative}@keyframes fadeInTip{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.tip-content{align-items:center;display:flex;gap:15px}.tip-icon{color:#007aff;color:var(--blue-accent);flex-shrink:0}.subtitle-tip-card p{color:#004085;font-size:15px;font-weight:500;line-height:1.55;margin:0}.close-tip-btn{align-items:center;background:#00408514;border:none;border-radius:50%;color:#004085;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px}.close-tip-btn:hover{background:#00408526;transform:scale(1.1)}.preview-download-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#14141480;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:25px;top:25px;transition:all .25s ease;width:44px;z-index:10}.preview-download-btn:hover{background-color:#000000b3;border-color:#fff6;transform:scale(1.1)}.preview-download-btn:disabled{background-color:#323232b3;color:#ffffff80;cursor:not-allowed;transform:none}@media (max-width:1024px){.generator-layout{grid-template-columns:1fr}}@media (max-width:640px){.visual-source-selector{grid-template-columns:1fr}}.slide-in-panel-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0006;display:flex;height:100%;justify-content:flex-end;left:0;position:fixed;top:0;width:100%;z-index:1000}.slide-in-panel-container{animation:slideIn .4s cubic-bezier(.25,.46,.45,.94);background-color:#f0f2f5;background-color:var(--ios-background,#f0f2f5);border-left:1px solid #dcdcdc;box-shadow:-10px 0 40px #00000026;display:flex;flex-direction:column;height:100%;max-width:800px;width:100%}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.slide-in-panel-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e5e5;display:flex;flex-shrink:0;justify-content:space-between;padding:22px 30px}.slide-in-panel-header h3{color:#1d1d1f;color:var(--primary-text-color,#1d1d1f);font-size:20px;font-weight:700;margin:0}.close-panel-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#8a8a8e;color:var(--secondary-text-color,#8a8a8e);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s,color .2s}.close-panel-button:hover{background-color:#00000012;color:#1d1d1f;color:var(--primary-text-color,#1d1d1f)}.slide-in-panel-content{flex-grow:1;overflow-y:auto;padding:30px}.slide-in-panel-content::-webkit-scrollbar{width:10px}.slide-in-panel-content::-webkit-scrollbar-track{background:#0000}.slide-in-panel-content::-webkit-scrollbar-thumb{background:#c5c5c5;background-clip:content-box;border:2px solid #0000;border-radius:5px}.slide-in-panel-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8;background-clip:content-box}.video-settings-container{margin:40px auto;max-width:900px;padding:20px}.page-header h1{color:#1c1e21;font-size:2.25rem;margin:0 0 8px}.page-header p{color:#606770;font-size:1rem;margin-bottom:40px}.settings-section h3{border-bottom:1px solid #dddfe2;color:#1c1e21;font-size:1.125rem;margin:30px 0 15px;padding-bottom:10px}.settings-row-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:12px;transition:box-shadow .2s ease}.settings-row-wrapper:hover{box-shadow:0 4px 12px #00000014}.settings-row-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:18px 20px}.settings-row-left{align-items:center;display:flex;gap:20px}.settings-row-icon{align-items:center;background-color:#8a2be21a;border-radius:50%;color:var(--primary-color);display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.settings-row-text h4{color:#050505;font-size:1.05rem;font-weight:600;margin:0}.settings-row-text p{color:#606770;font-size:.9rem;margin:4px 0 0}.settings-row-arrow{color:#606770;font-size:1rem;transition:transform .3s ease}.settings-row-arrow.open{transform:rotate(90deg)}.settings-row-content{animation:slideDown .4s ease;background-color:#f7f7f9;border-top:1px solid #e9ecef;overflow:hidden;padding:20px 24px 24px}.settings-row-content .form-group{margin-bottom:15px}.settings-row-content .form-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:10px}.save-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffc;border-top:1px solid #e9ecef;bottom:0;display:flex;justify-content:flex-end;margin-top:30px;padding:20px;position:-webkit-sticky;position:sticky;z-index:10}@media (max-width:768px){.video-settings-container{margin:20px auto;padding:10px}.page-header h1{font-size:1.8rem}.settings-row-header{padding:15px}.settings-row-left{gap:15px}.settings-row-icon{font-size:1.2rem;height:40px;width:40px}.settings-row-text h4{font-size:1rem}.settings-row-text p{font-size:.85rem}}.font-picker-container{display:flex;flex-wrap:wrap;gap:12px}.font-preview-item{border:1px solid #dddfe2;border-radius:8px;cursor:pointer;font-size:1.2rem;padding:10px 18px;transition:all .2s ease}.font-preview-item:hover{background-color:#8a2be20d;border-color:var(--primary-color)}.font-preview-item.selected{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 10px #8a2be24d;color:#fff}.voice-filters{grid-gap:20px;border-bottom:1px solid #e9ecef;gap:20px;padding-bottom:20px}.voice-picker-container{max-height:400px;overflow-y:auto;padding-right:10px}.voice-item{border-radius:8px;gap:15px;transition:background-color .2s ease}.voice-item:hover{background-color:#f0f2f5}.voice-item.selected{background-color:#8a2be21a;border-color:var(--primary-color)}.voice-item .preview-button{align-items:center;background-color:#e4e6eb;border:none;border-radius:50%;color:#050505;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background-color .2s;width:36px}.voice-item:hover .preview-button{background-color:#d8dadf}.voice-details{display:flex;flex-direction:column}.voice-name{color:#050505;font-weight:600}.voice-locale{color:#606770;font-size:.85rem}.highlight-options{margin-top:20px}.color-picker-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.color-picker-group label{color:#333;font-weight:500}.color-picker-input{-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid #ddd;border-radius:6px;cursor:pointer;height:30px;width:60px}.color-picker-input::-webkit-color-swatch{border:none;border-radius:4px}.color-picker-input::-moz-color-swatch{border:none;border-radius:4px}.upload-button-label{background:var(--primary-gradient);border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:10px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.upload-button-label:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.upload-message{display:block;font-size:.9rem;margin-top:10px}.custom-color-picker{align-items:center;background-color:#fff;border:1px solid #dddfe2;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:6px 12px;position:relative;width:-webkit-fit-content;width:fit-content}.custom-color-picker:hover{border-color:#a0a0a0}.color-picker-native{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.color-display{border:1px solid #e0e0e0;border-radius:50%;flex-shrink:0;height:24px;width:24px}.custom-color-picker span{color:#333;font-family:Menlo,"monospace";font-size:.9rem;font-weight:500}.save-container{gap:15px}.reset-button,.save-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.reset-button{background-color:#e4e6eb;color:#050505}.reset-button:hover:not(:disabled){background-color:#d8dadf;transform:translateY(-1px)}.save-button{background:var(--primary-gradient);color:#fff}.save-button:hover:not(:disabled){box-shadow:0 4px 15px #8a2be233;transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.7}.settings-layout-main{box-sizing:border-box;padding:30px 50px;width:100%}.settings-content{width:100%}@media (max-width:768px){.settings-layout-main{padding:20px}}:root{--color-background:#f0f4f8;--color-text-primary:#1a2e35;--color-text-secondary:#5a6474;--color-accent-purple:#8a2be2;--color-accent-blue:#007bff;--premium-gradient:linear-gradient(90deg,var(--color-accent-purple),var(--color-accent-blue));--card-background:#ffffff8c;--card-backdrop-blur:30px;--card-border:#ffffffe6;--card-shadow:0 15px 35px #00000012;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--space-lg:30px;--space-md:20px}.thumbnail-creator-scope{background-color:#f0f4f8;background-color:var(--color-background);color:#1a2e35;color:var(--color-text-primary);font-family:Inter,sans-serif;min-height:100vh;overflow:hidden;padding:40px;position:relative}.thumbnail-creator-scope:before{animation:tc-animate-background 20s ease-in-out infinite;background:radial-gradient(circle at 15% 25%,#8a2be21a,#0000 40%),radial-gradient(circle at 85% 65%,#007bff1a,#0000 50%);content:"";height:100vh;left:0;position:absolute;right:0;top:0;z-index:0}@keyframes tc-animate-background{0%{opacity:.8;transform:translateY(-10%) scale(1)}50%{opacity:1;transform:translateY(10%) scale(1.2)}to{opacity:.8;transform:translateY(-10%) scale(1)}}.tc-header{margin-bottom:50px;position:relative;text-align:center;z-index:1}.tc-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8a2be2,#007bff);background:var(--premium-gradient);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;letter-spacing:-1.5px;margin:0 0 15px}.tc-subtitle{color:#5a6474;color:var(--color-text-secondary);font-size:18px;line-height:1.7;margin:0 auto;max-width:700px}.tc-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:450px 1fr;margin:0 auto;max-width:1600px;position:relative;z-index:1}.tc-glass-panel{backdrop-filter:blur(30px);backdrop-filter:blur(var(--card-backdrop-blur));-webkit-backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(var(--card-backdrop-blur));background:#ffffff8c;background:var(--card-background);border:1px solid #ffffffe6;border:1px solid var(--card-border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 15px 35px #00000012;box-shadow:var(--card-shadow);padding:30px;padding:var(--space-lg)}.tc-control-panel{display:flex;flex-direction:column;gap:30px}.tc-step-card h3{align-items:center;border-bottom:1px solid #00000014;color:#1a2e35;color:var(--color-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin:0 0 20px;padding-bottom:15px}.tc-step-card h3 .step-badge{align-items:center;background:#8a2be2;background:var(--color-accent-purple);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:1.1rem;height:32px;justify-content:center;width:32px}.tc-script-textarea{background-color:#ffffffb3;border:1px solid #0000001a;border-radius:16px;border-radius:var(--radius-md);box-sizing:border-box;color:#1a2e35;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1rem;min-height:180px;padding:15px;resize:vertical;transition:all .2s ease;width:100%}.tc-script-textarea:focus{border-color:#8a2be2;border-color:var(--color-accent-purple);box-shadow:0 0 0 3px #8a2be226;outline:none}.tc-action-btn{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;justify-content:center;padding:16px 25px;transition:all .2s ease;width:100%}.tc-action-btn.primary{background:linear-gradient(90deg,#8a2be2,#007bff);background:var(--premium-gradient);box-shadow:0 8px 25px #8a2be240;color:#fff}.tc-action-btn.primary:hover:not(:disabled){box-shadow:0 10px 30px #8a2be259;transform:translateY(-3px)}.tc-action-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.tc-analyzed-data{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.tc-data-item{background-color:#00000008;border-radius:10px;font-size:.95rem;line-height:1.5;padding:12px 15px}.tc-data-item strong{color:#8a2be2;color:var(--color-accent-purple);display:block;font-weight:600;margin-bottom:4px}.tc-aspect-selector{grid-gap:8px;background-color:#0000000d;border-radius:12px;border-radius:var(--radius-sm);display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:15px 0;padding:6px}.tc-aspect-btn{align-items:center;background-color:initial;border:none;border-radius:8px;color:#5a6474;color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .2s ease}.tc-aspect-btn.active{background:#fff;box-shadow:0 4px 10px #0000001a;color:#8a2be2;color:var(--color-accent-purple);transform:translateY(-1px)}.tc-aspect-btn:not(.active):hover{background-color:#0000000d}.tc-preview-area{max-height:calc(100vh - 120px);min-height:600px;overflow-y:auto;position:relative}.tc-preview-area::-webkit-scrollbar{width:6px}.tc-preview-area::-webkit-scrollbar-track{background:#0000}.tc-preview-area::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.tc-placeholder{color:#5a6474;color:var(--color-text-secondary);flex-direction:column;height:100%;padding:20px;text-align:center}.tc-placeholder,.tc-placeholder-icon{align-items:center;display:flex;justify-content:center}.tc-placeholder-icon{background:linear-gradient(90deg,#8a2be2,#007bff);background:var(--premium-gradient);border-radius:50%;color:#fff;height:80px;margin-bottom:20px;width:80px}.tc-results-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.tc-image-card{aspect-ratio:16/9;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 5px 15px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.tc-image-card.portrait{aspect-ratio:9/16}.tc-image-card.square{aspect-ratio:1/1}.tc-image-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px) scale(1.02)}.tc-image-card img{display:block;height:100%;object-fit:cover;width:100%}.tc-image-card .tc-card-overlay{align-items:flex-end;background:linear-gradient(0deg,#0009 0,#0000 50%);display:flex;inset:0;opacity:0;padding:15px;position:absolute;transition:opacity .3s ease}.tc-image-card:hover .tc-card-overlay{opacity:1}.tc-download-btn{align-items:center;background:#0000008c;border:1px solid #ffffff59;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;height:42px;justify-content:center;width:42px}@media (hover:none){.tc-image-card .tc-card-overlay{opacity:1}}.tc-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(var(--card-backdrop-blur));backdrop-filter:blur(var(--card-backdrop-blur));background:#ffffff8c;background:var(--card-background);border-radius:24px;border-radius:var(--radius-lg);color:#1a2e35;color:var(--color-text-primary);display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:10}.tc-spinner{animation:tc-spin 1.5s linear infinite;color:#8a2be2;color:var(--color-accent-purple)}@keyframes tc-spin{to{transform:rotate(1turn)}}.tc-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tc-pill{background:#0000000f;border-radius:999px;color:#1a2e35;color:var(--color-text-primary);font-size:13px;font-weight:500;padding:6px 12px}.tc-error-card{background:#fff7f8;border:1px solid #fde2e4;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 15px 35px #00000012;box-shadow:var(--card-shadow);color:#58151c}.tc-error-head{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.tc-error-icon{align-items:center;background:#ffecf0;border-radius:12px;color:#b00020;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.tc-error-title{color:#b00020;font-size:1.1rem;font-weight:800;margin:0}.tc-error-sub{margin:6px 0 0}.tc-error-list{margin:10px 0 0;padding-left:18px}.tc-error-list li{margin:4px 0}.tc-error-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.tc-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;font-weight:700;padding:10px 14px;text-decoration:none}.tc-btn.fb{background:#1877f2;border-color:#1877f2;color:#fff}.tc-btn.ghost{background:#fff;border:1px solid #ddd;color:#1a2e35;color:var(--color-text-primary)}.tc-btn:hover{filter:brightness(1.05)}@media (max-width:1200px){.tc-layout{grid-template-columns:1fr}.tc-preview-area{max-height:none;min-height:500px}}@media (max-width:768px){.thumbnail-creator-scope{padding:20px}.tc-main-title{font-size:36px}.tc-subtitle{font-size:16px}.tc-results-grid{grid-template-columns:1fr}}:root{--ios-background:#f5f7fb;--card-background-color:#fff;--border-color:#e6e8ef;--card-shadow:0 8px 28px #0f172a0f;--card-shadow-hover:0 18px 40px #0f172a1a;--primary-text-color:#0f172a;--secondary-text-color:#64748b;--blue-accent:#4f46e5;--green-accent:#22c55e;--selection-highlight-bg:#4f46e50f;--selection-highlight-border:#4f46e573;--glass:#ffffffbf}.videolist-container{padding:32px 40px}.videolist-hero{margin-bottom:22px;padding-bottom:10px;position:relative}.videolist-hero:after{animation:pan 6s linear infinite;background:linear-gradient(90deg,#4f46e5,#22c55e);background:linear-gradient(90deg,var(--blue-accent),var(--green-accent));background-size:200% 100%;border-radius:999px;content:"";display:block;height:3px;margin-top:14px}@keyframes pan{0%{background-position:0 0}to{background-position:200% 0}}.hero-row{display:flex;flex-direction:column;gap:6px}.hero-title{align-items:center;display:flex;gap:10px}.hero-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4f46e5,#22c55e);background:linear-gradient(90deg,var(--blue-accent),var(--green-accent));-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:900;letter-spacing:-.02em;margin:0}.spark{animation:float 3.5s ease-in-out infinite;background:linear-gradient(135deg,#4f46e5,#22c55e);background:linear-gradient(135deg,var(--blue-accent),var(--green-accent));border-radius:10px;box-shadow:0 10px 24px #4f46e540;color:#fff;display:grid;height:32px;place-items:center;width:32px}.hero-sub{color:#64748b;color:var(--secondary-text-color)}.glass{backdrop-filter:blur(14px) saturate(1.05);-webkit-backdrop-filter:blur(14px) saturate(1.05);background:#ffffffbf;background:var(--glass);border:1px solid #02061714;border-radius:16px;box-shadow:0 8px 28px #0f172a0f;box-shadow:var(--card-shadow)}.controls-container{align-items:center;display:flex;gap:16px;margin-top:16px;padding:10px}.search-bar{flex-grow:1;position:relative}.search-bar svg{color:#9ca3af;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{background:#f8fafc;border:1px solid #e6e8ef;border:1px solid var(--border-color);border-radius:12px;font-size:15px;padding:12px 16px 12px 40px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.search-bar input:focus{border-color:#4f46e573;box-shadow:0 0 0 4px #4f46e514;outline:none}.sort-dropdown{background:#f8fafc;border:1px solid #e6e8ef;border:1px solid var(--border-color);border-radius:12px;font-weight:600;padding:12px 14px}.view-switcher{background:#f1f5f9;border-radius:12px;display:flex;padding:4px}.view-switcher button{background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--secondary-text-color);cursor:pointer;padding:8px 12px;transition:transform .12s ease,background .12s ease}.view-switcher button:hover{transform:translateY(-1px)}.view-switcher button.active{background:#fff;box-shadow:0 1px 3px #0f172a1a;color:#0f172a;color:var(--primary-text-color)}.status-container{color:#64748b;color:var(--secondary-text-color);margin-top:30px;text-align:center}.spinner-icon{animation:spin 1s linear infinite}.loading-chip{align-items:center;background:#eef2ff;border-radius:999px;color:#3730a3;display:inline-flex;font-weight:700;gap:10px;padding:10px 14px}.skeleton-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:22px}.skeleton-card{background:#fff;border:1px solid #e6e8ef;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 28px #0f172a0f;box-shadow:var(--card-shadow);overflow:hidden}.skeleton-thumb{animation:shimmer 1.4s linear infinite;aspect-ratio:16/9;background:linear-gradient(90deg,#f1f5f9,#eaeef6,#f1f5f9);background-size:200% 100%}.skeleton-lines{padding:14px}.skeleton-lines div{background:#eef2f7;border-radius:8px;height:10px;margin-bottom:8px}.skeleton-lines div:last-child{margin-bottom:0;width:60%}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}.inline-preview-container{animation:slideDown .35s ease-out;background:#ffffffbf;background:var(--glass);border:1px solid #02061714;border-radius:16px;box-shadow:0 18px 40px #0f172a1a;box-shadow:var(--card-shadow-hover);margin:18px 0 26px;padding:20px;position:relative}.glow{box-shadow:0 0 0 1px #4f46e51f,0 18px 40px #0f172a29}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inline-preview-player{aspect-ratio:16/9;background:#000;border-radius:12px;margin:0 auto 12px;max-width:1000px;overflow:hidden;width:100%}.inline-preview-player video{height:100%;object-fit:contain;width:100%}.inline-preview-info{margin:0 auto;max-width:1000px}.inline-preview-info h3{color:#0f172a;color:var(--primary-text-color);font-size:18px;font-weight:800;margin:0}.close-preview-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff;border:1px solid #0206171f;border-radius:50%;color:#0f172a;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:transform .15s ease,background .15s ease;width:36px}.close-preview-btn:hover{background:linear-gradient(90deg,#4f46e5,#22c55e);background:linear-gradient(90deg,var(--blue-accent),var(--green-accent));color:#fff;transform:scale(1.06)}.list-actions-header{align-items:center;border:1px solid #e6e8ef;border:1px solid var(--border-color);border-radius:14px;display:flex;justify-content:space-between;margin:14px 0 18px;padding:10px 14px}.select-all-container{align-items:center;cursor:pointer;display:flex;font-weight:700;gap:10px}.actions-group{align-items:center;display:flex;gap:12px}.selection-count{color:#64748b;color:var(--secondary-text-color);font-size:14px;font-weight:700}.batch-action-btn{align-items:center;background:none;border:1px solid #e6e8ef;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:10px 14px;transition:all .15s}.batch-action-btn:hover{transform:translateY(-1px)}.batch-action-btn.delete-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.batch-action-btn.download-btn:hover{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}.video-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-card{background:#fff;background:var(--card-background-color);border:1px solid #e6e8ef;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 28px #0f172a0f;box-shadow:var(--card-shadow);overflow:hidden;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.video-card.selected{border-color:#4f46e573;border-color:var(--selection-highlight-border);box-shadow:0 0 0 2px #4f46e573;box-shadow:0 0 0 2px var(--selection-highlight-border)}.hover-lift:hover{box-shadow:0 18px 40px #0f172a1a;box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.thumbnail-container{aspect-ratio:16/9;background:#0b1220;cursor:pointer;display:grid;overflow:hidden;place-items:center;position:relative}.thumb-overlay{align-items:center;background:radial-gradient(60% 60% at 50% 50%,#4f46e559,#0b122033 60%,#0000008c 100%);color:#e2e8f0;display:flex;flex-direction:column;font-weight:800;gap:8px;inset:0;justify-content:center;letter-spacing:.02em;opacity:0;position:absolute;transform:scale(.98);transition:opacity .18s ease,transform .18s ease}.thumbnail-container:hover .thumb-overlay{opacity:1;transform:scale(1)}.card-actions-hover{display:flex;gap:8px;opacity:0;position:absolute;right:8px;top:8px;transform:translateY(-8px);transition:all .18s ease;visibility:hidden}.video-card:hover .card-actions-hover{opacity:1;transform:translateY(0);visibility:visible}.card-actions-hover button{background-color:#0000008c;border:1px solid #ffffff40;border-radius:50%;color:#fff;cursor:pointer;height:34px;width:34px}.card-actions-hover button.delete:hover{background-color:#ef4444;border-color:#ef4444}.card-content{align-items:flex-start;display:flex;gap:12px;padding:14px}.selection-box{cursor:pointer;padding-top:4px}.checkbox-icon{color:#9ca3af;font-size:20px}.checkbox-icon.checked{color:#4f46e5;color:var(--blue-accent)}.video-details{flex-grow:1;min-width:0}.video-title{color:#0f172a;color:var(--primary-text-color);font-size:16px;font-weight:800;margin:0 0 2px}.video-meta{color:#64748b;color:var(--secondary-text-color);font-size:13px;margin:0}.video-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}.video-item{align-items:center;background:#fff;border:1px solid #e6e8ef;border:1px solid var(--border-color);border-radius:14px;display:flex;padding:12px 14px;transition:all .15s ease}.video-item:hover{box-shadow:0 8px 28px #0f172a0f;box-shadow:var(--card-shadow);transform:translateY(-1px)}.video-item.selected{background:#4f46e50f;background:var(--selection-highlight-bg);border-color:#4f46e573;border-color:var(--selection-highlight-border)}.selection-indicator{cursor:pointer;margin-right:14px}.video-info{display:flex;flex-direction:column;flex-grow:1;min-width:0}.video-info .video-title{font-size:15px;font-weight:800}.video-info .video-date{color:#64748b;color:var(--secondary-text-color);font-size:13px}.video-actions{align-items:center;display:flex;gap:8px}.action-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;height:36px;transition:all .15s;width:36px}.action-btn:hover{background:#fff;box-shadow:0 6px 16px #0f172a1a;transform:translateY(-1px)}.action-btn.delete-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.no-videos-container{background:#fafbff;border:2px dashed #e6e8ef;border:2px dashed var(--border-color);border-radius:20px;margin-top:26px;padding:80px 40px;text-align:center}.no-videos-icon{color:#64748b;color:var(--secondary-text-color);font-size:48px;margin-bottom:16px}.floaty{animation:float 3.5s ease-in-out infinite}.error-card{align-items:center;background:#fff1f2;border:1px solid #fecdd3;border-radius:16px;color:#9f1239;display:inline-flex;flex-direction:column;gap:8px;padding:18px 22px}.error-icon{font-size:28px}@media (max-width:860px){.controls-container{flex-wrap:wrap}.sort-dropdown{width:100%}}:root{--bg-tint:#f6f8fb;--brand-2:#6366f1;--shadow:0 16px 44px #0f172a14}.info-page-container,.legal-page-container,.public-page-container{background:#fff;color:#0f172a;color:var(--text);display:flex;flex-direction:column;font-family:Inter,system-ui,Segoe UI,Roboto,Arial}.legal-hero{background:radial-gradient(900px 360px at 15% 0,#4f46e51a,#0000 60%),radial-gradient(900px 360px at 85% 10%,#22c55e1a,#0000 60%),#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);overflow:hidden;padding:clamp(48px,7vw,96px) 0 clamp(16px,3vw,28px);position:relative}.legal-hero .glow{background:radial-gradient(600px 220px at 20% -10%,#6366f12e,#0000 55%),radial-gradient(700px 240px at 90% -10%,#22c55e24,#0000 55%);filter:blur(22px);inset:-20% -10% -40% -10%;pointer-events:none;position:absolute}.legal-container{margin:0 auto;max-width:960px;padding:0 clamp(16px,3.2vw,32px)}.back-to-home{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:999px;color:#64748b;color:var(--muted);font-size:14px;font-weight:600;padding:8px 12px}.back-to-home:hover{color:#0f172a;color:var(--text)}.legal-header{margin-top:8px}.legal-badge{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:999px;color:#64748b;color:var(--muted);display:inline-flex;font-weight:600;gap:8px;left:50%;margin:0 auto 14px;padding:8px 14px;position:relative;transform:translateX(-50%)}.legal-title{font-size:clamp(24px,3.6vw,40px);font-weight:900;letter-spacing:-.02em;margin:6px 0}.legal-sub{color:#64748b;color:var(--muted);font-size:14px;margin:0 0 12px}.legal-content{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 44px #0f172a14;box-shadow:var(--shadow);margin:clamp(18px,3.4vw,28px) auto clamp(40px,6vw,70px);max-width:960px;padding:clamp(18px,3.4vw,28px)}.legal-content h2{font-size:clamp(18px,2.5vw,26px);margin:0 0 10px}.legal-content h3{font-size:clamp(16px,2.2vw,22px);margin:18px 0 8px}.legal-content li,.legal-content p{color:#1f2937;font-size:clamp(14px,2vw,16px)}.legal-content ul{margin:8px 0 14px}.legal-content li{margin:6px 0}.legal-meta{color:#64748b;color:var(--muted);font-size:13px;margin-top:14px}.contact-link,.legal-content a{color:#4f46e5;color:var(--brand);font-weight:600;text-decoration:none}.contact-link:hover,.legal-content a:hover{text-decoration:underline}@media (max-width:520px){.back-to-home{font-size:13px;padding:7px 10px}.legal-content{border-radius:14px}}.billing-page-container{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1200px;padding:40px 20px}.billing-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px}.header-text h1{color:#1a202c;font-size:2rem;font-weight:800;margin:0}.header-text p{color:#4a5568;font-size:1rem;margin-top:5px}.currency-toggle{background-color:#f1f5f9;border-radius:99px;display:flex;padding:5px}.currency-toggle span{border-radius:99px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .3s ease}.currency-toggle span.active{background-color:#fff;box-shadow:0 2px 10px #0000001a;color:#000}.billing-toggle-wrapper{margin-bottom:50px;text-align:center}.billing-toggle{background-color:#f1f5f9;border-radius:99px;display:inline-flex;padding:5px}.billing-toggle button{background-color:initial;border:none;border-radius:99px;color:#475569;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 25px;transition:all .3s ease}.billing-toggle button.active{background-color:#fff;box-shadow:0 4px 15px #0000001a;color:#000}.save-badge{background-color:#10b981;border-radius:12px;color:#fff;font-size:.75rem;margin-left:8px;padding:3px 8px}.plans-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;display:flex;flex-direction:column;padding:30px;position:relative;text-align:left;transition:all .3s ease}.plan-card:hover{box-shadow:0 15px 30px #00000014;transform:translateY(-8px)}.plan-card.popular{border:2px solid #3b82f6}.popular-badge{background:#3b82f6;border-radius:99px;color:#fff;font-size:.75rem;font-weight:700;left:50%;padding:5px 15px;position:absolute;text-transform:uppercase;top:-15px;transform:translateX(-50%)}.plan-name{font-size:1.5rem;font-weight:700;margin:0}.plan-duration{color:#3b82f6;font-size:.9rem;font-weight:600;margin:5px 0 10px}.plan-credits{color:#4a5568;font-size:1rem;margin-bottom:15px}.plan-price{font-size:2.5rem;font-weight:800;margin-bottom:20px}.features-list{flex-grow:1;list-style:none;margin:0 0 25px;padding:0}.features-list li{align-items:center;display:flex;font-size:.9rem;gap:10px;margin-bottom:12px}.features-list svg{color:#10b981;flex-shrink:0}.subscribe-btn{background:#111827;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:background-color .2s;width:100%}.subscribe-btn:hover{background:#374151}.payment-flow{max-width:700px}.back-to-plans-btn{align-items:center;background:none;border:none;color:#4b5563;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:20px}.back-to-plans-btn:hover{color:#000}.selected-plan-summary{background-color:#f8fafc;border-radius:20px;margin-bottom:30px;padding:25px;text-align:center}.selected-plan-summary p{color:#64748b;margin:0 0 5px}.selected-plan-summary h3{font-size:1.75rem;margin:0 0 10px}.selected-plan-summary .price-display{color:#3b82f6;font-size:2.5rem;font-weight:800}.step-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:30px}.step-header{margin-bottom:30px;text-align:center}.step-header h4{font-size:1.5rem;margin:0 0 5px}.step-header p{color:#64748b;margin:0}.payment-methods-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.payment-method-card{border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.payment-method-card h5{font-size:1.1rem;margin:0 0 10px}.payment-detail{background-color:#f8fafc;border-radius:6px;color:#334155;font-family:monospace;padding:8px;word-break:break-all}.step-footer{text-align:center}.step-footer p{font-weight:600;margin-bottom:15px}.payment-selection-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.payment-method-select-btn{background-color:#f1f5f9;border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s}.payment-method-select-btn:hover{background-color:#e2e8f0}.status-message{align-items:flex-start;border:1px solid;border-radius:12px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.status-message.success{background-color:#f0fdf4;border-color:#bbf7d0}.status-message.error{background-color:#fef2f2;border-color:#fecaca}.status-message .icon{flex-shrink:0}.status-message.success .icon{color:#22c55e}.status-message.error .icon{color:#ef4444}.status-message h5{font-weight:700;margin:0 0 5px}.status-message.success h5{color:#15803d}.status-message.error h5{color:#b91c1c}.status-message p{font-size:.9rem;margin:0}.form-label{display:block;font-weight:600;margin-bottom:8px}.form-control{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;box-sizing:border-box;font-size:1rem;padding:12px;width:100%}.form-control:focus{border-color:#3b82f6;outline:none}.form-control[readonly]{background-color:#f3f4f6;cursor:not-allowed}.file-input{width:100%}.submit-proof-btn{align-items:center;background:#111827;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:background-color .2s;width:100%}.submit-proof-btn:hover{background:#374151}.submit-proof-btn:disabled{background:#9ca3af;cursor:wait}@media (max-width:768px){.billing-header{align-items:stretch;flex-direction:column;text-align:center}.payment-methods-grid{grid-template-columns:1fr}}.info-page-container,.legal-page-container,.public-page-container{background-color:#f8f9fa;box-sizing:border-box;color:#212529;font-family:Inter,sans-serif;min-height:100vh;padding:60px 40px;width:100%}.legal-header{border-bottom:1px solid #dee2e6;margin:0 auto 40px;max-width:800px;padding-bottom:30px;text-align:center}.legal-header h1{color:#1c1e21;font-size:48px;margin-bottom:10px}.legal-header p{color:#495057;font-size:18px}.back-to-home{color:#8a2be2;display:inline-block;font-weight:500;margin-bottom:30px;text-decoration:none;transition:color .2s ease}.back-to-home:hover{color:#00d1ff}.legal-content{margin:0 auto;max-width:800px}.legal-content section{margin-bottom:40px}.legal-content h2{color:#1c1e21;font-size:24px;margin-bottom:20px}.legal-content h4{color:#212529;font-size:18px;margin-bottom:10px}.legal-content li,.legal-content p{color:#495057;font-size:16px;line-height:1.7}.legal-content ul{list-style-type:disc;padding-left:20px}.contact-link{color:#8a2be2;font-weight:500;text-decoration:none}.contact-link:hover{text-decoration:underline}.features-grid-container{grid-gap:25px;display:grid;gap:25px}.feature-card-item{align-items:flex-start;background-color:#fff;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:20px;padding:25px;transition:all .2s ease-in-out}.feature-card-item:hover{box-shadow:0 8px 25px #00000012;transform:translateY(-5px)}.feature-card-icon{align-items:center;background-color:#8a2be21a;border-radius:8px;color:#8a2be2;display:flex;flex-shrink:0;font-size:24px;height:44px;justify-content:center;width:44px}.feature-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.feature-card-header h3{font-size:18px;margin:0}.feature-card-content p{font-size:15px;margin:0}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-badge.status-dev{background-color:#007bff1a;color:#007bff}.status-badge.status-planned{background-color:#ffc1071a;color:#b98900}.status-badge.status-research{background-color:#6c757d1a;color:#6c757d}.form-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;margin-top:10px;padding-top:20px}.delete-button,.form-save-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 25px;transition:all .2s}.form-save-button{background:var(--primary-gradient)}.form-save-button:hover:not(:disabled){box-shadow:0 4px 15px #00d1ff40;transform:translateY(-2px)}.form-save-button:disabled{background:#ccc;cursor:not-allowed}.danger-variant .settings-row-icon{background-color:#d500001a;color:#d50000}.danger-text,.danger-variant .settings-row-text h4{color:#b71c1c}.danger-text{font-size:.95rem;margin-bottom:20px}.delete-button{background-color:#d50000}.delete-button:hover:not(:disabled){background-color:#b71c1c;box-shadow:0 4px 15px #d5000040;transform:translateY(-2px)}.delete-button:disabled{background-color:#ff8a80;cursor:not-allowed}.form-group input,.form-group select{background-color:#fff;border:1px solid #dddfe2;border-radius:8px;box-sizing:border-box;color:#1c1e21;font-size:1rem;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #8a2be226;outline:none}.form-group input:disabled{background-color:#f0f2f5;color:#606770;cursor:not-allowed}.form-group small{color:#606770;display:block;margin-top:8px}.message-banner{border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px}.message-banner.success{background-color:#00ffab1a;border:1px solid #00ffab80;color:#00875a}.message-banner.error{background-color:#d500001a;border:1px solid #d5000080;color:#d50000}.linked-channels-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.channel-item{align-items:center;background-color:#f0f2f5;border-radius:8px;display:flex;gap:15px;padding:12px 15px}.youtube-icon{color:red}.channel-avatar{border-radius:50%;height:40px;width:40px}.channel-name{color:#1c1e21;flex-grow:1;font-weight:500}.disconnect-btn{align-items:center;background-color:#e4e6eb;border:none;border-radius:6px;color:#1c1e21;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 15px}.disconnect-btn:disabled{cursor:not-allowed;opacity:.6}.youtube-link-btn{align-items:center;background:red;display:flex;gap:10px}.youtube-link-btn:hover:not(:disabled){background:#c00;box-shadow:0 4px 15px #ff000040}:root{--bg:#fff;--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--brand:#4f46e5;--brandB:#22c55e;--vio:#7c3aed;--shadow:0 18px 44px #0f172a1a}.csai-app{background:#fff;background:var(--bg);color:#0f172a;color:var(--text);display:flex;flex-direction:column;font-family:Inter,system-ui,Segoe UI,Roboto,Arial;min-height:100vh;overflow:hidden;position:relative}.bg-blend{inset:0;overflow:hidden;z-index:-1}.bg-blend,.blob{position:absolute}.blob{animation:float 16s ease-in-out infinite alternate;filter:blur(28px);inset:-20% -10% -40% -10%;opacity:.6}.blob.a{background:radial-gradient(700px 260px at 18% 0,#4f46e52e,#0000 60%),radial-gradient(600px 240px at 82% 10%,#22c55e24,#0000 60%)}.blob.b{animation-delay:2.4s;background:radial-gradient(560px 220px at 10% 70%,#6366f11f,#0000 60%),radial-gradient(560px 220px at 92% 76%,#10b9811f,#0000 60%)}.glow-line{background:linear-gradient(90deg,#0000,#4f46e566,#22c55e66,#0000);filter:blur(.6px);height:2px;left:-20%;position:absolute;right:-20%;top:-2px}@keyframes float{0%{transform:translateY(-1%)}to{transform:translateY(3%)}}.brand-strip{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:999px;box-shadow:0 18px 44px #0f172a1a;box-shadow:var(--shadow);display:inline-flex;gap:10px;margin:clamp(14px,3vw,24px) auto 0;padding:8px 14px}.brand-strip .logo{font-size:18px}.brand-strip .brand{font-weight:900;letter-spacing:-.02em}.brand-strip .mini{color:#64748b;color:var(--muted);font-size:14px;font-weight:600}.brand-strip .dot{color:#cbd5e1}.brand-strip .spark{color:#4f46e5;color:var(--brand)}.hero{margin:clamp(32px,8vw,96px) auto 0;max-width:1100px;padding:0 20px;text-align:center}.title{font-size:clamp(30px,6.2vw,58px);font-weight:900;letter-spacing:-.03em;line-height:1.06;margin:0}.swap{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4f46e5,#22c55e);background:linear-gradient(90deg,var(--brand),var(--brandB));-webkit-background-clip:text;background-clip:text}.subtitle{color:#64748b;color:var(--muted);font-size:clamp(14px,2vw,18px);margin:10px auto 16px;max-width:800px}.cta-row{display:flex;gap:12px;justify-content:center;margin:16px 0 18px}.btn{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;display:inline-flex;font-weight:800;gap:10px;padding:12px 18px;text-decoration:none}.btn.primary{background:linear-gradient(90deg,#4f46e5,#6366f1);background:linear-gradient(90deg,var(--brand),#6366f1);border-color:#0000;box-shadow:0 18px 44px #0f172a1a;box-shadow:var(--shadow);color:#fff}.btn:hover{transform:translateY(-2px)}.stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(160px,1fr));margin-left:auto;margin-right:auto;margin-top:10px;max-width:820px}.stat{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px #0f172a1a;box-shadow:var(--shadow);padding:16px;text-align:left}.stat .ico{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--brand),var(--vio));border-radius:10px;color:#fff;display:grid;font-size:18px;height:40px;margin-bottom:8px;place-items:center;width:40px}.stat .v{font-size:20px;font-weight:900}.stat .k{color:#64748b;color:var(--muted);font-size:13px}@media (max-width:760px){.stats{grid-template-columns:1fr}.cta-row{flex-direction:column}}.glass-showcase{margin:clamp(20px,6vw,40px) auto 0;max-width:1100px;padding:0 20px}.ribbon-pro{background:linear-gradient(90deg,#fff,#f6f7ff 30%,#eef6ff 70%,#fff);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:999px;box-shadow:0 18px 44px #0f172a1a;box-shadow:var(--shadow);color:#0b1220;font-weight:800;margin:0 auto 14px;padding:10px 16px;position:relative;width:-webkit-max-content;width:max-content}.ribbon-pro:before{animation:spin 8s linear infinite;background:conic-gradient(from 0deg,#4f46e580,#16a34a80,#6366f180,#16a34a80,#4f46e580);border-radius:999px;content:"";filter:blur(12px);inset:-1.5px;opacity:.55;position:absolute;z-index:-1}.r-dot{background:#cbd5e1;border-radius:999px;display:inline-block;height:6px;margin:0 10px;width:6px}.glass-canvas{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #fff9;border-radius:18px;box-shadow:0 32px 80px #0f172a1f,inset 0 0 0 1px #e5e7eb99;overflow:hidden;position:relative}.glass-canvas .wave{height:120px;left:0;position:absolute;right:0;top:-2px;width:100%}.bubbles-3d{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:48px 16px 36px;position:relative;z-index:2}.bubbles-3d .b{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px #0f172a1a;box-shadow:var(--shadow);padding:14px 16px;text-align:left;transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease;width:clamp(220px,28vw,300px)}.bubbles-3d .b:hover{box-shadow:0 24px 60px #4f46e526;transform:translateY(-4px) scale(1.01)}.bubbles-3d .bi{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--brand),#7c3aed);border-radius:12px;color:#fff;display:grid;font-size:20px;height:44px;margin-bottom:8px;place-items:center;width:44px}.bubbles-3d .bt{font-weight:800;margin-bottom:4px}.bubbles-3d p{color:#374151;margin:0}.it1{animation:floatY 8s ease-in-out infinite}.it2{animation:floatY 9s ease-in-out .6s infinite}.it3{animation:floatY 10s ease-in-out 1.1s infinite}@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.glass-canvas .p{--x:0%;--d:6s;animation:fall var(--d) linear infinite;background:linear-gradient(135deg,#4f46e5,#22c55e);background:linear-gradient(135deg,var(--brand),var(--brandB));border-radius:999px;filter:blur(.2px);height:6px;left:var(--x);opacity:.24;position:absolute;top:-10px;width:6px}@keyframes fall{to{transform:translateY(320px)}}.timeline{margin:clamp(28px,7vw,70px) auto;max-width:1100px;padding:0 20px;text-align:center}.tl-title{font-size:clamp(22px,3.6vw,36px);margin:0 0 6px}.tl-sub{color:#64748b;color:var(--muted);margin:0 0 22px}.steps{list-style:none;margin:0;margin-inline:auto;max-width:900px;padding:0;position:relative}.steps:before{background:linear-gradient(180deg,#4f46e54d,#22c55e4d);bottom:0;content:"";left:12px;position:absolute;top:0;width:2px}.steps li{align-items:flex-start;display:flex;gap:16px;margin:0 0 22px;position:relative}.steps li .dot{background:#fff;border:2px solid #c7d2fe;border-radius:999px;box-shadow:0 6px 16px #4f46e526;height:24px;margin-top:4px;position:relative;width:24px;z-index:1}.steps li.current .dot{border-color:#86efac}.steps .content{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px #0f172a1a;box-shadow:var(--shadow);flex:1 1;padding:14px;text-align:left}.steps .content h3{align-items:center;display:flex;font-size:18px;gap:8px;margin:0 0 6px}.steps .content p{color:#374151;margin:0}@media (min-width:760px){.steps:before{left:50%;transform:translateX(-50%)}.steps li{align-items:stretch}.steps li .dot{margin-left:calc(50% - 12px)}.steps li .content{max-width:420px}.steps li:nth-child(odd) .content{margin-left:auto}}.foot{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;margin-top:auto;padding:28px 20px}.foot .l{font-weight:700}.foot .r{display:flex;gap:8px}.foot .r a{color:#64748b;color:var(--muted);font-weight:600;text-decoration:none}.foot .r a:hover{color:#111827}@media (max-width:640px){.foot{flex-direction:column;gap:8px}}.analytics-page{animation:fadeIn .5s ease-out;padding:2rem}.analytics-header h2{color:#1d1d1f;font-size:2rem;font-weight:700;margin-bottom:.25rem}.analytics-header p{color:#6e6e73;font-size:1.1rem;margin-bottom:2.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background-color:#fff;border:1px solid #e5e5e5;border-radius:20px;display:flex;gap:1.5rem;padding:1.75rem;transition:all .2s ease-in-out}.stat-card:hover{box-shadow:0 8px 25px #00000012;transform:translateY(-5px)}.stat-icon{align-items:center;background-color:#f0f8ff;border-radius:50%;color:#007aff;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-title{color:#6e6e73;font-size:1rem;font-weight:500;margin:0 0 .25rem}.stat-value{color:#1d1d1f;font-size:2.25rem;font-weight:700;margin:0}.stat-detail{color:#a0a0a5;font-size:.9rem;margin-top:.2rem}.chart-container{background-color:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:2rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.chart-header h3{color:#1d1d1f;font-size:1.5rem;font-weight:600}.time-filter button{color:#333;font-size:.9rem;transition:all .2s ease}.time-filter button.active{color:#007aff}.error-state,.loading-state{color:#6e6e73;font-size:1.2rem;padding:5rem}.no-data-placeholder{align-items:center;color:#a0a0a5;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.no-data-placeholder svg{margin-bottom:1rem}.no-data-placeholder p{font-size:1.1rem;font-weight:500;margin:0}.no-data-placeholder span{font-size:.9rem;margin-top:.5rem}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0b091e99;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideInUp .4s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 30px}.modal-header h2{font-size:22px;font-weight:600;margin:0}.close-btn{align-items:center;background:#f1f1f1;border-radius:50%;color:#555;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}.form-stepper{padding:20px 30px}.form-stepper,.step{align-items:center;display:flex}.step{color:#adb5bd;gap:10px;transition:color .3s}.step.active{color:var(--primary-color);font-weight:600}.step-number{align-items:center;background-color:#e9ecef;border-radius:50%;color:#adb5bd;display:flex;font-weight:700;height:28px;justify-content:center;transition:all .3s;width:28px}.step.active .step-number{background:var(--primary-gradient);color:#fff}.step-connector{background-color:#e9ecef;flex-grow:1;height:2px;margin:0 15px}.autopilot-form{display:flex;flex-direction:column;flex-grow:1}.form-step-content{flex-grow:1;overflow-y:auto;padding:0 30px 20px}.form-section{margin-bottom:25px}.section-title{border-bottom:1px solid #eee;font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:10px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group-icon{align-items:center;display:flex;position:relative}.form-group-icon svg{color:#adb5bd;left:15px;pointer-events:none;position:absolute}.form-group-icon input,.form-group-icon select{padding-left:45px}.form-group label{align-items:center;color:#495057;display:flex;gap:6px}input[type=text],input[type=time],select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:12px;box-sizing:border-box;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}input:focus,select:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px #8b5cf61a;outline:none}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:1em}.schedule-mode-toggle{background-color:#e9ecef;border-radius:10px;display:flex;margin-bottom:20px;padding:5px}.schedule-mode-toggle button{background-color:initial;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .2s}.schedule-mode-toggle button.active{background-color:#fff;box-shadow:0 2px 5px #00000014;color:var(--primary-color)}.add-time-group{display:flex;gap:10px}.add-btn{background-color:#e4e6eb;border:none;border-radius:8px;color:#495057;cursor:pointer;padding:0 15px;transition:background-color .2s}.add-btn:hover{background-color:#d8dadf}.time-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.time-tag{align-items:center;background-color:#eef2ff;border-radius:20px;color:#4338ca;display:flex;font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.time-tag button{background:none;border:none;color:#6366f1;cursor:pointer;line-height:1;padding:0}.monthly-scheduler{grid-gap:20px;align-items:flex-start;display:grid;gap:20px;grid-template-columns:1fr auto}.calendar{border:1px solid #e9ecef;border-radius:12px;box-sizing:border-box;padding:15px;width:100%}.calendar-header{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:15px}.calendar-header button{background:none;border:none;color:#555;cursor:pointer;font-size:20px}.calendar-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-day-name{color:#6c757d;font-size:12px;font-weight:500}.calendar-day{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:background-color .2s}.calendar-day.empty{cursor:default}.calendar-day:not(.empty):hover{background-color:#f1f3f5}.calendar-day.selected{background:var(--primary-gradient);color:#fff;font-weight:700}.autopilot-settings-wrapper{margin:-5px;max-height:55vh;overflow-y:auto;padding:5px 15px 5px 5px}.modal-footer{align-items:center;background-color:#f9fafb;border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 30px}.form-btn-primary,.form-btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.form-btn-primary{background:var(--primary-gradient);box-shadow:0 4px 15px #8a2be233;color:#fff}.form-btn-primary:hover{box-shadow:0 6px 20px #8a2be24d;transform:translateY(-2px)}.form-btn-primary:disabled{cursor:wait;opacity:.7}.form-btn-secondary{background-color:#e4e6eb;color:#495057}.form-btn-secondary:hover{background-color:#d8dadf}.form-loader{align-items:center;color:#555;display:flex;flex-direction:column;font-size:16px;gap:15px;justify-content:center;padding:80px;text-align:center}.form-error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:20px;padding:15px;text-align:center}.autopilot-settings-wrapper::-webkit-scrollbar{width:8px}.autopilot-settings-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.autopilot-settings-wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.autopilot-settings-wrapper::-webkit-scrollbar-thumb:hover{background:#aaa}.form-group-toggle{align-items:center;display:flex;gap:12px;padding:10px 0}.form-group-toggle label{color:#495057;font-size:15px;font-weight:500;margin:0}.form-group-toggle svg{color:#8b5cf6;font-size:20px}.switch{display:inline-block;height:28px;margin-left:auto;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:20px;left:4px;width:20px}input:checked+.slider{background-color:#8b5cf6}input:focus+.slider{box-shadow:0 0 1px #8b5cf6}input:checked+.slider:before{transform:translateX(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.autopilot-page{display:flex;flex-direction:column;height:100%;padding:30px 40px}.autopilot-main-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:25px}.header-content h1{align-items:center;display:flex;font-size:32px;font-weight:700;gap:15px;margin:0}.header-content p{color:#6b7280;font-size:16px;margin:4px 0 0}.quick-access-actions{align-items:center;display:flex;gap:12px}.quick-access-btn{align-items:center;background-color:#f0f2f5;border:1px solid #0000;border-radius:50%;color:#495057;cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .2s ease;width:44px}.quick-access-btn:hover{background-color:#e4e6eb;transform:translateY(-2px)}.quick-access-btn.primary{background:var(--primary-gradient);box-shadow:0 4px 15px #8a2be233;color:#fff}.quick-access-btn.primary:hover{box-shadow:0 6px 20px #8a2be24d}.quick-access-btn:after{background-color:#343a40;border-radius:6px;bottom:120%;color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:500;left:50%;opacity:0;padding:6px 10px;position:absolute;transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;white-space:nowrap;z-index:10}.quick-access-btn:hover:after{opacity:1;visibility:visible}.no-profiles-container{background-color:#f8f9fa;border-radius:20px;flex-direction:column;flex-grow:1;padding:40px;text-align:center}.no-profiles-container,.no-profiles-icon{align-items:center;display:flex;justify-content:center}.no-profiles-icon{background:linear-gradient(135deg,#e3d0f6,#d1eaff);border-radius:50%;color:var(--primary-color);font-size:40px;height:80px;margin-bottom:20px;width:80px}.no-profiles-container h2{font-size:24px;font-weight:600;margin:0 0 10px}.no-profiles-container p{color:#6b7280;margin-bottom:25px;max-width:350px}.add-new-btn-main{background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 15px #8a2be233;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;transition:all .2s ease}.add-new-btn-main:hover{box-shadow:0 7px 20px #8a2be24d;transform:translateY(-3px)}.profiles-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.profile-card{background:#fff;border:1px solid var(--border-color);border-left:5px solid #6c757d;border-radius:16px;overflow:hidden;transition:all .3s ease}.profile-card.active{border-left-color:#28a745}.profile-card:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-5px)}.profile-card-header{align-items:center;display:flex;justify-content:space-between;padding:20px}.profile-card-header h3{font-size:18px;font-weight:600;margin:0}.profile-actions{display:flex;gap:8px}.action-btn{align-items:center;background-color:#f0f2f5;border:none;border-radius:50%;color:#495057;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.action-btn:hover{background-color:#e4e6eb}.delete-btn:hover{background-color:#ffebee;color:#c62828}.toggle-btn.active{background-color:#d4edda;color:#155724}.toggle-btn.active:hover{background-color:#c3e6cb}.profile-card-body{font-size:15px;padding:0 20px 20px}.profile-card-body p{color:#495057;margin:0 0 10px}.profile-card-body p:last-child{margin-bottom:0}.privacy-status{font-weight:500;text-transform:capitalize}.profile-card-footer{align-items:center;background:#f8f9fa;border-top:1px solid var(--border-color);color:#6c757d;display:flex;font-size:14px;gap:10px;padding:15px 20px}.error-state,.loading-state{color:#6c757d;font-size:18px;padding:50px;text-align:center}.channel-analytics-page{padding:30px 50px}.analytics-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.analytics-page-header h1{font-size:32px;font-weight:700}.stats-overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.analytics-stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:16px;display:flex;gap:15px;padding:20px}.analytics-main-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.main-chart-container,.top-videos-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:20px;padding:25px}.main-chart-container h3,.top-videos-container h3{margin:0 0 20px}.chart-wrapper{height:350px}.top-videos-list{display:flex;flex-direction:column;gap:15px}.top-video-item{align-items:center;display:flex;gap:15px}.top-video-item img{border-radius:6px;height:45px;object-fit:cover;width:80px}.top-video-item .video-title{font-size:14px;font-weight:500;margin:0}.top-video-item .video-views{color:#6b7280;font-size:13px;margin:4px 0 0}.time-filter{background-color:#f5f5f7;border-radius:12px;display:flex;gap:.5rem;padding:5px}.time-filter button{background-color:initial;border:none;border-radius:9px;cursor:pointer;font-weight:600;padding:.5rem 1rem}.time-filter button.active{background-color:#fff;box-shadow:0 2px 8px #0000001a;color:var(--primary-color)}.analytics-title-group{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.analytics-title-group h1{margin:0}.channel-name-display,.channel-switch-dropdown{font-size:16px;font-weight:500}.channel-switch-dropdown{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:6px 10px}.channel-name-display{color:#6b7280}:root{--igx-bg:#f7f9fc;--igx-text:#0b1220;--igx-muted:#667085;--igx-accent:#4f46e5;--igx-accent-2:#06b6d4;--igx-danger:#ef4444;--igx-line:#02061714;--igx-shadow:0 14px 40px #1018280f;--igx-shadow-2:0 30px 60px #02061714;--igx-r-lg:18px;--igx-r-md:12px;--igx-r-sm:10px;--glass-bg:#ffffffa6;--glass-bg-strong:#ffffffc7;--glass-border:#ffffffe6;--glass-inner:#ffffff59;--glass-blur:18px;--glass-shine:linear-gradient(180deg,#ffffff8c,#ffffff26);--glass-outline:linear-gradient(180deg,#4f46e552,#06b6d442)}*{box-sizing:border-box}.igx-shell{background:radial-gradient(900px 420px at 10% -10%,#4f46e51a,#0000 60%),radial-gradient(700px 360px at 90% 0,#06b6d414,#0000 60%),#f7f9fc;background:radial-gradient(900px 420px at 10% -10%,#4f46e51a,#0000 60%),radial-gradient(700px 360px at 90% 0,#06b6d414,#0000 60%),var(--igx-bg);color:#0b1220;color:var(--igx-text);display:grid;font-family:Inter,system-ui,Segoe UI,Roboto,Arial;grid-template-rows:auto auto 1fr auto;min-height:100vh}.igx-header{padding:28px clamp(16px,4vw,36px) 10px}.igx-brand{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(90deg,#4f46e5,#06b6d4);background:linear-gradient(90deg,var(--igx-accent),var(--igx-accent-2));-webkit-background-clip:text;background-clip:text;display:flex;font-size:clamp(18px,2.8vw,28px);font-weight:900;gap:10px;letter-spacing:-.01em}.igx-brand h1{margin:0}.igx-tagline{color:#667085;color:var(--igx-muted);font-size:14px;margin:8px 0 0}.igx-toolbar{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 clamp(16px,4vw,36px) 16px}@media (max-width:880px){.igx-toolbar{grid-template-columns:1fr}}.igx-toolbar-group{backdrop-filter:blur(18px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#ffffffa6;background:var(--glass-bg);border:1px solid #ffffffe6;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--igx-r-lg);box-shadow:0 14px 40px #1018280f;box-shadow:var(--igx-shadow);overflow:hidden;padding:12px;position:relative}.igx-toolbar-group:before{background:linear-gradient(180deg,#ffffff8c,#ffffff26);background:var(--glass-shine)}.igx-toolbar-group:after,.igx-toolbar-group:before{content:"";inset:0;pointer-events:none;position:absolute}.igx-toolbar-group:after{background:linear-gradient(180deg,#4f46e552,#06b6d442);background:var(--glass-outline);border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.igx-label{color:#667085;color:var(--igx-muted);display:inline-block;font-size:12px;letter-spacing:.08em;margin:2px 0 8px 4px;text-transform:uppercase}.igx-pill-row{display:flex;flex-wrap:wrap;gap:8px}.igx-pill{align-items:center;-webkit-backdrop-filter:blur(10.8px);backdrop-filter:blur(10.8px);-webkit-backdrop-filter:blur(calc(var(--glass-blur)*.6));backdrop-filter:blur(calc(var(--glass-blur)*.6));background:#ffffffc7;background:var(--glass-bg-strong);border:1px solid #ffffffe6;border:1px solid var(--glass-border);border-radius:999px;box-shadow:0 6px 16px #1018280f;color:#667085;color:var(--igx-muted);display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:10px 12px;transition:.15s ease}.igx-pill:hover{border-color:#0206172e}.igx-pill.active,.igx-pill:hover{color:#0b1220;color:var(--igx-text)}.igx-pill.active{background:linear-gradient(90deg,#4f46e52e,#06b6d429);border-color:#4f46e559;box-shadow:0 10px 26px #0f172a1f}.igx-gallery-wrap{padding:18px clamp(16px,4vw,36px) 140px;position:relative}.igx-empty{grid-gap:8px;backdrop-filter:blur(18px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#ffffffa6;background:var(--glass-bg);border:1px solid #ffffffe6;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--igx-r-lg);box-shadow:0 14px 40px #1018280f;box-shadow:var(--igx-shadow);color:#667085;color:var(--igx-muted);display:grid;gap:8px;min-height:46vh;place-items:center;text-align:center}.igx-empty-badge{background:linear-gradient(135deg,#4f46e5,#06b6d4);background:linear-gradient(135deg,var(--igx-accent),var(--igx-accent-2));border-radius:14px;box-shadow:0 30px 60px #02061714;box-shadow:var(--igx-shadow-2);color:#fff;display:grid;height:54px;place-items:center;width:54px}.igx-empty h3{color:#111827;margin:6px 0 0}.igx-grid{grid-gap:18px;display:grid;gap:18px}.igx-group{backdrop-filter:blur(18px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#ffffffa6;background:var(--glass-bg);border:1px solid #ffffffe6;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--igx-r-lg);box-shadow:0 14px 40px #1018280f;box-shadow:var(--igx-shadow);overflow:hidden;padding:14px;position:relative}.igx-group:before{background:linear-gradient(180deg,#ffffff8c,#ffffff26);background:var(--glass-shine)}.igx-group:after,.igx-group:before{content:"";inset:0;pointer-events:none;position:absolute}.igx-group:after{background:linear-gradient(180deg,#4f46e552,#06b6d442);background:var(--glass-outline);border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.igx-prompt-chip{align-items:center;background:#4f46e51f;border:1px solid #4f46e540;border-radius:999px;color:#1f2a44;display:inline-flex;font-size:12px;font-weight:700;gap:8px;margin:2px 0 10px;max-width:100%;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.igx-img-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.igx-img-grid.count-1{grid-template-columns:1fr;margin:0 auto;max-width:70%}@media (max-width:720px){.igx-img-grid,.igx-img-grid.count-1{grid-template-columns:1fr;max-width:100%}}.igx-card{background:#fff;border:1px solid #ffffffe6;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--igx-r-md);box-shadow:0 10px 22px #1018281a;overflow:hidden;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.igx-card:after{box-shadow:inset 0 1px 0 #ffffff8c,inset 0 -60px 80px #ffffff2e;content:"";inset:0;pointer-events:none;position:absolute}.igx-card:hover{border-color:#4f46e559;box-shadow:0 16px 36px #0206171f;transform:translateY(-3px)}.igx-card img{display:block;height:100%;object-fit:cover;width:100%}.igx-card-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffffe6;border:1px solid var(--glass-border);border-radius:12px;bottom:10px;box-shadow:0 8px 18px #1018281a;display:flex;gap:8px;left:10px;padding:6px;position:absolute}.igx-card-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffc7;background:var(--glass-bg-strong);border:1px solid #ffffffe6;border:1px solid var(--glass-border);border-radius:10px;color:#0b1220;color:var(--igx-text);display:grid;height:38px;place-items:center;width:38px}.igx-overlay{grid-gap:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff8c;color:#111827;display:grid;font-weight:700;gap:10px;inset:0;place-items:center;position:absolute;text-align:center;z-index:10}.igx-spin{animation:igx-spin 1s linear infinite}@keyframes igx-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.igx-dock{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(180deg,#f7f9fc00,#f7f9fcf2 40%,#f7f9fc);border-top:1px solid #ffffffe6;border-top:1px solid var(--glass-border);bottom:0;left:0;padding:12px clamp(16px,4vw,36px) 20px;position:-webkit-sticky;position:sticky;right:0}.igx-dock-inner{grid-gap:12px;backdrop-filter:blur(18px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#ffffffa6;background:var(--glass-bg);border:1px solid #ffffffe6;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 14px 40px #1018280f;box-shadow:var(--igx-shadow);display:grid;gap:12px;grid-template-columns:1fr auto;overflow:hidden;padding:10px;position:relative}.igx-dock-inner:before{background:linear-gradient(180deg,#ffffff8c,#ffffff26);background:var(--glass-shine);content:"";inset:0;pointer-events:none;position:absolute}.igx-input{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffffd9;border:1px solid #ffffffe6;border:1px solid var(--glass-border);border-radius:12px;color:#0b1220;color:var(--igx-text);font-size:14px;padding:12px 14px;resize:vertical;width:100%}.igx-input:focus{border-color:#4f46e573;box-shadow:0 0 0 3px #4f46e51f;outline:none}.igx-cta{align-items:center;background:linear-gradient(90deg,#4f46e5,#06b6d4);background:linear-gradient(90deg,var(--igx-accent),var(--igx-accent-2));border:1px solid #0000;border-radius:12px;box-shadow:0 12px 28px #4f46e540;color:#fff;display:inline-flex;font-weight:900;gap:8px;letter-spacing:.02em;min-width:140px;padding:0 16px;transition:transform .15s ease,filter .15s ease}.igx-cta:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.igx-cta:disabled{cursor:not-allowed;opacity:.6}.igx-error{background:linear-gradient(180deg,#ef44441a,#ef44440f);border:1px solid #ef444447;border-radius:10px;color:#7f1d1d;cursor:pointer;font-weight:700;margin-top:10px;padding:10px 12px}.tts-scope{background-color:#f8f9fa;font-family:Poppins,sans-serif;min-height:100vh;padding:40px}.tts-header{margin-bottom:40px;text-align:center}.tts-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8a2be2,#00bfff);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1.2;margin:0 0 10px}.tts-subtitle{color:#6c757d;font-size:1.1rem;margin:0 auto;max-width:600px}.model-selector{display:flex;gap:20px;justify-content:center;margin:0 auto 40px;max-width:800px}.model-btn{align-items:center;background-color:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex:1 1;gap:15px;padding:20px;text-align:left;transition:all .2s ease-in-out}.model-btn:hover{border-color:#dee2e6;box-shadow:0 8px 25px #00000012;transform:translateY(-3px)}.model-btn.active{background-color:#f8f0ff;border-color:#8a2be2;box-shadow:0 0 0 4px #8a2be21a}.model-btn h4{color:#212529;font-weight:600;margin:0 0 4px}.model-btn span{color:#6c757d;font-size:.85rem}.model-btn svg{color:#8a2be2}.tts-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:400px 1fr;margin:0 auto;max-width:1500px}.tts-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 8px 30px #0000000d;padding:24px}.card-title{align-items:center;color:#343a40;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0 0 20px}.tts-controls-panel,.tts-workspace-panel{display:flex;flex-direction:column;gap:30px}.voice-filters{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.voice-filters select{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:8px;font-size:.9rem;padding:10px;width:100%}.voice-list{max-height:400px;overflow-y:auto;padding-right:10px}.voice-item{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:background-color .2s,box-shadow .2s}.voice-item:hover{background-color:#f1f3f5}.voice-item.active{background-color:#e9ecef;border-color:#8a2be2;box-shadow:0 0 0 3px #8a2be21a}.voice-info{gap:12px}.voice-gender-icon,.voice-info{align-items:center;display:flex}.voice-gender-icon{border-radius:50%;color:#fff;height:28px;justify-content:center;width:28px}.voice-gender-icon.male{background-color:#007bff}.voice-gender-icon.female{background-color:#e83e8c}.voice-gender-icon.openai{background-color:#10a37f}.voice-name{color:#212529;display:block;font-weight:500}.voice-locale{color:#6c757d;font-size:.8rem}.preview-btn{align-items:center;background:#f8f9fa;border:1px solid #ced4da;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.preview-btn:hover{background-color:#e9ecef}.slider-group{margin-bottom:20px}.slider-group label{color:#495057;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-bottom:10px}.slider-group input[type=range]{-webkit-appearance:none;appearance:none;background:#e9ecef;border-radius:3px;height:6px;outline:none;width:100%}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#8a2be2;border-radius:50%;cursor:pointer;height:18px;width:18px}.slider-group input[type=range]::-moz-range-thumb{background:#8a2be2;border-radius:50%;cursor:pointer;height:18px;width:18px}.main-input-card .text-input-area{background-color:#fdfdff;border:1px solid #ced4da;border-radius:12px;font-size:1rem;height:250px;margin-bottom:15px;padding:15px;resize:vertical;width:100%}.main-input-card .text-input-area:focus{border-color:#8a2be2;box-shadow:0 0 0 3px #8a2be21a;outline:none}.generation-actions{align-items:center;display:flex;justify-content:space-between}.char-count{color:#6c757d;font-size:.85rem}.action-buttons{display:flex;gap:10px}.generate-btn{align-items:center;background:#8a2be2;border:none;border-radius:8px;box-shadow:0 4px 15px #8a2be233;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.generate-btn:hover:not(:disabled){box-shadow:0 7px 20px #8a2be24d;transform:translateY(-2px)}.generate-btn:disabled{background:#adb5bd;box-shadow:none;cursor:not-allowed}.generated-audio-list{display:flex;flex-direction:column;gap:15px;max-height:50vh;overflow-y:auto;padding:5px}.audio-item{grid-gap:20px;align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;display:grid;gap:20px;grid-template-columns:auto 1fr auto;padding:15px;transition:all .2s ease}.audio-item.playing{border-color:#8a2be2;box-shadow:0 4px 15px #8a2be21a}.play-pause-btn{align-items:center;background-color:#f1f3f5;border:none;border-radius:50%;color:#495057;cursor:pointer;display:flex;height:48px;justify-content:center;transition:background-color .2s,color .2s;width:48px}.audio-item.playing .play-pause-btn{background-color:#8a2be2;color:#fff}.audio-details{overflow:hidden}.audio-text-preview{color:#495057;font-size:.95rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tags{display:flex;gap:8px;margin-top:8px}.audio-model-tag,.audio-voice-tag{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 10px}.audio-voice-tag{background-color:#e9ecef;color:#495057}.audio-model-tag.standard{background-color:#e7f5ff;color:#1c7ed6}.audio-model-tag.best{background-color:#fff0f6;color:#d6336c}.download-btn-new{align-items:center;background:#f8f9fa;border:1px solid #ced4da;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;height:40px;justify-content:center;text-decoration:none;width:40px}.download-btn-new:hover{background-color:#e9ecef}.empty-state{border:2px dashed #e9ecef;border-radius:16px;color:#adb5bd;padding:50px 20px;text-align:center}.empty-state .placeholder-icon{margin-bottom:20px}.empty-state h4{color:#6c757d;margin:0 0 10px}.spinner-container{align-items:center;display:flex;justify-content:center;padding:40px}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;padding:15px;text-align:center}@media (max-width:1200px){.tts-layout{grid-template-columns:1fr}}@media (max-width:768px){.tts-scope{padding:20px}.tts-main-title{font-size:2.5rem}.model-selector{flex-direction:column}}.api-keys-page{background-color:var(--background-color);color:var(--text-primary);font-family:Inter,sans-serif;padding:40px}.page-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:20px;margin-bottom:30px;padding-bottom:25px}.header-icon-wrapper{align-items:center;background-color:var(--primary-color-light);border-radius:var(--border-radius-md);color:var(--primary-color);display:flex;height:50px;justify-content:center;width:50px}.page-header h1{font-size:28px;font-weight:700;margin:0 0 5px}.page-header p{color:var(--text-secondary);margin:0}.create-key-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:8px;box-shadow:0 4px 15px #8a2be233;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;margin-left:auto;padding:10px 18px;transition:all .2s ease}.create-key-btn:hover{box-shadow:0 6px 20px #8a2be24d;transform:translateY(-2px)}.keys-list-container{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.keys-table{border-collapse:collapse;width:100%}.keys-table td,.keys-table th{border-bottom:1px solid var(--border-color);padding:16px 20px;text-align:left}.keys-table th{background-color:#f9fafb;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.keys-table td{color:var(--text-primary);font-size:15px}.keys-table tr:last-child td{border-bottom:none}.keys-table code{background-color:#f3f4f6;border-radius:4px;font-family:Fira Code,monospace;font-size:14px;padding:3px 6px}.scopes-tags{display:flex;flex-wrap:wrap;gap:6px}.scope-tag{background-color:#eef2ff;border-radius:99px;color:#4338ca;font-size:12px;font-weight:500;padding:3px 8px}.delete-btn{background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;padding:6px}.delete-btn:hover{background-color:#fef2f2;color:#ef4444}.empty-state,.loading-state{padding:60px 20px;text-align:center}.loading-state{align-items:center;color:var(--text-secondary);display:flex;font-size:16px;gap:10px;justify-content:center}.empty-state h3{color:var(--text-primary);font-size:18px;margin:0 0 10px}.empty-state p{color:var(--text-secondary);margin:0}.api-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#11182799;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.api-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-width:550px;overflow:hidden;width:100%}.api-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.api-modal-header h3{font-size:18px;font-weight:600;margin:0}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer}.api-modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-size:15px;padding:10px 12px;width:100%}.scopes-container{display:flex;flex-direction:column;gap:10px}.scope-option{align-items:flex-start;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.scope-option.selected{background-color:var(--primary-color-light);border-color:var(--primary-color)}.scope-checkbox{align-items:center;border:2px solid var(--border-color);border-radius:6px;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;width:20px}.scope-option.selected .scope-checkbox{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox-tick{background-color:#fff;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);height:10px;width:10px}.scope-name{color:var(--text-primary);font-weight:500;margin:0 0 4px}.scope-description{color:var(--text-secondary);font-size:13px;margin:0}.warning-box{align-items:flex-start;background-color:#fffbeb;border-radius:8px;color:#b45309;display:flex;gap:12px;margin-bottom:20px;padding:12px}.warning-icon{flex-shrink:0;margin-top:2px}.warning-box p{font-size:14px;line-height:1.6;margin:0}.key-display-box{align-items:center;background-color:#f3f4f6;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:10px;padding:12px}.full-key-text{flex-grow:1;font-family:Fira Code,monospace;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:6px 10px}.api-modal-footer{background-color:#f9fafb;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.modal-action-btn{background-color:#fff;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.modal-action-btn.primary{background:var(--primary-gradient);border:none;color:#fff}.modal-action-btn:disabled{background:#e5e7eb;color:var(--text-muted);cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}:root{--docs-bg:#f8f9fa;--docs-text:#212529;--docs-text-light:#495057;--docs-border:#dee2e6;--docs-primary:#8a2be2;--docs-code-bg:#1e1e1e}.api-docs-container{background-color:#f8f9fa;background-color:var(--docs-bg);color:#212529;color:var(--docs-text);font-family:Inter,sans-serif;line-height:1.7;min-height:100vh;padding:40px}.back-home-link{color:#495057;color:var(--docs-text-light);display:inline-block;font-weight:500;margin-bottom:30px;text-decoration:none;transition:color .2s}.back-home-link:hover{color:#8a2be2;color:var(--docs-primary)}.docs-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--docs-border);margin-bottom:60px;padding-bottom:30px;text-align:center}.docs-header h1{font-size:48px;font-weight:700;margin:0 0 15px}.docs-header p{color:#495057;color:var(--docs-text-light);font-size:18px;margin:0 auto;max-width:600px}.docs-layout{grid-gap:50px;display:grid;gap:50px;grid-template-columns:240px 1fr;margin:0 auto;max-width:1400px}.docs-sidebar{align-self:start;position:-webkit-sticky;position:sticky;top:40px}.docs-sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar-link{align-items:center;border-radius:8px;color:#495057;color:var(--docs-text-light);display:flex;font-weight:500;gap:12px;padding:10px 15px;text-decoration:none;transition:all .2s}.sidebar-link:hover{background-color:#e9ecef;color:#212529;color:var(--docs-text)}.sidebar-link.active{background-color:#f8f0ff;color:#8a2be2;color:var(--docs-primary);font-weight:600}.docs-content{min-width:0}.docs-section{margin-bottom:70px}.docs-section h2{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--docs-border);font-size:32px;font-weight:600;margin-bottom:25px;padding-bottom:10px}.docs-section h4{font-size:20px;font-weight:600;margin:40px 0 15px}.docs-section li,.docs-section p{font-size:16px;margin-bottom:15px}.docs-section code{background-color:#e9ecef;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em;padding:3px 6px}.docs-section a{color:#8a2be2;color:var(--docs-primary);font-weight:500;text-decoration:none}.docs-section a:hover{text-decoration:underline}.endpoint-tag{align-items:center;border-radius:6px;display:inline-flex;font-family:Fira Code,monospace;font-size:15px;gap:10px;padding:8px 12px}.endpoint-tag.POST{background-color:#e7f5ff;border:1px solid #a5d8ff;color:#1c7ed6}.endpoint-tag code{background:none;padding:0}.params-table{border-collapse:collapse;font-size:15px;margin:25px 0;width:100%}.params-table td,.params-table th{border:1px solid #dee2e6;border:1px solid var(--docs-border);padding:12px 15px;text-align:left}.params-table th{background-color:#f8f9fa;font-weight:600}.params-table td:first-child{font-family:Fira Code,monospace}.code-block-wrapper{font-size:14px;margin:25px 0;position:relative}.copy-code-btn{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;opacity:.6;padding:6px 10px;position:absolute;right:12px;top:12px;transition:opacity .2s;z-index:2}.code-block-wrapper:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{background-color:#fff3}.code-block-wrapper pre{background-color:#1e1e1e!important;background-color:var(--docs-code-bg)!important;border-radius:8px!important;font-family:Fira Code,monospace!important;line-height:1.6!important;margin:0!important;padding:20px!important;white-space:pre-wrap!important;word-break:break-all}.code-block-wrapper pre code{background:none!important;text-shadow:none!important}.code-block-wrapper pre code span[style]{display:inline!important}.code-block-wrapper .token-line{margin:0!important;padding:0!important}.notice{border-left:4px solid;border-radius:8px;margin:20px 0;padding:15px 20px}.notice.warning{background-color:#fffbeb;border-color:#facc15;color:#b45309}@media (max-width:900px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--docs-border);margin-bottom:40px;padding-bottom:20px;position:static}.docs-sidebar nav{flex-direction:row;flex-wrap:wrap}}@media (max-width:600px){.api-docs-container{padding:20px}.docs-header h1{font-size:36px}}
/*# sourceMappingURL=main.0b39dece.css.map*/