*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Geist Mono,monospace,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background-color:#fff;color:#000000de;transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:#1a1a1a;color:#ffffffde}html{overflow:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}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:#f9f9f9;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:dark){:root{color:#ffffffde;background-color:#242424}a:hover{color:#747bff}button{background-color:#1a1a1a}}.header{position:fixed;top:0;left:0;width:100%;background:transparent;z-index:1000;transition:all .3s ease}.navbar{padding:0}.nav-container{max-width:800px;margin:0 auto;padding:2rem 2rem 1.5rem;display:flex;justify-content:center;align-items:center}.nav-menu{display:flex;list-style:none;gap:1rem;margin:0;padding:0;align-items:center;justify-content:center}.nav-item{margin:0}.nav-link{background-color:transparent;border:.5px solid #d0d0d0;border-radius:9999px;padding:.5rem 1.5rem;letter-spacing:.25em;text-transform:uppercase;font-family:Geist Mono,monospace;font-size:.85rem;font-weight:100;color:#000;transition:all .3s ease;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.nav-link:hover{background-color:#0000000d;border-color:#000}.hamburger{display:none;font-family:Geist Mono,monospace;background-color:transparent;border:.5px solid #d0d0d0;border-radius:8px;padding:.5rem .8rem;font-size:1.2rem;color:#000;cursor:pointer;transition:all .3s ease;line-height:1;position:absolute;right:2rem;z-index:999}.hamburger:hover,.hamburger.active{background-color:#0000000d;border-color:#000}@media screen and (max-width:768px){.hamburger{display:block;top:calc(70px + 1.5rem)}.nav-container{padding:1.5rem 2rem 1rem}.nav-menu{position:fixed;left:-100%;top:0;flex-direction:column;background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100vh;text-align:center;transition:left .3s ease;padding:6rem 0 2rem;gap:1rem;z-index:998}.nav-menu.active{left:0}.nav-item{margin:.5rem 0;width:100%;display:flex;justify-content:center}.nav-link{font-size:.7rem;padding:.5rem 1.5rem;display:inline-block;width:auto;max-width:200px;letter-spacing:.15em;text-align:center}}body.dark-mode .header{background:transparent}body.dark-mode .nav-link{color:#fff;border-color:#666}body.dark-mode .nav-link:hover{background-color:#ffffff1a;border-color:#fff}body.dark-mode .nav-link.active{border-color:#fff;color:#fff;background-color:#333}body.dark-mode .hamburger{color:#fff;border-color:#666}body.dark-mode .hamburger:hover,body.dark-mode .hamburger.active{background-color:#ffffff1a;border-color:#fff}@media screen and (max-width:768px){body.dark-mode .nav-menu{background-color:#1a1a1afa}}.sidebar{position:relative;left:0;top:0;width:250px;height:100%;padding:2rem 1rem;border-right:.5px solid #d0d0d0;display:flex;flex-direction:column;gap:1.5rem;transition:transform .3s ease;background-color:#fff;z-index:10;flex-shrink:0}.sidebar-overlay,.sidebar-close-btn{display:none}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.sidebar-header h2{font-family:Geist Mono,monospace;font-size:.9rem;font-weight:100;text-transform:uppercase;letter-spacing:.25em;color:#000;margin:0}.new-chat-btn{font-family:Geist Mono,monospace;background-color:transparent;border:.5px solid #d0d0d0;border-radius:9999px;padding:.6rem 1.5rem;letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;font-weight:100;color:#000;transition:all .3s ease;cursor:pointer;width:100%}.new-chat-btn:hover{background-color:#0000000d;border-color:#000}.chat-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.chat-item{font-family:Geist Mono,monospace;padding:.8rem 1rem;font-size:.8rem;font-weight:100;color:#000;cursor:pointer;border-radius:8px;transition:all .2s ease;letter-spacing:.05em}.chat-item:hover{background-color:#00000008}.chat-item.active{background-color:#0000000d;border-left:2px solid #000}.chat-list::-webkit-scrollbar{width:4px}.chat-list::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:2px}.chat-list::-webkit-scrollbar-thumb:hover{background:#999}@media screen and (max-width:768px){.sidebar-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;z-index:999;background-color:#fff;transform:translate(-100%);padding:1.5rem 1rem}.sidebar.open{transform:translate(0)}.sidebar.open~.sidebar-overlay{opacity:1;pointer-events:auto}.sidebar-close-btn{display:block;background:transparent;border:none;font-size:1.5rem;color:#000;cursor:pointer;padding:0;line-height:1;transition:opacity .2s ease}.sidebar-close-btn:hover{opacity:.7}.sidebar-header{padding:0 .5rem}.sidebar-header h2{font-size:.75rem}.new-chat-btn{font-size:.65rem;padding:.5rem 1rem}.chat-item{font-size:.7rem;padding:.6rem .8rem}}body.dark-mode .sidebar{background-color:#1a1a1a;border-right-color:#333}body.dark-mode .sidebar-header h2,body.dark-mode .sidebar-close-btn{color:#fff}body.dark-mode .new-chat-btn{color:#fff;border-color:#666}body.dark-mode .new-chat-btn:hover{background-color:#ffffff0d;border-color:#fff}body.dark-mode .chat-item{color:#fff}body.dark-mode .chat-item:hover{background-color:#ffffff08}body.dark-mode .chat-item.active{background-color:#ffffff0d;border-left-color:#fff}body.dark-mode .chat-list::-webkit-scrollbar-thumb{background:#666}body.dark-mode .chat-list::-webkit-scrollbar-thumb:hover{background:#888}.message{display:flex;flex-direction:column;gap:.5rem;max-width:75%}.message.user{align-self:flex-end;align-items:flex-end}.message.assistant{align-self:flex-start;align-items:flex-start}.message-label{font-family:Geist Mono,monospace;font-size:.7rem;font-weight:100;text-transform:uppercase;letter-spacing:.2em;color:#666;padding:0 .5rem}.message-bubble{font-family:Geist Mono,monospace;font-size:.85rem;font-weight:100;line-height:1.6;letter-spacing:.05em;padding:1rem 1.5rem;border-radius:16px;color:#000}.message-bubble p{margin:0 0 .75rem;line-height:1.7}.message-bubble p:last-child{margin-bottom:0}.message-bubble strong{font-weight:500;color:inherit}.message-bubble ul{margin:.5rem 0;padding-left:1.5rem;list-style:none}.message-bubble ul li{margin:.4rem 0;position:relative;padding-left:.5rem}.message-bubble ul li:before{content:"•";position:absolute;left:-1rem;color:inherit;font-weight:700}.message-bubble ol{margin:.5rem 0;padding-left:1.5rem}.message-bubble ol li{margin:.4rem 0}.message-bubble code{font-family:Geist Mono,monospace;background-color:#0000000d;padding:.15rem .4rem;border-radius:4px;font-size:.9em}.message-bubble pre{background-color:#0000000d;padding:.75rem;border-radius:8px;overflow-x:auto;margin:.5rem 0}.message-bubble pre code{background-color:transparent;padding:0}.message.user .message-bubble{background-color:#0000000d;border:.5px solid #d0d0d0}.message.assistant .message-bubble{background-color:transparent;border:.5px solid #d0d0d0}@media screen and (max-width:768px){.message{max-width:85%}.message-label{font-size:.65rem}.message-bubble{font-size:.75rem;padding:.8rem 1.2rem}}body.dark-mode .message-label{color:#999}body.dark-mode .message-bubble{color:#fff}body.dark-mode .message.user .message-bubble{background-color:#ffffff0d;border-color:#666}body.dark-mode .message.assistant .message-bubble{background-color:transparent;border-color:#666}body.dark-mode .message-bubble code{background-color:#ffffff1a}body.dark-mode .message-bubble pre{background-color:#ffffff0d}.chat-window{flex:1;display:flex;flex-direction:column;height:100%;max-width:900px;margin:0 auto;padding:0 2rem;overflow:hidden}.chat-header{padding:2rem 0 1.5rem;border-bottom:.5px solid #d0d0d0;display:flex;align-items:center;gap:1rem;flex-shrink:0}.sidebar-toggle-btn{display:none;font-family:Geist Mono,monospace;background-color:transparent;border:.5px solid #d0d0d0;border-radius:8px;padding:.5rem .8rem;font-size:1.2rem;color:#000;cursor:pointer;transition:all .3s ease;line-height:1}.sidebar-toggle-btn:hover{background-color:#0000000d;border-color:#000}.chat-header h1{font-family:Geist Mono,monospace;font-size:1.2rem;font-weight:100;text-transform:uppercase;letter-spacing:.25em;color:#000;margin:0}.messages-container{flex:1;overflow-y:auto;padding:2rem 0;display:flex;flex-direction:column;gap:2rem;min-height:0}.chat-input-container{padding:1.5rem 0 2rem;border-top:.5px solid #d0d0d0;flex-shrink:0}.chat-input{width:100%;font-family:Geist Mono,monospace;background-color:transparent;border:.5px solid #d0d0d0;border-radius:9999px;padding:.8rem 1.5rem;letter-spacing:.1em;font-size:.85rem;font-weight:100;color:#000;transition:all .3s ease;outline:none}.chat-input:hover:not(:disabled){border-color:#000}.chat-input:focus:not(:disabled){border-color:#000}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-input::placeholder{color:#999;letter-spacing:.15em}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#999}@media screen and (max-width:768px){.chat-window{padding:0 1rem;width:100%}.sidebar-toggle-btn{display:block}.chat-header{padding:1.5rem 0 1rem}.chat-header h1{font-size:.9rem;letter-spacing:.2em}.messages-container{gap:1.5rem;padding:1.5rem 0}.chat-input-container{padding:1rem 0 1.5rem}.chat-input{font-size:.75rem;padding:.7rem 1.2rem}}body.dark-mode .chat-window{background-color:#1a1a1a}body.dark-mode .chat-header{border-bottom-color:#333}body.dark-mode .sidebar-toggle-btn{color:#fff;border-color:#666}body.dark-mode .sidebar-toggle-btn:hover{background-color:#ffffff0d;border-color:#fff}body.dark-mode .chat-header h1{color:#fff}body.dark-mode .chat-input-container{border-top-color:#333}body.dark-mode .chat-input{color:#fff;border-color:#666}body.dark-mode .chat-input:hover:not(:disabled){border-color:#fff}body.dark-mode .chat-input:focus:not(:disabled){border-color:#fff}body.dark-mode .chat-input::placeholder{color:#666}body.dark-mode .messages-container::-webkit-scrollbar-thumb{background:#666}body.dark-mode .messages-container::-webkit-scrollbar-thumb:hover{background:#888}.app-container{display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:1400px;height:calc(100vh - 80px);overflow:hidden;padding:0 3rem}@media screen and (max-width:768px){.app-container{top:70px;height:calc(100vh - 70px);padding:0;max-width:100%}}