@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");body{margin:0;padding:0;background:#000;color:#fff;font-family:Space Grotesk,sans-serif;overflow-x:hidden;text-align:center}html{scroll-behavior:smooth}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:800px;width:90%}h1{font-size:3.2em;font-weight:700;letter-spacing:2px;animation:fadeIn 2s ease-in-out;margin-bottom:32px}p{font-size:1.2em;opacity:.8;line-height:1.6;margin-bottom:24px}form{margin-top:20px;display:flex;flex-direction:column;align-items:center;width:100%}button,input,textarea{width:90%;max-width:400px;margin:8px 0;padding:12px;font-size:1em;font-family:Neue Montreal,sans-serif;color:#fff;background:#222;border:1px solid #888;border-radius:5px;outline:none;text-align:center}input::placeholder,textarea::placeholder{color:#aaa}textarea{height:80px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}canvas{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}@media (max-width:768px){h1{font-size:2.5em}p{font-size:1em}button,input,textarea{font-size:1em;padding:10px}}.task-input{width:100%;padding:16px;font-size:1.2rem;border:2px solid rgba(180,75,255,.5);border-radius:8px;outline:none;background:rgba(20,20,30,.8);color:#fff;transition:all .3s ease-in-out;min-height:120px;resize:none;overflow-y:hidden}.task-input:focus{border-color:#b44bff}.task-input.typing{animation:pulseGlow 1s ease-in-out infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 15px hsla(0,0%,100%,.3)}to{box-shadow:0 0 20px hsla(0,0%,100%,.5)}}.task-input.submitting{transform:scale(.95);opacity:.9;transition:transform .15s ease-in-out,opacity .2s ease-in-out}.ai-response{margin-top:12px;margin-bottom:12rem;font-size:1.1rem;opacity:0;transition:opacity .3s ease-in-out}.ai-response.visible{opacity:1}textarea{overflow-y:hidden;transition:height .2s ease-in-out}.vesper-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.vesper-section h2{font-size:1.7rem;margin-bottom:8px}.vesper-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding-top:170px;transition:padding .3s ease-in-out}.vesper-header{text-align:center;max-width:600px;margin:12rem auto 0;position:relative}nav{position:fixed;top:0;right:0;padding:1rem;display:flex;z-index:100;background-color:#000}nav a{color:#fff;margin-left:20px;font-weight:500;text-decoration:none;transition:color .2s ease}nav a:hover{color:#b3b3b3}.glassmorphic-pane{background:hsla(0,0%,100%,.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:2rem;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);color:#fff}.glassmorphic-input{width:100%;padding:12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.05);color:#fff;outline:none}.glassmorphic-input::placeholder{color:hsla(0,0%,100%,.6)}@keyframes blink{to{opacity:0}}.blinking-inline-cursor:after{content:"▍";animation:blink 1s steps(2,start) infinite;color:#a855f7;font-weight:700}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:rgba(59,130,246,.4);border-radius:4px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:rgba(59,130,246,.7)}@keyframes vesperPulse{0%,to{transform:scale(1.05)}50%{transform:scale(1.1)}}.animate-vesperPulse{animation:vesperPulse 1.4s ease-in-out infinite}.vesper-boost{filter:brightness(1.2) contrast(1.4) saturate(1.4)}.markdown-body{white-space:pre-wrap;line-height:1.5}.markdown-body h1{font-size:1.25rem}.markdown-body h1,.markdown-body h2{font-weight:600;margin-bottom:.5rem;color:#fff}.markdown-body h2{font-size:1.125rem}.markdown-body h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#fff}.markdown-body p{font-size:.875rem;line-height:1.6;color:#d1d5db;margin-bottom:.75rem}.markdown-body ul{padding-left:1.2rem;list-style-type:disc;font-size:.875rem;color:#d1d5db;margin-bottom:.5rem}.markdown-body li{margin-bottom:.25rem}.mermaid{margin:2rem auto;display:block;max-width:100%;text-align:center;color:#fff;background:transparent;overflow-x:auto}.mermaid>svg{display:block;margin:0 auto}.mermaid-container{padding:1.5rem;margin:3rem auto;border-radius:1rem;max-width:800px;display:block;text-align:center;background-color:transparent}.mermaid-container svg{display:block;width:100%;height:auto;color:#fff!important;stroke:#8b5cf6}.mermaid-container svg text{fill:#fff!important;font-family:Inter,sans-serif!important;font-size:16px!important;dominant-baseline:middle;text-anchor:middle}.mermaid-container .node ellipse,.mermaid-container .node polygon,.mermaid-container .node rect{fill:#1e1e2e!important;stroke:#8b5cf6!important;rx:8px;ry:8px}@media (max-width:768px){.vesper-header{margin-top:8rem}}@keyframes vesper-ping{0%{box-shadow:0 0 0 0 rgba(239,68,68,.5)}70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.vesper-button-glow{position:absolute;top:50%;left:50%;width:100%;height:20%;transform:translate(-50%,-50%) scaleX(.4);border-radius:9999px;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,0));opacity:1;filter:blur(10px);z-index:1;animation:core-line-glow .6s ease-out forwards}@keyframes core-line-glow{0%{opacity:1;transform:translate(-50%,-50%) scaleX(.4)}to{opacity:0;transform:translate(-50%,-50%) scaleX(1.4)}}