:root{--color-coffee-dark: #3e2723;--color-coffee: #5d4037;--color-coffee-light: #8d6e63;--color-milk: #fdfbf7;--color-milk-cream: #efebe9;--color-milk-dark: #d7ccc8;--color-success: #4ade80;--warn-border: #f1c40f;--warn-color: #fff8dc;--warn-text: #000000;--warn-icon-bg: #f4d35e;--warn-icon-offset: .1rem}*{padding:0;box-sizing:border-box}html{scroll-behavior:smooth;margin:0}body{margin:0;background-color:var(--color-milk);color:var(--color-coffee-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}main{margin:0}.site-main{flex:1;min-height:0}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:3rem;margin:.5em 0}h2{font-size:2rem;margin:.5em 0}h3{font-size:1.75rem;margin:.5em 0}h4{font-size:1.5rem;margin:.5em 0}h5{font-size:1.25rem;margin:.5em 0}h6{font-size:1rem;margin:.5em 0}p{margin-bottom:1rem}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;cursor:pointer}.btn-primary{display:inline-block;padding:.75rem 2rem;background-color:var(--color-coffee);color:var(--color-milk);font-weight:700;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease;text-decoration:none;border:none;cursor:pointer}.btn-primary:hover{background-color:var(--color-coffee-light);box-shadow:0 20px 25px -5px #0003;transform:translateY(-2px)}.btn-secondary{display:inline-block;padding:.75rem 2rem;background-color:#fff;color:var(--color-coffee);font-weight:700;border-radius:9999px;border:2px solid var(--color-coffee);box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease;text-decoration:none;cursor:pointer}.btn-secondary:hover{background-color:var(--color-milk-cream);box-shadow:0 20px 25px -5px #0003;transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.text-left{text-align:left}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border:1px solid currentColor}.border-2{border-width:2px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.transition{transition:all .3s ease}.transition-colors{transition:color .2s ease}.opacity-50{opacity:.5}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-4{gap:1rem}.text-coffee-dark{color:var(--color-coffee-dark)}.text-coffee{color:var(--color-coffee)}.text-coffee-light{color:var(--color-coffee-light)}.text-milk{color:var(--color-milk)}.text-white{color:#fff}.bg-white{background-color:#fff}.bg-coffee{background-color:var(--color-coffee)}.bg-coffee-dark{background-color:var(--color-coffee-dark)}.bg-milk-cream{background-color:var(--color-milk-cream)}.bg-milk{background-color:var(--color-milk)}.border-coffee{border-color:var(--color-coffee)}.border-coffee-light{border-color:var(--color-coffee-light)}.border-milk-dark{border-color:var(--color-milk-dark)}.border-white{border-color:#fff}.w-full{width:100%}.h-auto{height:auto}.max-w-full{max-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:64rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.min-h-screen{min-height:100vh}button:hover{opacity:.9}a:hover{text-decoration:underline}.hover\:bg-coffee-light:hover{background-color:var(--color-coffee-light)}.hover\:text-coffee:hover{color:var(--color-coffee)}.hover\:text-coffee-dark:hover{color:var(--color-coffee-dark)}.hover\:text-milk-dark:hover{color:var(--color-milk-dark)}.hover\:bg-milk-cream:hover{background-color:var(--color-milk-cream)}.hover\:underline:hover{text-decoration:underline}.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;background-color:var(--color-coffee-dark);color:var(--color-milk);padding:.75rem 1rem;box-shadow:0 4px 6px -1px #0000001a}.site-header-inner{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 1rem}.site-brand{font-weight:700;font-size:1.25rem;letter-spacing:.05em}.site-nav{display:flex;gap:.75rem;font-weight:500;font-size:.875rem}@media(min-width:768px){.site-header-inner{padding:0 2rem}.site-nav{gap:1.5rem;font-size:1rem}.site-brand{font-size:1.5rem}}.site-footer{background-color:var(--color-milk-cream);color:var(--color-coffee-light);padding:2rem;text-align:center;margin-top:3rem;border-top:1px solid var(--color-milk-dark)}.home-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.site-main{flex:1;padding-top:70px;min-height:0}.hero-npm-card{margin-bottom:2.5rem;padding:.75rem;background-color:var(--color-milk-cream);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a;display:inline-block;transition:transform .3s ease}.hero-npm-card:hover{transform:scale(1.02)}.hero-panel{display:flex;align-items:center;justify-content:center}.hero-frame{background:var(--color-milk);border-radius:1.25rem;padding:1rem;box-shadow:0 18px 30px #00000014;display:inline-flex;align-items:center;justify-content:center}.hero-frame{width:clamp(180px,28vw,260px);background:#e6d9ca;border-radius:.9rem;border:6px solid var(--color-coffee);padding:.6rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.hero-logo{object-fit:contain;width:100%;height:auto;display:block;border-radius:.5rem}.hero-title{font-size:3rem;font-weight:900;color:var(--color-coffee-dark);margin-bottom:1rem;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;color:var(--color-coffee-light);max-width:42rem;margin-bottom:2rem;line-height:1.8;white-space:pre-line}.link-npm{color:var(--color-coffee-light);font-size:.875rem;display:flex;align-items:center;gap:.25rem;transition:color .3s ease}.link-npm:hover{color:var(--color-coffee);text-decoration:underline}.install-box{width:100%;max-width:42rem;margin-bottom:2.5rem}.install-panel{background-color:var(--color-coffee-dark);color:var(--color-milk);border-radius:.5rem;padding:1.5rem;box-shadow:inset 0 2px 4px #0000004d;text-align:left;font-family:Monaco,Courier New,monospace;font-size:.875rem;border:1px solid var(--color-coffee)}.page-main{max-width:56rem;margin:0 auto;padding:1.5rem}.page-title{font-size:2.25rem;font-weight:700;color:var(--color-coffee-dark);margin-bottom:.5rem}.docs-store{display:none}.no-doc{color:var(--color-coffee-light);padding:2rem;text-align:center}.sidebar-whitespace{height:4rem}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.hero-subtitle{font-size:1rem}.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:flex-row{flex-direction:column}}@media(min-width:768px){.md\:flex-row{flex-direction:row}.md\:p-12{padding:3rem}.md\:gap-12{gap:3rem}}body{background-color:var(--color-milk);color:var(--color-coffee-dark)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1.1rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle}.material-icons.small{font-size:.9rem}.material-icons.large{font-size:1.3rem}