@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap";:root{--bg-color: #0d0d0d;--text-color: #f0ede4;--accent-bg: #1e1e1e;--border-color: #2a2a2a;--placeholder-color: #bbbbbb}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Montserrat,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow:hidden}.layout{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:25%;background-color:var(--accent-bg);padding:1rem;overflow-y:auto;border-right:1px solid var(--border-color)}.sidebar h3{margin-top:0;font-weight:700;font-size:1.1rem}.history-list{list-style:none;padding:0;margin:1rem 0}.history-list li{margin-bottom:1rem;font-size:.9rem;line-height:1.4}.clear-btn{margin-top:1rem;width:100%;padding:.5rem 1rem;background-color:var(--border-color);color:var(--text-color);border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.clear-btn:hover{background-color:#3a3a3a}.main{flex:1;padding:2rem;overflow-y:auto;background-color:var(--bg-color)}.main h1{text-align:center;font-weight:300;margin-bottom:2rem}.input-group{display:flex;flex-direction:column;gap:1rem}.input-group textarea{width:100%;min-height:120px;padding:1rem;font-size:1rem;color:var(--text-color);background-color:var(--accent-bg);border:1px solid var(--border-color);border-radius:6px;resize:vertical;font-weight:300;line-height:1.5;font-family:Montserrat,sans-serif}.input-group textarea::placeholder{color:var(--placeholder-color);font-weight:300;font-family:Montserrat,sans-serif}.input-group button{align-self:flex-end;position:relative;padding:.75rem 2rem;font-size:1rem;font-weight:700;color:var(--bg-color);background-color:var(--text-color);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease;overflow:hidden}.input-group button:hover:not(:disabled){background-color:#fff5d6}.input-group button:disabled{opacity:.6;cursor:not-allowed}.progress-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#ffc857,#fff,#ffc857);background-size:200% 100%;animation:slide-progress 2s linear infinite;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.response{margin-top:2rem;padding:1.5rem;background-color:var(--accent-bg);border-radius:8px;font-size:1rem;font-weight:300;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;border:1px solid var(--border-color)}.response ul{padding-left:1.5rem;margin-top:.5rem;text-align:left}.footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);font-size:.9rem;color:var(--placeholder-color);text-align:center}.footer strong{color:var(--text-color);font-weight:700}.footer a{color:var(--text-color);font-weight:700;text-decoration:none;margin:0 .5rem}.footer a:hover{text-decoration:underline}.response li{margin-bottom:.5rem}@keyframes slide-progress{0%{background-position:-200% 0}to{background-position:200% 0}}:root{font-family:Montserrat,sans-serif;font-weight:300;line-height:1.5;color:#f0ede4;background-color:#0d0d0d;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:#0d0d0d;color:#f0ede4;display:flex;flex-direction:column;min-height:100vh;font-family:inherit}a{color:#9aa8ff;text-decoration:none}a:hover{color:#b8c0ff}h1,h2,h3,h4,h5,h6{color:#fff;font-weight:300;margin:0 0 1rem}button{font-family:inherit;font-weight:600;font-size:1rem}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#000}}