*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f1eb;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bloom-card{width:412px;background:#fff;border-radius:20px;padding:24px 24px 28px;box-shadow:0 2px 16px #0000000f;display:flex;flex-direction:column;align-items:center}.bloom-title{font-family:Georgia,Times New Roman,serif;font-style:normal;font-weight:700;font-size:1.5rem;color:#1a1a1a;margin:0 0 16px;text-align:center}.bloom-image-area{width:100%;border-radius:14px;overflow:hidden;margin-bottom:20px;background:linear-gradient(20deg,#e4eeff -5%,#e3ffdf33 84.42%)}.bloom-question{font-family:Georgia,Times New Roman,serif;font-weight:600;font-size:.9rem;color:#1a1a1a;margin:0 0 14px;text-align:center}.bloom-options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.bloom-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px 10px;border-radius:12px;border:1px solid #ece8e3;background:#faf8f5;cursor:pointer;transition:all .2s ease;min-width:68px}.bloom-option:hover{border-color:#d4cfc8;background:#f4f0eb}.bloom-option.selected{border-color:#b8a990;background:#f0ebe4;box-shadow:0 0 0 2px #b8a99040}.bloom-option-emoji{font-size:1.25rem;line-height:1}.bloom-option-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.72rem;color:#4a4a4a;white-space:nowrap}.page{max-width:720px;margin:0 auto;padding:0 24px 64px}.hero{text-align:center;padding:72px 0 48px}.hero-tag{font-size:.8rem;letter-spacing:.04em;color:#8a7e72;margin-bottom:12px}.hero-title{font-family:Georgia,Times New Roman,serif;font-size:3.2rem;font-weight:700;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.02em}.hero-sub{font-size:1.1rem;line-height:1.6;color:#555;max-width:440px;margin:0 auto 28px}.hero-install{display:inline-flex;align-items:center;gap:12px;background:#1a1a1a;color:#e0dcd7;padding:10px 16px;border-radius:10px;font-size:.85rem;font-family:SF Mono,Fira Code,Consolas,monospace}.hero-install code{-webkit-user-select:all;user-select:all}.hero-links{display:flex;gap:12px;justify-content:center;margin-top:20px}.hero-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s ease}.hero-link.npm{background:#cb3837;color:#fff}.hero-link.npm:hover{background:#b52e2d}.hero-link.github{background:#24292e;color:#fff}.hero-link.github:hover{background:#1a1e22}.section{padding:48px 0}.section+.section{border-top:1px solid #e8e3dc}.section-title{font-family:Georgia,Times New Roman,serif;font-size:1.6rem;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 8px}.section-sub{text-align:center;color:#777;font-size:.95rem;margin:0 0 32px}.demo-area{display:flex;justify-content:center}.steps{display:flex;flex-direction:column;gap:36px;margin-top:32px}.step{display:flex;gap:20px;align-items:flex-start}.step-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#1a1a1a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;margin-top:2px}.step h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 4px}.step p{font-size:.9rem;color:#666;margin:0 0 12px;line-height:1.5}.step>div{flex:1;min-width:0}.code-block{position:relative;background:#1a1a1a;border-radius:10px;padding:16px 18px;overflow-x:auto}.code-block pre{margin:0}.code-block code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.82rem;line-height:1.65;color:#e0dcd7;white-space:pre}.code-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8a7e72;margin-bottom:8px}.copy-btn{position:absolute;top:10px;right:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#aaa;font-size:.72rem;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease}.copy-btn:hover{background:#ffffff24;color:#ddd}.stage-demo{display:flex;flex-direction:column;align-items:center;gap:20px}.stage-canvas{border-radius:14px;overflow:hidden;background:linear-gradient(20deg,#e4eeff -5%,#e3ffdf00 84.42%)}.stage-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.stage-pill{padding:7px 16px;border-radius:20px;border:1px solid #ddd8d0;background:#faf8f5;font-size:.82rem;color:#555;cursor:pointer;transition:all .2s ease;font-family:SF Mono,Fira Code,Consolas,monospace}.stage-pill:hover{border-color:#c5bfb5;background:#f0ebe4}.stage-pill.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.table-heading{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:1rem;font-weight:600;color:#1a1a1a;margin:32px 0 12px}.table-heading:first-of-type{margin-top:24px}.table-wrap{overflow-x:auto;border-radius:10px;border:1px solid #e8e3dc}.table-wrap table{width:100%;border-collapse:collapse;font-size:.85rem}.table-wrap th{text-align:left;padding:10px 14px;background:#f5f1eb;color:#555;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e8e3dc}.table-wrap td{padding:10px 14px;border-bottom:1px solid #f0ebe4;color:#333;vertical-align:top}.table-wrap tr:last-child td{border-bottom:none}.table-wrap code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8rem;background:#f5f1eb;padding:2px 6px;border-radius:4px;color:#8a5a3a}.stage-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.stage-tag{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.82rem;background:#f5f1eb;color:#8a5a3a;padding:5px 12px;border-radius:6px;border:1px solid #e8e3dc}.footer{text-align:center;padding:48px 0 24px;border-top:1px solid #e8e3dc;color:#999;font-size:.85rem}.footer-links{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px}.footer-links a{color:#666;text-decoration:none;font-weight:500;transition:color .15s ease}.footer-links a:hover{color:#1a1a1a}.footer-links span{color:#ccc}@media(max-width:520px){.hero-title{font-size:2.4rem}.hero-install{font-size:.75rem;padding:8px 12px}.step{flex-direction:column;gap:12px}.table-wrap{font-size:.8rem}}