:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.app-header{background:#fffffffa;padding:1rem 1.5rem;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{text-align:center}.logo h1{font-size:clamp(1.25rem,4vw,2rem);color:#333;margin:0;line-height:1.2}.logo .subtitle{font-size:clamp(.75rem,2vw,.9rem);color:#667eea;font-weight:600;display:block;margin-top:.25rem}.app-main{flex:1;padding:1rem;max-width:1600px;width:100%;margin:0 auto;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.editor-container{display:grid;grid-template-columns:1fr;gap:1.5rem;background:#fff;color:#333;border-radius:12px;padding:1.5rem;box-shadow:0 10px 40px #0000001a;flex:1;min-height:0;height:100%}@media (min-width: 768px){.app-main{padding:1.5rem}.editor-container{padding:2rem}}@media (min-width: 1024px){.app-main{padding:2rem}.editor-container{grid-template-columns:1fr auto 1fr}}.input-section,.result-panel{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.input-section h2,.result-header h2,.input-panel h2,.result-panel-full h2{font-size:clamp(1.1rem,3vw,1.5rem);color:#333;margin-bottom:1rem;line-height:1.3}.feature-container h2{font-size:clamp(1.1rem,3vw,1.5rem);line-height:1.3}.feature-container h3{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.3}.text-editor,.result-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.text-area{width:100%;max-width:100%;padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;line-height:1.6;resize:none;font-family:inherit;transition:border-color .3s;box-sizing:border-box}@media (min-width: 768px){.text-area{padding:1rem;font-size:1rem}}.text-area:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.text-area::placeholder{color:#666;opacity:1}.text-area.result{background-color:#6c757d;color:#fff;font-weight:500}.editor-info{margin-top:.5rem;text-align:right;font-size:.875rem;color:#555;font-weight:500}.tool-panel{width:100%;border:none;border-top:2px solid #f0f0f0;border-bottom:2px solid #f0f0f0;padding:1.5rem 0;overflow-y:visible;max-height:none}@media (min-width: 1024px){.tool-panel{min-width:280px;max-width:320px;border:none;border-left:2px solid #f0f0f0;border-right:2px solid #f0f0f0;padding:0 1.5rem;overflow-y:auto;max-height:700px}}.tool-panel h3{font-size:1.25rem;color:#333;margin-bottom:1.5rem;text-align:center}.tool-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.tool-section:last-child{border-bottom:none}.tool-section h4{font-size:1rem;color:#333;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;font-weight:600}.mode-selector{margin-bottom:.75rem}.mode-selector select{width:100%;padding:.5rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;transition:border-color .3s}.mode-selector select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tool-button{width:100%;padding:.75rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.tool-button:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.tool-button:focus{outline:3px solid #667eea;outline-offset:2px}.tool-button:disabled{background:#999;color:#fff;cursor:not-allowed;opacity:.7}.tool-button.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.tool-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#653a8a)}.tool-button.small{padding:.5rem .75rem;font-size:.85rem}.button-group{display:grid;grid-template-columns:1fr;gap:.5rem}@media (min-width: 480px){.button-group{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.button-group{grid-template-columns:repeat(3,1fr)}}.button-group-vertical{display:grid;grid-template-columns:1fr;gap:.5rem}@media (min-width: 480px){.button-group-vertical{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.button-group-vertical{display:flex;flex-direction:column}}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-actions{display:flex;gap:.5rem}.icon-button{padding:.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.icon-button:hover{background:#5568d3;transform:translateY(-2px)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666;flex:1;min-height:200px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666;flex:1;min-height:200px}.empty-state p{margin:.5rem 0;font-size:1rem;font-weight:500}.empty-state .hint{font-size:.9rem;color:#777}.app-footer{background:#fffffffa;padding:.875rem 1rem;text-align:center;color:#666;font-size:clamp(.75rem,2vw,.9rem);line-height:1.5;margin-top:auto}@media (min-width: 768px){.app-footer{padding:1rem 2rem}}@media (max-width: 479px){.tool-button.small{padding:.625rem;font-size:.8rem}.result-actions{flex-direction:column}.icon-button{width:100%}}.bot-navigation{background:#fffffffa;padding:.75rem .5rem;display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;box-shadow:0 2px 10px #0000000d;flex-wrap:nowrap;justify-content:flex-start;position:sticky;top:65px;z-index:90;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#667eea #f0f0f0}.bot-navigation::-webkit-scrollbar{height:4px}.bot-navigation::-webkit-scrollbar-track{background:#6c757d}.bot-navigation::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.bot-tab{padding:.75rem 1rem;background:#fff;border:2px solid #d0d0d0;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#444;font-weight:600;white-space:nowrap;flex-shrink:0;min-width:fit-content}.bot-tab:focus{outline:3px solid #667eea;outline-offset:2px}.bot-tab span{display:none}.bot-tab svg{font-size:1.25rem}.bot-tab:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.bot-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea66}@media (min-width: 640px){.bot-navigation{padding:1rem;gap:.5rem}.bot-tab{font-size:.875rem}.bot-tab span{display:inline}}@media (min-width: 1024px){.bot-navigation{padding:1rem 2rem;flex-wrap:wrap;justify-content:center;overflow-x:visible}.bot-tab{padding:.75rem 1.5rem;font-size:.95rem}}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#666;flex:1;min-height:300px}.coming-soon svg{color:#667eea;margin-bottom:1.5rem;opacity:.6}.coming-soon h2{color:#333;margin-bottom:1rem;font-size:2rem}.coming-soon p{color:#777;font-size:1.1rem;max-width:500px}.tab-nav{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.tab-button{padding:.75rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#666}.tab-button:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.tab-icon{font-size:1.2rem}.feature-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 40px #0000001a;max-width:100%;overflow-x:hidden;flex:1;min-height:0;height:100%;display:flex;flex-direction:column}@media (min-width: 768px){.feature-container{padding:2rem}}.feature-content{display:grid;grid-template-columns:1fr;gap:2rem;flex:1;min-height:0;overflow:hidden}@media (min-width: 768px){.feature-content{grid-template-columns:1fr 1fr}}.input-panel,.result-panel-full{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.description{color:#444;margin-bottom:1rem;font-size:.95rem;line-height:1.6}@media (min-width: 768px){.description{font-size:.95rem}}.action-button{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.action-button:disabled{background:#999;color:#fff;cursor:not-allowed;opacity:.7}.score-display{text-align:center;padding:2rem;border-radius:12px;margin-bottom:1.5rem}.score-display.risk-low{background:linear-gradient(135deg,#4caf50,#81c784);color:#fff}.score-display.risk-medium{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff}.score-display.risk-high{background:linear-gradient(135deg,#f44336,#e57373);color:#fff}.score-number{font-size:3rem;font-weight:700;margin-bottom:.5rem}.score-label{font-size:1.2rem;font-weight:600}.analysis-section{margin-bottom:1.5rem;padding:1rem;background:#6c757d;border-radius:8px;color:#fff}.analysis-section h3{color:#fff;margin-bottom:.75rem;font-size:1.1rem}.analysis-section p{color:#fff;line-height:1.7;font-size:.95rem}.analysis-section ul{margin-left:1.5rem}.analysis-section li{margin-bottom:.5rem;color:#fff;font-size:.95rem;line-height:1.6}.segment-item{background:#fff;padding:1rem;border-radius:6px;margin-bottom:.75rem;border-left:4px solid #ff9800}.segment-text{font-style:italic;color:#333;margin-bottom:.5rem}.segment-reason{font-size:.9rem;color:#444;line-height:1.5}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.positive-indicator{color:#4caf50!important}.negative-indicator{color:#f44336!important}.chat-container{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden}@media (min-width: 768px){.chat-container{padding:1.5rem}}@media (min-width: 1024px){.chat-container{padding:2rem}}.chat-header{margin-bottom:1rem;text-align:center}@media (min-width: 768px){.chat-header{margin-bottom:1.5rem}}.chat-header h2{color:#333;margin-bottom:.5rem;font-size:clamp(1.25rem,3vw,1.5rem)}.chat-header p{color:#666;font-size:clamp(.85rem,2vw,.95rem);line-height:1.5}.chat-messages{flex:1;overflow-y:auto;padding:.75rem;background:#6c757d;border-radius:8px;margin-bottom:1rem;-webkit-overflow-scrolling:touch;color:#fff}@media (min-width: 768px){.chat-messages{padding:1rem}}.chat-welcome{text-align:center;padding:1rem}@media (min-width: 768px){.chat-welcome{padding:2rem}}.chat-welcome h3{color:#fff;margin-bottom:1rem;font-size:clamp(1.1rem,3vw,1.25rem)}@media (min-width: 768px){.chat-welcome h3{margin-bottom:1.5rem}}.suggestion-chips{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:1rem}@media (min-width: 640px){.suggestion-chips{grid-template-columns:repeat(2,1fr);gap:1rem}}.suggestion-chips button{padding:.875rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s;font-size:.85rem;text-align:left}@media (min-width: 768px){.suggestion-chips button{padding:1rem;font-size:.9rem}}.suggestion-chips button:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.message{display:flex;gap:.75rem;margin-bottom:1rem;animation:fadeIn .3s}@media (min-width: 768px){.message{gap:1rem;margin-bottom:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}@media (min-width: 768px){.message-avatar{width:40px;height:40px;font-size:1.5rem}}.message.user .message-avatar{background:linear-gradient(135deg,#4caf50,#81c784)}.message-content{flex:1;background:#fff;padding:.75rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-width:0;word-wrap:break-word}@media (min-width: 768px){.message-content{padding:1rem}}.message.user .message-content{background:#5c7cfa}.message-text{color:#333;line-height:1.6;margin-bottom:.5rem;white-space:pre-wrap;word-break:break-word;font-size:.9rem}.message.user .message-content .message-text{color:#fff}@media (min-width: 768px){.message-text{font-size:1rem}}.message-time{font-size:.75rem;color:#999}.message.user .message-content .message-time{color:#ffffffe6}@media (min-width: 768px){.message-time{font-size:.8rem}}.typing-indicator{display:flex;gap:.5rem}.typing-indicator span{width:8px;height:8px;background:#667eea;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chat-input-container{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:nowrap}@media (min-width: 768px){.chat-input-container{gap:1rem}}.chat-input{flex:1;padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;font-family:inherit;resize:none;transition:border-color .3s;min-width:0}@media (min-width: 768px){.chat-input{padding:1rem;font-size:1rem}}.chat-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chat-send-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap;flex-shrink:0}@media (min-width: 768px){.chat-send-button{padding:1rem 2rem;font-size:1rem}}.chat-send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.chat-send-button:disabled{background:#999;color:#fff;cursor:not-allowed;opacity:.7}.translator-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 40px #0000001a;flex:1;min-height:0;height:100%;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width: 768px){.translator-container{padding:2rem}}.translator-controls{display:flex;flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem}@media (min-width: 640px){.translator-controls{flex-direction:row;align-items:center}}.language-selector{flex:1;display:flex;flex-direction:column;gap:.5rem}.language-selector label{font-weight:600;color:#555;font-size:.9rem}.language-selector select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;cursor:pointer;transition:border-color .3s}@media (min-width: 768px){.language-selector select{font-size:1rem}}.language-selector select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.swap-button{padding:1rem;background:#fff;border:2px solid #e0e0e0;border-radius:50%;cursor:pointer;font-size:1.25rem;transition:all .3s;margin-top:0;align-self:center}@media (min-width: 640px){.swap-button{margin-top:1.5rem;font-size:1.5rem}}.swap-button:hover:not(:disabled){border-color:#667eea;color:#667eea;transform:rotate(180deg)}.swap-button:disabled{opacity:.5;cursor:not-allowed}.translator-panels{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){.translator-panels{grid-template-columns:1fr 1fr;gap:2rem}}.translator-panel h3{color:#333;margin-bottom:.75rem;font-size:1.1rem}.citation-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 40px #0000001a;flex:1;min-height:0;height:100%;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width: 768px){.citation-container{padding:2rem}}.citation-form{margin-bottom:1.5rem}@media (min-width: 768px){.citation-form{margin-bottom:2rem}}.form-row{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width: 640px){.form-row{grid-template-columns:1fr 1fr}}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width: 640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:#555;font-size:.875rem}@media (min-width: 768px){.form-group label{font-size:.9rem}}.form-group input,.form-group select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .3s}@media (min-width: 768px){.form-group input,.form-group select{font-size:1rem}}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.citation-results{border-top:2px solid #f0f0f0;padding-top:2rem}.citation-results h3{color:#333;margin-bottom:1.5rem}.citation-box{background:#6c757d;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;position:relative;color:#fff}.citation-box h4{color:#fff;margin-bottom:1rem;font-size:1rem}.citation-text{color:#333;line-height:1.6;padding:1rem;background:#fff;border-radius:6px;font-family:Georgia,serif;margin-bottom:1rem}.copy-citation-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s}.copy-citation-btn:hover{background:#5568d3;transform:translateY(-2px)}.citation-notes{background:#fff3cd;padding:1rem;border-radius:8px;border-left:4px solid #ffc107}.citation-notes h4{color:#856404;margin-bottom:.5rem}.citation-notes p{color:#856404;font-size:.95rem}.generated-image-container,.generated-video-container{background:#6c757d;padding:1rem;border-radius:8px;margin:1.5rem 0;display:flex;justify-content:center;align-items:center}.generated-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.generated-video{max-width:100%;border-radius:8px;box-shadow:0 4px 12px #0000001a}.image-actions,.video-actions{display:flex;gap:1rem;justify-content:center}.image-result h3,.video-result h3{color:#333;margin-bottom:1rem}.feature-examples{margin-top:2rem;text-align:left}.feature-examples h4{color:#555;margin-bottom:1rem}.feature-examples ul{list-style:none;padding:0}.feature-examples li{padding:.75rem;background:#6c757d;margin-bottom:.5rem;border-radius:6px;border-left:3px solid #667eea;color:#fff;font-size:.95rem;line-height:1.5}.info-box{background:#5c7cfa;padding:1.5rem;border-radius:8px;border-left:4px solid #2196f3;color:#fff}.info-box h4{color:#fff;margin-bottom:.5rem}.info-box p{color:#fff;font-size:.95rem;margin:0;line-height:1.6}@media (max-width: 767px){.image-actions,.video-actions{flex-direction:column;gap:.75rem}.action-button{width:100%}.citation-box{padding:1rem}.citation-text{padding:.75rem;font-size:.9rem}.info-box{padding:1rem}.feature-examples li{padding:.625rem;font-size:.9rem}}@media (hover: none) and (pointer: coarse){.bot-tab,.tool-button,.action-button,.icon-button,button{min-height:44px;min-width:44px}}.header-actions{display:flex;align-items:center;gap:1rem}.subscribe-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;white-space:nowrap}.subscribe-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.subscribe-button:active{transform:translateY(0)}.subscription-status{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,gold,#ffed4e);border-radius:8px;box-shadow:0 4px 12px #ffd7004d}.crown-icon{color:#b8860b;font-size:1.25rem;animation:shine 2s infinite}@keyframes shine{0%,to{opacity:1}50%{opacity:.8}}.status-text{font-weight:600;color:#333;font-size:.95rem}.logout-button{padding:.5rem 1rem;background:#0000001a;color:#333;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#00000026}@media (max-width: 640px){.app-header{flex-direction:column;text-align:center}.logo{width:100%}.header-actions{width:100%;justify-content:center}.subscribe-button{padding:.625rem 1.25rem;font-size:.875rem}.subscribe-button span{display:none}.subscribe-button:after{content:"Subscribe"}.subscription-status{padding:.625rem 1rem;font-size:.875rem}.status-text{font-size:.875rem}.logout-button{padding:.5rem .75rem;font-size:.8rem}}.mode-selector select,.feature-container,.segment-item,.segment-text,.chat-container,.suggestion-chips button,.message-content,.translator-container,.swap-button,.citation-container,.citation-text,input,select,textarea,.paypal-button-container{color:#333}[style*="background: white"],[style*="background: #fff"],[style*="background: #ffffff"],[style*="background-color: white"],[style*="background-color: #fff"],[style*="background-color: #ffffff"],.bg-white,.background-white,#paypal-container,#paypal-container *{color:#333!important}.text-area.result,.analysis-section,.chat-messages,.citation-box,.generated-image-container,.generated-video-container,.feature-examples li,.subscription-features,.message.user .message-content,.info-box{color:#fff!important}.analysis-section>h3,.analysis-section>h4,.analysis-section>p,.analysis-section>ul,.analysis-section>ul>li,.citation-box>h4,.citation-box>p,.feature-examples li,.subscription-features>h3,.subscription-features>ul,.subscription-features>ul>li,.info-box>h4,.info-box>p{color:#fff!important}.citation-text,.segment-item,.segment-text,.segment-reason,.suggestion-chips button{color:#333!important;background:#fff!important}.message.assistant .message-content{background:#fff!important;color:#333!important}.message.assistant .message-content .message-text,.message.assistant .message-content .message-time{color:#333!important}.subscription-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.subscription-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:40px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:32px;cursor:pointer;color:#666;line-height:1;padding:5px 10px;transition:color .2s,transform .2s}.modal-close:hover{color:#333;transform:scale(1.1)}.modal-header{text-align:center;margin-bottom:30px}.modal-header h2{font-size:28px;font-weight:700;color:#333;margin:0 0 10px}.modal-subtitle{font-size:16px;color:#666;margin:0}.subscription-features{background:#6c757d;border-radius:12px;padding:25px;margin-bottom:25px;color:#fff}.subscription-features h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 15px}.subscription-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.subscription-features li{font-size:14px;color:#fff;line-height:1.6}.subscription-pricing{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.price-tag{display:flex;align-items:flex-start;justify-content:center;margin-bottom:10px}.currency{font-size:24px;font-weight:600;margin-top:5px}.amount{font-size:48px;font-weight:700;line-height:1}.period{font-size:18px;font-weight:500;align-self:flex-end;margin-left:5px;margin-bottom:8px}.price-description{margin:0;font-size:14px;opacity:.95}.payment-section{margin-bottom:25px}.paypal-button-container{position:relative}.paypal-loading,.payment-processing{text-align:center;padding:20px;color:#666}.payment-error-box{background:#fee;border:1px solid #fcc;border-radius:8px;padding:15px;margin-bottom:20px;color:#c33;text-align:center}.payment-error-box p{margin:0;font-size:14px}.payment-success{text-align:center;padding:40px 20px}.success-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;animation:successPulse .5s ease-out}@keyframes successPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.payment-success h2{font-size:28px;font-weight:700;color:#333;margin:0 0 15px}.payment-success p{font-size:16px;color:#666;margin:0}.modal-footer{text-align:center;padding-top:20px;border-top:1px solid #eee}.secure-payment{font-size:14px;color:#555;font-weight:500;margin:0 0 10px}.terms{font-size:12px;color:#999;margin:0;line-height:1.5}@media (max-width: 640px){.subscription-modal{padding:30px 20px}.modal-header h2{font-size:24px}.subscription-features ul{grid-template-columns:1fr}.amount{font-size:40px}}.subscription-modal *{color:inherit}.subscription-modal{color:#333}.paypal-button-container *{color:#333!important}.subscription-features,.subscription-features h3,.subscription-features ul,.subscription-features li{color:#fff!important}.trial-banner{padding:1rem 1.5rem;margin-bottom:1rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.trial-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.trial-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.trial-exceeded{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.admin-banner{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.trial-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.trial-icon{font-size:1.5rem;flex-shrink:0}.trial-text{flex:1;min-width:200px;font-size:.95rem;line-height:1.5}.trial-text strong{font-weight:700}.trial-email-button,.trial-subscribe-button{padding:.5rem 1rem;background:#fff3;color:#fff;border:2px solid white;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.trial-email-button:hover,.trial-subscribe-button:hover{background:#fff;color:#667eea}.trial-exceeded .trial-subscribe-button:hover{color:#f44336}.trial-email-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.trial-email-input{padding:.5rem .75rem;border:2px solid white;border-radius:6px;background:#ffffffe6;color:#333;font-size:.875rem;min-width:200px}.trial-email-input:focus{outline:none;background:#fff;box-shadow:0 0 0 3px #ffffff4d}.trial-email-submit,.trial-email-cancel{padding:.5rem .75rem;border:2px solid white;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.trial-email-submit{background:#fff;color:#667eea}.trial-email-submit:hover{background:#ffffffe6}.trial-email-cancel{background:transparent;color:#fff}.trial-email-cancel:hover{background:#ffffff1a}@media (max-width: 640px){.trial-banner{padding:.875rem 1rem}.trial-content{flex-direction:column;align-items:flex-start;gap:.75rem}.trial-text{min-width:0;width:100%}.trial-email-button,.trial-subscribe-button,.trial-email-form{width:100%}.trial-email-input{width:100%;min-width:0}.trial-email-submit,.trial-email-cancel{flex:1}}