<style>*{border:none!important;box-shadow:none!important;scrollbar-width: thin!important;}body{width:100%!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;flex-grow:1!important;background:radial-gradient(circle,#1B1B1B,#121212)!important;color:#FAFAFA!important;font-size:18px!important;font-weight:normal!important;}gradio-app{display:flex!important;flex-direction:column!important;flex-grow:1!important;background:linear-gradient(135deg,#1B1B1B,#121212)!important;}#col_container,#chatbot,.gradio-container,.main,.wrap,.contain,#component-1,#component-2,.message-wrap,.message,.block{background:linear-gradient(135deg,#1B1B1B,#121212)!important;color:#FAFAFA!important;font-size:18px!important;margin:0!important;padding:0!important;font-weight:normal!important;border:none!important;box-shadow:none!important;max-width:100%!important;border-style:none!important;}h1,h2,h3,p,span,div{color:#FAFAFA!important;margin:0!important;padding:0!important;font-weight:normal!important;}#chatbot .message{margin:5px 0!important;padding:10px!important;background:linear-gradient(135deg,rgba(30,30,30,0.5),rgba(50,50,50,0.5))!important;color:#FAFAFA!important;border:none!important;box-shadow:none!important;border-radius:0!important;}h1{color:#87cefa!important;}h3{color:#98fb98!important;}#component-2 h3{color:#ff6347!important;}#component-9{background:radial-gradient(circle,#3A3A3A,#1B1B1B)!important;color:#4D3B31!important;}input{background:linear-gradient(135deg,#555555,#333333)!important;color:#FAFAFA!important;border:none!important;box-shadow:none!important;width:100%;height:auto!important;max-height:50vh!important;resize:none;overflow:auto;}footer,.built-with{background:linear-gradient(180deg,#333333,#1B1B1B)!important;color:#FAFAFA!important;}#col_container{padding:0!important;}#chatbot{padding:10px!important;background:linear-gradient(135deg,#252525,#1A1A1A)!important;color:#FAFAFA!important;border:none!important;box-shadow:none!important;border-style:none!important;flex-grow:1!important;height:calc(80vh - 20px)!important;overflow:hidden!important;display:flex!important;flex-direction:column-reverse!important;}#main{border-style:none!important;}#gradio-container{max-width:100%!important;height:100vh!important;display:flex!important;flex-direction:column!important;flex-grow:1!important;}#component-0,#component-1,#component-2,#col_container,#chatbot{flex-grow:1!important;min-height:0!important;}#component-5,.form{order:-1!important;flex-grow:0!important;}#user_consent_container{height:auto!important;flex-grow:0!important;}#chatbot .wrap{height:calc(100% - 20px)!important;max-height:calc(100% - 20px)!important;}.message-wrap.svelte-a99nd8.svelte-a99nd8{gap:0!important;flex-grow:1!important;max-height:100%!important;}.message.svelte-a99nd8.svelte-a99nd8{border-radius:0!important;}.wrap.svelte-a99nd8{height:calc(100vh - 20px - 50px)!important;max-height:calc(100vh - 20px - 50px)!important;}.gap.svelte-1adap6y{gap:0!important;}footer,.parameters{flex-grow:0!important;height:50px!important;}.wrap.svelte-ujkds4{min-height:0!important;}</style> now in this only style need to paint all scrollbars extremely contrastive. place it all at global “*” override with !important, because not all scrollbars affected, only in input field. redo everything. output in one-lined css style in style tags.