.main-header.transparent{background-color:transparent;box-shadow:none;border-bottom:none}.main-header.settings-background{background-color:var(--settings-bg);box-shadow:none}.main-header{display:flex;justify-content:space-between;align-items:center;padding-top:calc(5px + env(safe-area-inset-top,0px));padding-right:10px;padding-bottom:0;padding-left:10px;width:100%;box-sizing:border-box;background-color:var(--header-bg);color:var(--text-color);z-index:100;box-shadow:0 2px 16px #0000000f}@media screen and (max-width: 768px){.main-header{padding-top:calc(7px + env(safe-area-inset-top,0px));min-height:60px}}.header-title{background:linear-gradient(90deg,#4180ee,#1defcc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;font-family:Montserrat,sans-serif;font-size:2rem;font-style:normal;font-weight:700;line-height:normal;margin:0;position:relative;top:-3px}.header-title.settings-title{background:linear-gradient(90deg,#4180ee,#1defcc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;font-family:Montserrat,sans-serif;font-size:2.8rem;font-style:normal;font-weight:700;line-height:normal}.header-title-container{display:flex;align-items:center;gap:10px;justify-content:center;flex:2}.status-indicator{width:7.769px;height:7.769px;flex-shrink:0;transform:translate(-10px,-10px)}.header-slot{flex:1}.header-slot.left{display:flex;justify-content:flex-start}.header-slot.right{display:flex;justify-content:flex-end}.header-right-slot{display:flex;align-items:center;gap:4px;flex-shrink:0}.header-icon-btn{background:transparent;border:none;cursor:pointer;padding:10px;color:var(--text-color);z-index:2;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);border-radius:8px;display:flex;align-items:center;justify-content:center}.header-icon-btn:active{transform:scale(.92);opacity:.7}@media (hover: hover){.header-icon-btn:hover{background-color:#0000000d}body[data-theme=dark] .header-icon-btn:hover{background-color:#ffffff14}}.header-icon-btn svg{width:20px;height:20px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.offline-screen{position:fixed;inset:0;background:linear-gradient(145deg,#f0f4f8,#d9e4f1,#c5d9f0);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;padding:24px;text-align:center;color:#1e3a5f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.offline-screen__bg-decoration{position:absolute;inset:0;overflow:hidden;pointer-events:none}.offline-screen__circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#3b82f614,#93c5fd0d);animation:float 8s ease-in-out infinite}.offline-screen__circle--1{width:300px;height:300px;top:-100px;right:-80px;animation-delay:0s}.offline-screen__circle--2{width:200px;height:200px;bottom:10%;left:-60px;animation-delay:-3s}.offline-screen__circle--3{width:150px;height:150px;bottom:30%;right:5%;animation-delay:-5s}.offline-screen__content{max-width:380px;width:100%;position:relative;z-index:1;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.offline-screen__icon-wrapper{position:relative;width:120px;height:120px;margin:0 auto 28px;display:flex;align-items:center;justify-content:center}.offline-screen__icon-wrapper--spinning .offline-screen__icon{animation:spin 1s linear infinite}.offline-screen__icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #3b82f64d,0 4px 12px #3b82f633,inset 0 1px #fff3;transition:all .4s cubic-bezier(.16,1,.3,1)}.offline-screen__icon svg{width:40px;height:40px;color:#fff}.offline-screen__signal-waves{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.offline-screen__signal-waves span{position:absolute;border:2px solid rgba(59,130,246,.2);border-radius:24px;animation:wave 2s ease-out infinite}.offline-screen__signal-waves span:nth-child(1){width:90px;height:90px;animation-delay:0s}.offline-screen__signal-waves span:nth-child(2){width:110px;height:110px;animation-delay:.5s}.offline-screen__signal-waves span:nth-child(3){width:130px;height:130px;animation-delay:1s}.offline-screen__title{font-size:26px;font-weight:700;margin-bottom:12px;color:#1e3a5f;letter-spacing:-.5px;line-height:1.2}.offline-screen__message{font-size:15px;line-height:1.6;margin-bottom:28px;color:#4a6b8a;max-width:320px;margin-left:auto;margin-right:auto}.offline-screen__actions{display:flex;flex-direction:column;gap:12px;align-items:center;margin-bottom:24px}.offline-screen__retry-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);min-width:180px;border:none}.offline-screen__retry-btn svg{width:18px;height:18px}.offline-screen__retry-btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f659,0 2px 6px #3b82f633}.offline-screen__retry-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666,0 4px 10px #3b82f640}.offline-screen__retry-btn--primary:active{transform:translateY(0)}.offline-screen__retry-btn--secondary{background:#ffffffb3;color:#3b82f6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.2)}.offline-screen__retry-btn--secondary:hover{background:#ffffffe6;border-color:#3b82f64d}.offline-screen__retry-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.offline-screen__status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#6b8aab;margin-bottom:28px}.offline-screen__status-dot{width:6px;height:6px;background:#f59e0b;border-radius:50%;animation:blink 1.5s ease-in-out infinite}.offline-screen__features{background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:20px 24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 20px #0000000a}.offline-screen__features-title{font-size:14px;font-weight:600;margin-bottom:16px;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px}.offline-screen__features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.offline-screen__features-list li{display:flex;align-items:center;gap:10px;font-size:13px;color:#4a6b8a;text-align:left}.offline-screen__feature-icon{font-size:16px;flex-shrink:0}.offline-screen--checking .offline-screen__icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 40px #f59e0b4d,0 4px 12px #f59e0b33,inset 0 1px #fff3}.offline-screen--connected .offline-screen__icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 40px #10b9814d,0 4px 12px #10b98133,inset 0 1px #fff3;animation:successPulse .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10px,-20px) scale(1.05)}}@keyframes wave{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}body[data-theme=dark] .offline-screen{background:linear-gradient(145deg,#0f172a,#1e293b,#0f172a);color:#e2e8f0}body[data-theme=dark] .offline-screen__circle{background:linear-gradient(135deg,#3b82f61a,#1e40af0d)}body[data-theme=dark] .offline-screen__title{color:#f1f5f9}body[data-theme=dark] .offline-screen__message{color:#94a3b8}body[data-theme=dark] .offline-screen__features{background:#1e293bb3;border-color:#33415580}body[data-theme=dark] .offline-screen__features-title{color:#60a5fa}body[data-theme=dark] .offline-screen__features-list li{color:#94a3b8}body[data-theme=dark] .offline-screen__retry-btn--secondary{background:#1e293bb3;color:#60a5fa;border-color:#3b82f64d}body[data-theme=dark] .offline-screen__retry-btn--secondary:hover{background:#1e293be6}body[data-theme=dark] .offline-screen__status{color:#64748b}body[data-theme=dark] .offline-screen__signal-waves span{border-color:#3b82f626}@media (max-width: 480px){.offline-screen{padding:20px}.offline-screen__content{max-width:100%}.offline-screen__title{font-size:22px}.offline-screen__icon-wrapper{width:100px;height:100px}.offline-screen__icon{width:68px;height:68px;border-radius:20px}.offline-screen__icon svg{width:34px;height:34px}.offline-screen__signal-waves span:nth-child(1){width:78px;height:78px}.offline-screen__signal-waves span:nth-child(2){width:94px;height:94px}.offline-screen__signal-waves span:nth-child(3){width:110px;height:110px}.offline-screen__features{padding:16px 18px}.offline-screen__features-list{grid-template-columns:1fr;gap:10px}.offline-screen__retry-btn{width:100%}}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/aitours/fonts/Montserrat-Regular.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/aitours/fonts/Montserrat-Medium.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/aitours/fonts/Montserrat-SemiBold.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/aitours/fonts/Montserrat-Bold.ttf) format("truetype")}:root{--min-vw: 360px;--keyboard-height: 0px;--app-height: 100dvh}html{font-size:62.5%;box-sizing:border-box;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}*,*:before,*:after{box-sizing:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{min-width:var(--min-vw);overflow-x:auto}body{--background-color: #fff;--settings-bg: #f7f7f7;--text-color: #000;--header-bg: #f8f8f8;--sidebar-bg: #f8f8f8;--chat-bg: #fff;--chat-bg-overlay: rgba(255, 255, 255, .93);--pattern-filter: none;--pattern-opacity: .15;--chat-item-bg: #f0f0f0;--user-bubble-bg: linear-gradient(92deg, #4180ee -14.67%, #1defcc 121.42%), #235ee4;--bot-bubble-bg: #e5e8ea;--input-bg: #e1e1e1;--button-bg: #007bff;--button-text: #fff;--settings-item-bg: #fff;--user-bubble-text-color: #f5f7f6;--bot-bubble-text-color: #5f6274;--placeholder-color: rgba(32, 33, 39, .5);--mascot-glow-background: rgba(84, 144, 189, .5);--feature-card-bg: rgba(255, 255, 255, .5);--feature-card-border: 1px solid rgba(116, 117, 133, .5);--feature-card-backdrop-blur: blur(5px);--feature-card-text-color: #5c5c5c;--chevron-color: #202127;background-color:var(--background-color);min-height:100vh;height:var(--app-height, 100dvh);width:100%;overflow-y:hidden;position:relative;overscroll-behavior:contain;margin:0;line-height:1.5;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);overscroll-behavior-y:none;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (prefers-reduced-motion: reduce){body{transition:none}}body[data-theme=dark]{--background-color: #212228;--settings-bg: #191a1f;--text-color: #fff;--header-bg: #202127;--sidebar-bg: rgba(23, 24, 30, .9);--chat-bg: #202127;--chat-bg-overlay: rgba(32, 33, 39, .93);--pattern-filter: invert(1) brightness(.8);--pattern-opacity: .12;--settings-item-bg: #202127;--chat-item-bg: #2d2d2d;--user-bubble-bg: linear-gradient(92deg, #4180ee -14.67%, #1defcc 121.42%), #235ee4;--bot-bubble-bg: #e5e8ea;--input-bg: #2d2d2d;--button-bg: #bb86fc;--button-text: #000;--user-bubble-text-color: #f5f7f6;--bot-bubble-text-color: #5f6274;--placeholder-color: rgba(255, 255, 255, .5);--mascot-glow-background: rgba(84, 144, 189, .5);--feature-card-bg: rgba(23, 24, 30, .5);--feature-card-border: .74px solid rgba(116, 117, 133, .5);--feature-card-backdrop-blur: blur(3.8px);--feature-card-text-color: #fff;--chevron-color: #fff}#root{height:100%;width:100%;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}.main-layout{height:100%;width:100%;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0)}.main-content{height:100%;width:100%;transform:translateZ(0);-webkit-transform:translateZ(0);animation:fadeInContent .25s cubic-bezier(.4,0,.2,1)}@keyframes fadeInContent{0%{opacity:0;transform:translateY(8px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@media (prefers-reduced-motion: reduce){.main-content{animation:none}@keyframes fadeInContent{0%,to{opacity:1;transform:none}}}.main-layout,.main-content,.sidebar,.chat-screen{transform:translateZ(0);will-change:auto}.sidebar-content,.chat-list,.chat-messages-container,.settings-content,.main-content{-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion: no-preference){.sidebar-content,.chat-list,.main-content{scroll-behavior:smooth}}body.keyboard-open.chat-page-active{overflow:hidden;position:fixed;width:100%}button{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}a{font-weight:500;text-decoration:inherit;-webkit-tap-highlight-color:transparent;transition:color .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}button,input,textarea,select{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
