: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}}:root{--page-bg: #f3f4f6;--header-bg: #0f172a;--header-text: #f9fafb;--button-bg: #2563eb;--button-hover: #1e40af;--input-border: #cbd5e1;--chat-border: #e2e8f0;--user-msg: #2563eb;--assistant-msg: #f1f5f9;--assistant-text: #111;--modal-overlay: rgba(15, 23, 42, .6);--close-btn: #334155}.theme-purple{--page-bg: #fbf7ff;--header-bg: linear-gradient(90deg, #4c1d95, #7c3aed);--header-text: #fdf4ff;--button-bg: #7c3aed;--button-hover: #5b21b6;--input-border: #e9d9ff;--chat-border: #efe8ff;--user-msg: #7c3aed;--assistant-msg: #ede9fe;--assistant-text: #1e1b4b;--modal-overlay: rgba(74, 20, 140, .6);--close-btn: #3b0d66}.theme-teal{--page-bg: #f0fdfa;--header-bg: #0d9488;--header-text: #ecfeff;--button-bg: #06b6d4;--button-hover: #0e7490;--input-border: #cffafe;--chat-border: #dffaf9;--user-msg: #0d9488;--assistant-msg: #ecfeff;--assistant-text: #083344;--modal-overlay: rgba(3, 105, 103, .6);--close-btn: #004d47}.theme-amber{--page-bg: #fff7ed;--header-bg: #b45309;--header-text: #fffbeb;--button-bg: #f97316;--button-hover: #c2410c;--input-border: #ffe7d2;--chat-border: #ffe9d6;--user-msg: #f97316;--assistant-msg: #fff7ed;--assistant-text: #451a03;--modal-overlay: rgba(160, 82, 0, .45);--close-btn: #7a2f00}.App{display:flex;flex-direction:column;min-height:100vh;min-width:100vw;font-family:Inter,sans-serif;background:var(--page-bg, #f3f4f6);color:#111}.App header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--header-bg, #0f172a);color:var(--header-text, #f9fafb);flex-wrap:wrap}.App header h1{margin:0;font-size:1.2rem;font-weight:400}@media (min-width: 640px){.App header h1{font-size:1.5rem;font-weight:600}}.App header .auth{display:flex;gap:.5rem;margin-top:.5rem}@media (min-width: 640px){.App header .auth{margin-top:0}}.App header button{padding:.6rem .7rem;border:none;background:var(--button-bg, #2563eb);color:#fff;font-weight:500;border-radius:6px;cursor:pointer;transition:background .2s}@media (min-width: 640px){.App header button{padding:.6rem 1rem}}.App header button:hover{background:var(--button-hover, #1e40af)}.App .landing{max-width:700px;margin:3rem auto;padding:2rem;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d}.App .landing h2{font-size:1.8rem;color:#1e293b;margin-bottom:1rem}.App .landing p{font-size:1rem;line-height:1.6;color:#374151;margin-bottom:1rem}.App .rss-input{display:flex;justify-content:center;gap:.5rem;margin:1rem auto;width:90%;max-width:600px}.App .rss-input input{flex:1;padding:.6rem 1rem;border:1px solid var(--input-border, #cbd5e1);border-radius:6px;font-size:1rem;background:#fff;color:#111}.App .rss-input button{padding:.6rem 1rem;border:none;background:var(--button-bg, #2563eb);color:#fff;font-weight:500;border-radius:6px;cursor:pointer;transition:background .2s}.App .rss-input button:hover{background:var(--button-hover, #1e40af)}.App .chat-container{flex:1;display:flex;justify-content:center;padding:1rem}.App .chat-container .chat-box{background:#fff;border:2px solid var(--chat-border, #e2e8f0);border-radius:8px;padding:1rem;width:100%;max-width:800px;display:flex;flex-direction:column;height:70vh}@media (max-width: 768px){.App .chat-container .chat-box{height:60vh;max-width:95%}}.App .chat-container .chat-box .messages{flex:1;overflow-y:auto;padding:.5rem;margin-bottom:1rem}.App .chat-container .chat-box .messages .message{margin:.5rem 0;padding:.5rem .8rem;border-radius:6px;max-width:80%;line-height:1.6}.App .chat-container .chat-box .messages .message.user{align-self:flex-end;padding:.01rem .8rem;background:var(--user-msg, #2563eb);color:#fff}.App .chat-container .chat-box .messages .message.assistant{align-self:flex-start;background:var(--assistant-msg, #f1f5f9);color:var(--assistant-text, #111)}.App .chat-container .chat-box .messages .message.assistant p{margin:.5rem 0}.App .chat-container .chat-box .messages .message.assistant a{color:#2563eb;font-weight:500;text-decoration:none}.App .chat-container .chat-box .messages .message.assistant a:hover{text-decoration:underline}.App .chat-container .chat-box .messages .message.assistant.typing{font-style:italic;color:#555;position:relative}.App .chat-container .chat-box .messages .message.assistant.typing:after{content:"";display:inline-block;width:1em;text-align:left;animation:typingDots 1s infinite steps(3,end)}.App .chat-container .chat-box .messages .loading{text-align:center;color:#555;font-size:.95rem;margin-top:1rem}.App .chat-container .chat-box .messages .suggestions{text-align:center;margin-top:2rem;color:#444}.App .chat-container .chat-box .messages .suggestions p{font-weight:500;margin-bottom:.5rem}.App .chat-container .chat-box .messages .suggestions ul{list-style:none;padding:0;margin:0}.App .chat-container .chat-box .messages .suggestions ul li{background:#f3f4f6;border-radius:6px;padding:.6rem 1rem;margin:.4rem auto;display:inline-block;cursor:pointer;transition:background .2s}.App .chat-container .chat-box .messages .suggestions ul li:hover{background:#e5e7eb}.App .chat-container .chat-box .input-area{display:flex;gap:.5rem;flex-wrap:wrap}.App .chat-container .chat-box .input-area input{flex:1;padding:.6rem 1rem;border:1px solid var(--input-border, #cbd5e1);border-radius:6px;font-size:1rem;min-width:200px}.App .chat-container .chat-box .input-area button{padding:.6rem 1.2rem;border:none;background:var(--button-bg, #2563eb);color:#fff;font-weight:500;border-radius:6px;cursor:pointer;transition:background .2s}.App .chat-container .chat-box .input-area button:hover{background:var(--button-hover, #1e40af)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay, rgba(15, 23, 42, .6));display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem}.modal .modal-content{border-radius:8px;padding:2rem;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;position:relative}@media (max-width: 480px){.modal .modal-content{padding:1rem;max-width:95%}}.modal .modal-content .close-btn{position:absolute;top:40px;right:40px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--close-btn, #334155)}.error-popup{position:fixed;bottom:20px;right:20px;background:#f87171;color:#fff;padding:.7rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:10000;animation:slideUp .3s ease-out}.error-popup .error-content{display:flex;align-items:center;gap:1rem}.error-popup .error-content p{margin:0;font-size:.95rem;font-weight:500}.error-popup .error-content button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:transform .2s}.error-popup .error-content button:hover{transform:scale(1.2)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes typingDots{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content.rss-modal{background:#fff;padding:2rem;border-radius:10px;text-align:center;width:90%;max-width:400px;box-shadow:0 5px 15px #0000004d}.modal-content.rss-modal p{margin-top:1rem;font-size:1rem;color:#333}.modal-content.rss-modal button{margin-top:1rem;padding:.6rem 1.2rem;border:none;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer;font-weight:500}.modal-content.rss-modal button:hover{background:#1d4ed8}.modal-content.rss-modal .loader{margin:0 auto;width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}