@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);:root{--background-color:#1a1a1a;--text-color:#f0f0f0;--primary-color:#0af;--secondary-color:#333;--border-radius:8px;--container-width:800px;--animation-duration:0.5s}body{font-family:Inter,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6;margin:0;padding:2rem}.container{max-width:var(--container-width);margin:0 auto;animation:fade-in var(--animation-duration) ease-in-out}@keyframes fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{text-align:center;margin-bottom:4rem;animation:slide-in-down var(--animation-duration) ease-in-out}@keyframes slide-in-down{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.header h1{font-size:3rem;color:var(--primary-color);margin-bottom:.5rem}section{background-color:var(--secondary-color);padding:2rem;margin-bottom:2rem;border-radius:var(--border-radius);box-shadow:0 4px 8px rgb(0 0 0 / 20%);transition:transform .3s ease,box-shadow .3s ease}section:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgb(0 0 0 / 30%)}h2{color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;margin-bottom:1.5rem}ul{list-style:none;padding-left:0}li{margin-bottom:.5rem}pre{background-color:#2a2a2a;padding:1rem;border-radius:var(--border-radius);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}code{font-family:"Courier New",Courier,monospace;background-color:#2a2a2a;padding:.2rem .4rem;border-radius:4px}table{width:100%;border-collapse:collapse;margin-top:1rem}td,th{padding:.75rem;text-align:left;border-bottom:1px solid #444}th{background-color:#2a2a2a}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.project-structure ul{list-style-type:none;padding-left:20px;position:relative}.project-structure ul::before{content:"";position:absolute;left:10px;top:0;bottom:0;width:1px;background:#555}.project-structure li{position:relative;padding-left:20px}.project-structure li::before{content:"";position:absolute;left:-10px;top:10px;width:10px;height:1px;background:#555}.project-structure .folder>label{cursor:pointer;display:inline-block}.project-structure .folder>label::before{content:"📁";margin-right:5px}.project-structure .folder.open>label::before{content:"📂"}.project-structure .folder>.folder-content{display:none}.project-structure .folder.open>.folder-content{display:block}.project-structure span{display:inline-block}.project-structure .comment{color:#888;margin-left:15px}.hint{color:#888;font-size:.9rem;text-align:center;margin-bottom:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background-color:#2a2a2a;padding:1.5rem;border-radius:var(--border-radius);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgb(0 0 0 / 30%)}.feature-card h3{color:var(--primary-color);font-size:1.25rem;margin-bottom:.5rem}.bulleted-list{list-style:disc;padding-left:40px}.gear-container{position:fixed;top:20px;right:20px;cursor:pointer;z-index:1000}#gear{transition:transform .5s ease}#gear:hover{transform:rotate(90deg)}#water-animation{position:fixed;bottom:0;left:0;width:100%;height:0;background-color:var(--primary-color);transition:height 5s ease-in-out;z-index:-1;overflow:hidden}#water-animation.fill{height:100%}.water-container{position:relative;width:100%;height:100%;overflow:hidden}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%}.wave1{animation:wave-animation 8s ease-in-out infinite;opacity:.8}.wave2{animation:wave-animation2 6s ease-in-out infinite reverse;opacity:.6}.wave3{animation:wave-animation3 10s ease-in-out infinite;opacity:.4}@keyframes wave-animation{0%,100%{transform:translateX(0)}50%{transform:translateX(-25%)}}@keyframes wave-animation2{0%,100%{transform:translateX(-25%)}50%{transform:translateX(0)}}@keyframes wave-animation3{0%,100%{transform:translateX(-12.5%)}50%{transform:translateX(-37.5%)}}.bubble{position:absolute;background:rgb(255 255 255 / 30%);border-radius:50%;animation:float 4s ease-in-out infinite}.bubble1{width:20px;height:20px;left:10%;bottom:50px;animation-delay:0s}.bubble2{width:15px;height:15px;left:70%;bottom:80px;animation-delay:2s}.bubble3{width:25px;height:25px;left:40%;bottom:30px;animation-delay:1s}@keyframes float{0%,100%{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-30px) scale(1.1);opacity:1}}.title-custom{font-size:2rem;font-weight:700;color:#fff!important}.gear-hint{position:absolute;top:50%;right:120%;transform:translateY(-50%);font-size:.8rem;color:#888;animation:fade-out 5s forwards;white-space:nowrap}@keyframes fade-out{0%{opacity:1}80%{opacity:1}100%{opacity:0}}footer{text-align:center;padding:2rem 0;margin-top:4rem;border-top:1px solid #444}#github-link{margin:0 1rem;color:#fff!important;text-decoration:none}#npm-link{margin:0 1rem;color:#fff!important;text-decoration:none}