:root{--primary-color: #fdff24;scroll-behavior:smooth}body{margin:0;background:#000;font-family:Georgia,Times,serif}.toggle-btn{position:fixed;z-index:10;cursor:pointer;transition:transform .3s ease;color:#fff;padding:.4em;opacity:.5}.toggle-btn.active{opacity:1;transform:translate(240px);left:1em}.container{position:relative;height:100vh;overflow:auto;scroll-snap-type:y mandatory;color:#fff}.slide{display:flex;justify-content:center;align-items:center;height:100vh;margin:0 auto;scroll-snap-align:center}.slide h1{display:none}.side-menu{font-family:Verdana,Geneva,Tahoma,sans-serif;position:fixed;top:0;left:-250px;width:250px;height:100vh;-webkit-backdrop-filter:blur(.4em);backdrop-filter:blur(.4em);transition:transform .3s ease;z-index:1;overflow-y:scroll}.side-menu.active{transform:translate(250px)}.side-menu a.title{font-size:1.5em;display:block;color:#fff;padding-left:.5em;font-weight:lighter;background:-webkit-linear-gradient(var(--primary-color),#d4a344);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0}.menu-link{display:block;color:#fff;text-decoration:none;padding:.8em;opacity:0;transition:all .3s ease}.menu-link:hover{background:#444}.menu-link.h2,.menu-link.h3{font-size:.8em;padding-left:1em}.menu-link.h3{padding-left:1.8em}.menu-link.active{color:var(--primary-color)}.menu-link.visible{opacity:1;transform:translate(0)}.content{width:60vw;height:100vh;overflow-y:scroll;line-height:1.875rem;position:relative}.content img{background-size:contain;height:95vh;background-repeat:no-repeat;background-position:center}.content h1,.content h2,.content h3,.content h4{margin-bottom:0;font-size:1.5em}.content p{font-size:1.25em}.carousel-container{position:relative;margin:0 auto}.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:50vw}.carousel::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.carousel-nav{display:flex;justify-content:center;gap:8px;margin-top:16px}.nav-footer{position:absolute;bottom:0;padding:1em}.carousel-nav a{width:12px;height:12px;border-radius:50%;background-color:#ccc;opacity:.7;transition:opacity .3s ease}.carousel-nav a:hover{opacity:1}.copy-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.copy-button:hover{background-color:#f0f0f0}.copy-button svg{width:1.5em;height:1.5em;transition:all .3s ease}.copy-button .link-icon{stroke:var(--primary-color)}.copy-button .check-icon{stroke:#22c55e}.copy-button[data-copied=false] .check-icon,.copy-button[data-copied=true] .link-icon{display:none}.message{max-width:70%;padding:12px 16px;border-radius:16px;position:relative;word-wrap:break-word}.message.received{align-self:flex-start;background:#aaa;border-bottom-left-radius:4px}.message.sent{align-self:flex-end;background:#0084ff;color:#fff;border-bottom-right-radius:4px}.chat-container{font-family:Verdana,Geneva,Tahoma,sans-serif;overflow-y:scroll;background:#262626;height:90%}.chat-header{padding:16px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:1;background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-header h2{font-weight:lighter}.avatar{width:40px;height:40px;border-radius:50%;background:#e5e5e5;display:flex;align-items:center;justify-content:center;font-weight:700;color:#666}.chat-messages{padding:20px;display:flex;flex-direction:column;gap:16px;font-size:.8em}@media (max-width: 768px){.content{width:100vw}.content h1,.content h2,.content h3,.content h4{margin-top:.1em;font-size:1.25rem}.content h1,.content h2,.content h3,.content h4,.content p{padding:0 2em}.content p{font-size:1.2em}.content:has(img) img{position:absolute;left:0;top:0}.carousel{width:100vw}.chat-container{height:70%;position:relative;top:-5%}.copy-button{position:absolute;right:5px}}