code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#0f172a;--bg-secondary:#0f172a;--bg-tertiary:#0f172a;--bg-accent:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-accent:#1e293b;--text-light:#fff;--border-color:#475569;--shadow:#00000080;--success-color:#94a3b8;--hover-bg:#1e293b;--code-bg:#0f172a;--code-text:#ef4444;--streaming-bg:#0f172a;--streaming-border:#1e293b;--streaming-text:#94a3b8}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}.App{background-color:#0f172a;background-color:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.App-header{background:#0f172a;background:var(--bg-primary);color:#fff;color:var(--text-light);padding:20px;text-align:center}.App-header h1{font-size:2.5rem;font-weight:300;margin:0;text-shadow:0 2px 4px #0000004d}.app-content{display:flex;flex:1 1}.sidebar{background-color:#0f172a;background-color:var(--bg-secondary);padding:24px;transition:background-color .3s ease;width:640px}.main-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:800px;padding:24px}.input-group{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-bottom:24px;max-width:500px;width:100%}input{background-color:#0f172a;background-color:var(--bg-primary);border:2px solid #475569;border:2px solid var(--border-color);border-radius:8px;color:#f1f5f9;color:var(--text-primary);font-size:16px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}input:focus{border-color:#1e293b;border-color:var(--bg-accent);box-shadow:0 0 0 3px #61dafb1a;outline:none}button{background:#1e293b;background:var(--bg-accent);border:none;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease;white-space:nowrap}button:hover:not(:disabled){box-shadow:0 4px 12px #61dafb66;transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.7;transform:none}.outline{background-color:#0f172a;background-color:var(--bg-primary);border-radius:12px;box-shadow:0 4px 12px #00000080;box-shadow:0 4px 12px var(--shadow);margin-top:24px;padding:20px;text-align:left;width:100%}.outline ul{list-style-type:none;margin:0;padding:0}.outline li{border-radius:8px;cursor:pointer;margin-bottom:4px;padding:12px 16px;transition:all .3s ease}.outline li:hover{background-color:#1e293b;background-color:var(--hover-bg);transform:translateX(4px)}.outline li.generated{background-color:#4caf501a;color:#94a3b8;color:var(--success-color);font-weight:500}.outline li .checkmark{color:#94a3b8;color:var(--success-color);font-weight:700;margin-left:8px}.outline-title{border-bottom:2px solid #1e293b;border-bottom:2px solid var(--bg-accent);margin-bottom:20px;padding-bottom:15px}.outline-title h3{color:#94a3b8;color:var(--text-secondary);font-size:16px;font-weight:500;line-height:1.4;margin:0}.streaming-indicator{animation:pulse 2s infinite;background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--streaming-bg) 0,var(--streaming-border) 100%);border:1px solid #1e293b;border:1px solid var(--streaming-border);border-radius:12px;box-shadow:0 2px 8px #00000080;box-shadow:0 2px 8px var(--shadow);margin-top:24px;padding:16px 20px;text-align:center}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.streaming-indicator p{color:#94a3b8;color:var(--streaming-text);font-size:16px;font-weight:500;margin:0}.topic-cloud{background-color:#0f172a;background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #00000080;box-shadow:0 2px 8px var(--shadow);margin-bottom:32px;padding:20px;text-align:left;width:100%}.topic-cloud h3{color:#94a3b8;color:var(--text-secondary);font-size:18px;font-weight:500;margin-bottom:12px}.topic-tags{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{background:#0f172a;background:var(--bg-tertiary);border:1px solid #475569;border:1px solid var(--border-color);border-radius:24px;box-shadow:0 1px 3px #00000080;box-shadow:0 1px 3px var(--shadow);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.topic-tag:hover{background:#1e293b;background:var(--bg-accent);border-color:#1e293b;border-color:var(--bg-accent);box-shadow:0 2px 8px #0000004d;color:#fff;transform:translateY(-2px)}.article-display{background-color:#0f172a;background-color:var(--bg-secondary);border:1px solid #475569;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #00000080;box-shadow:0 4px 16px var(--shadow);margin-top:32px;padding:24px;transition:background-color .3s ease,border-color .3s ease;width:100%}.article-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.article-display h2{border-bottom:2px solid #1e293b;border-bottom:2px solid var(--bg-accent);color:#f1f5f9;color:var(--text-primary);flex:1 1;font-size:24px;font-weight:300;margin:0;padding-bottom:12px}.regenerate-button{align-items:center;background:linear-gradient(135deg,#1e293b,#21b4d6);background:linear-gradient(135deg,var(--bg-accent) 0,#21b4d6 100%);border:2px solid #1e293b;border:2px solid var(--bg-accent);border-radius:50%;box-shadow:0 2px 8px #61dafb4d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;margin-left:16px;transition:all .3s ease;width:48px}.regenerate-button:hover{background:linear-gradient(135deg,#21b4d6,#1e293b);background:linear-gradient(135deg,#21b4d6 0,var(--bg-accent) 100%);box-shadow:0 4px 12px #61dafb80;transform:rotate(90deg) scale(1.1)}.article-content{color:#f1f5f9;color:var(--text-primary);font-size:16px;line-height:1.7}.article-content pre{background-color:#0f172a;background-color:var(--code-bg);border:1px solid #475569;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #00000080;box-shadow:0 2px 8px var(--shadow);font-family:JetBrains Mono,Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;margin:20px 0;overflow-x:auto;padding:16px;position:relative}.article-content pre:before{background-color:#94a3b8;background-color:var(--text-secondary);border-radius:50%;box-shadow:20px 0 0 #94a3b8,40px 0 0 #94a3b8;box-shadow:20px 0 0 var(--text-secondary),40px 0 0 var(--text-secondary);content:"";height:12px;left:8px;position:absolute;top:8px;width:12px}.article-content code{background-color:#0f172a;background-color:var(--bg-tertiary);border:1px solid #475569;border:1px solid var(--border-color);border-radius:4px;color:#ef4444;color:var(--code-text);font-family:JetBrains Mono,Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;padding:3px 6px}.article-content pre code{background-color:initial;border:none;color:#f1f5f9;color:var(--text-primary);padding:0}.article-content strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#21b4d6);background:linear-gradient(135deg,var(--bg-accent),#21b4d6);-webkit-background-clip:text;background-clip:text;color:#f1f5f9;color:var(--text-primary);font-weight:600}.article-content .math{background-color:#9c27b01a;border:1px solid #9c27b033;border-radius:4px;color:#9c27b0;font-style:italic;padding:2px 6px}.article-content ol,.article-content ul{margin:20px 0;padding-left:28px}.article-content li{margin:8px 0;padding-left:4px}.article-content p{margin:16px 0;text-align:justify}.collapse-button{background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:14px;margin-right:8px;padding:2px;transition:all .2s ease}.collapse-button:hover{background-color:#1e293b;background-color:var(--hover-bg);color:#f1f5f9;color:var(--text-primary)}.hint-button{align-items:center;background:#1e293b;background:var(--bg-accent);border:2px solid #94a3b8;border:2px solid var(--text-secondary);border-radius:50%;box-shadow:0 2px 8px #00000080;box-shadow:0 2px 8px var(--shadow);color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;position:absolute;transition:all .3s ease;width:48px;z-index:10}.hint-button:hover{background:#1e293b;background:var(--hover-bg);border-color:#f1f5f9;border-color:var(--text-primary);box-shadow:0 4px 12px #00000080;box-shadow:0 4px 12px var(--shadow);transform:scale(1.1)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{background-color:#0f172a;background-color:var(--bg-primary);border:1px solid #475569;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #00000080;box-shadow:0 8px 32px var(--shadow);max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;position:relative;transition:background-color .3s ease}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.modal-header h3{color:#f1f5f9;color:var(--text-primary);margin:0}.modal-close-button{background:none;border:none;cursor:pointer;font-size:24px}.modal-close-button,.modal-selected-text{color:#94a3b8;color:var(--text-secondary)}.modal-selected-text{font-style:italic;margin-bottom:15px}.modal-content-area{background-color:#0f172a;background-color:var(--bg-secondary);border:1px solid #475569;border:1px solid var(--border-color);border-radius:8px;min-height:100px;padding:12px}.modal-loading{color:#94a3b8;color:var(--text-secondary);font-style:italic}@media (max-width:768px){.app-content{flex-direction:column}.sidebar{order:2;width:100%}.main-content{order:1;padding:16px}.input-group{flex-direction:column;gap:8px}input{width:100%}.article-display{padding:16px}.modal-content{margin:16px;max-width:none;padding:16px}}body,html{background-color:#0f172a;background-color:var(--bg-primary)}body{color:#f1f5f9;color:var(--text-primary)}html[data-theme=dark],html[data-theme=dark] body{background-color:#0f172a;background-color:var(--bg-primary)}html[data-theme=dark] body{color:#f1f5f9;color:var(--text-primary)}
/*# sourceMappingURL=main.4c86898f.css.map*/