.message-list{flex:1;overflow-y:auto;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:transparent}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:#8b00001a}.message-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#c41e3a,#8b0000);border-radius:4px}.message-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#dc143c,#c41e3a)}.message{display:flex;flex-direction:column;max-width:85%;animation:fadeIn .4s ease-out;word-wrap:break-word}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-user{align-self:flex-end;align-items:flex-end}.message-assistant{align-self:flex-start;align-items:flex-start}.message-content{padding:1rem 1.25rem;border-radius:12px;line-height:1.75;word-wrap:break-word;font-size:.9375rem;position:relative}.message-user .message-content{background:linear-gradient(135deg,#228b22,#006400);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px #228b2266;border:2px solid #ffd700}.message-assistant .message-content{background:linear-gradient(135deg,#c41e3a,#8b0000);color:#fff;border-bottom-left-radius:4px;box-shadow:0 4px 12px #c41e3a4d;border:2px solid rgba(255,215,0,.3)}.message-timestamp{font-size:.6875rem;color:gold;margin-top:.375rem;padding:0 .5rem;opacity:.8}.typing-indicator{display:inline-block;animation:blink 1s infinite;margin-left:3px;color:#8e8ea0;font-weight:500}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.loading-dots{display:inline-flex;gap:5px;align-items:center;padding:.5rem 0}.loading-dots span{animation:bounce 1.4s infinite ease-in-out both;background:#8e8ea0;border-radius:50%;display:inline-block;height:6px;width:6px}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.message-list{padding:1rem .75rem;gap:1.25rem;min-height:0;flex:1 1 auto}.message{max-width:90%}.message-content{padding:.875rem 1rem;font-size:.875rem;line-height:1.65}}.chat-input-container{padding:1rem;border-top:2px solid rgba(220,20,60,.3);background:#8b000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;z-index:10;position:relative}.chat-input-wrapper{display:flex;gap:.75rem;align-items:flex-end;max-width:768px;margin:0 auto;position:relative}.chat-input{flex:1;padding:.875rem 3rem .875rem 1rem;border:2px solid rgba(255,215,0,.5);border-radius:12px;font-size:.9375rem;font-family:inherit;resize:none;min-height:52px;max-height:200px;line-height:1.5;background:#ffffff1a;color:#fff;transition:all .2s ease;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-input::placeholder{color:#ffd700b3}.chat-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033;background:#ffffff26}.chat-input:disabled{background:#3a3b47;cursor:not-allowed;opacity:.6}.send-button{position:absolute;right:.5rem;bottom:.5rem;padding:.5rem;background:linear-gradient(135deg,gold,orange);color:#8b0000;border:2px solid #fff;border-radius:8px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ffd70066;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,gold);transform:scale(1.1) rotate(5deg);box-shadow:0 6px 16px #ffd70099}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background:#8b00004d;border-color:#ffd7004d;cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.send-button:before{content:"↑";font-size:1.125rem;line-height:1;display:block}@media (max-width: 768px){.chat-input-container{padding:.75rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.chat-input-wrapper{max-width:100%}.chat-input{font-size:16px;min-height:48px;padding:.75rem 2.75rem .75rem .875rem}.send-button{width:40px;height:40px;min-width:40px;min-height:40px;right:.375rem;bottom:.375rem;font-size:.875rem}}@media screen and (max-width: 768px){.chat-input{font-size:16px!important}}.industry-selector{display:flex;align-items:center;gap:.5rem}.industry-label{font-size:.8125rem;color:#8e8ea0;font-weight:500}.industry-select{padding:.5rem .875rem;border:1px solid #565869;border-radius:6px;font-size:.8125rem;background:#40414f;color:#ececf1;cursor:pointer;min-width:140px;transition:all .2s ease}.industry-select:hover{border-color:#6e6e80;background:#4a4b5a}.industry-select:focus{outline:none;border-color:#19c37d;box-shadow:0 0 0 2px #19c37d1a;background:#4a4b5a}.industry-select option{background:#40414f;color:#ececf1}@media (max-width: 768px){.industry-selector{flex-direction:column;align-items:stretch;gap:.375rem}.industry-label{font-size:.75rem}.industry-select{min-width:100%;font-size:.75rem;padding:.4375rem .75rem}}.chat-interface{display:flex;flex-direction:column;height:100%;width:100%;background:transparent}.chat-controls{display:flex;gap:.75rem;padding:.75rem 1rem;border-bottom:2px solid rgba(220,20,60,.2);background:#8b00001a;align-items:center;flex-shrink:0;flex-wrap:wrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-layout{display:flex;flex:1;overflow:hidden;position:relative;min-height:0}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}@media (max-width: 768px){.chat-interface{height:100%;min-height:0;overflow:hidden}.chat-controls{padding:.625rem .75rem;gap:.5rem}.chat-layout{flex-direction:column;min-height:0;overflow:hidden}.chat-main{flex:1 1 0;min-height:0;max-height:none;display:flex;flex-direction:column;overflow:hidden}}.app{display:flex;flex-direction:column;height:100vh;width:100%;margin:0 auto;background:transparent;color:#fff;position:relative}.app-header{padding:1.5rem;border-bottom:2px solid rgba(220,20,60,.3);background:linear-gradient(135deg,#c41e3a,#8b0000);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 20px #0000004d;position:relative;overflow:hidden}.app-header:before{content:"❄️";position:absolute;font-size:2rem;opacity:.2;animation:float 3s ease-in-out infinite;left:10%;top:50%;transform:translateY(-50%)}.app-header:after{content:"❄️";position:absolute;font-size:1.5rem;opacity:.2;animation:float 3s ease-in-out infinite 1.5s;right:10%;top:50%;transform:translateY(-50%)}@keyframes float{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-60%) translate(10px)}}.app-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:1px;text-align:center}.app-header p{font-size:1rem;color:gold;margin:.5rem 0 0;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-weight:500}.app-main{flex:1;display:flex;overflow:hidden;position:relative;background:linear-gradient(180deg,#1a1a2ef2,#0f3460f2)}@media (max-width: 768px){.app{height:100vh;height:100dvh;overflow:hidden}.app-header{padding:1rem}.app-header h1{font-size:1.5rem}.app-header p{font-size:.875rem}.app-main{min-height:0;overflow:hidden}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background:linear-gradient(135deg,#1a1a2e,#0f3460,#16213e);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#0f3460,#16213e);background-attachment:fixed;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-y;overscroll-behavior-y:none;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 40%,white,transparent),radial-gradient(1px 1px at 33% 60%,white,transparent),radial-gradient(1px 1px at 55% 80%,white,transparent);background-repeat:repeat;background-size:200px 200px;animation:snowflakes 20s linear infinite;pointer-events:none;opacity:.3;z-index:1}@keyframes snowflakes{0%{transform:translateY(0)}to{transform:translateY(200px)}}#root{width:100%;height:100vh;background:transparent;position:relative;z-index:2}
