.ai-screen{background-repeat:no-repeat;background-position:center center;background-size:cover}.ai-section{width:100%;max-width:850px;margin:auto}.ai-section>*{padding:15px;text-align:center;color:#fff}.ai-header h1{font-size:40px;font-weight:400}.ai-header p{font-size:20px;font-weight:400}.ai-footer p{font-size:24px}.ai-footer p b{font-weight:900}.ai-section-wrapper{display:flex;align-items:center;justify-content:center}.ai-message-box{--border-width:1px;--radius:36px;background:rgba(255,255,255,10%);backdrop-filter:unset;position:relative;border-radius:var(--radius);border:var(--border-width) solid transparent}.ai-message-box-inner{position:relative;z-index:1}.ai-message-box:not(.focus)::before{content:" ";position:absolute;inset:-1px;border:1px solid transparent;border-radius:inherit;background-image:conic-gradient(from var(--angle),#fff var(--percent1),#3339f1 var(--percent2),#3339f1 var(--percent3),#fff var(--percent4));background-origin:border-box;-webkit-mask:linear-gradient(black,black) content-box,linear-gradient(black,black);mask:linear-gradient(black,black),linear-gradient(black,black);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;animation:spin-ai 5s linear infinite}.ai-message-box:hover::before{animation-play-state:paused}.ai-message-box-inner{padding:30px}.ai-message-box-inner textarea{width:100%;background:0 0;border:none!important;outline:none!important;font-family:"DM Sans",sans-serif!important;font-size:20px;color:#fff;resize:none}.ai-message-box-inner textarea::placeholder{color:#d2d2d2}.ai-message-box-footer{display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:10px 0}.ai-message-box-footer .suggestion-list{flex:1;display:flex;gap:10px;list-style:none;padding:0 0 5px;margin:0;overflow-x:auto;white-space:nowrap}.ai-message-box-footer .suggestion-list-wrapper{position:relative;width:100%;overflow-x:auto;white-space:nowrap}.ai-message-box-footer .suggestion-list-wrapper:before,.ai-message-box-footer .suggestion-list-wrapper:after{content:"";height:100%;width:50px;position:absolute;top:0;bottom:0;pointer-events:none}.ai-message-box-footer .suggestion-list-wrapper:before{left:0;background:linear-gradient(90deg,#27213f,transparent)}.ai-message-box-footer .suggestion-list-wrapper:after{right:0;background:linear-gradient(90deg,transparent,#27213f)}.ai-message-box-footer .suggestion-list li{background:rgba(0,0,0,35%);padding:4px 24px;border-radius:50px;font-size:15px;color:#fff;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.2s ease}.ai-message-box-footer .suggestion-list li:hover{background:rgba(255,255,255,.12)}.suggestion-list::-webkit-scrollbar{height:5px}.suggestion-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:50px}.suggestion-list::-webkit-scrollbar-thumb{background:#888;border-radius:50px}.ai-message-box-footer button{width:65px;min-width:65px;height:65px;border-radius:100px;border:none;cursor:pointer;background:#f0f0f0!important;display:flex;align-items:center}@media (max-width:768px){.suggestion-list-wrapper{position:relative;padding-bottom:20px;animation:hintSlide 1.2s ease-out 1.5s 1}.suggestion-list-wrapper::after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:42px;height:6px;background:rgba(255,255,255,.4);border-radius:20px}.ai-message-box-footer .suggestion-list-wrapper:before{width:80px}.ai-message-box-footer .suggestion-list-wrapper:after{width:80px}.ai-message-box-footer .suggestion-list li{padding:6px 22px;font-size:15px}}.suggestion-list-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.suggestion-list{display:inline-flex;gap:10px;padding:0;margin:0;list-style:none;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;cursor:grab}.suggestion-item{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(255,255,255,.15);border-radius:10px;white-space:nowrap}.suggestion-list.dragging{cursor:grabbing;user-select:none}