.rarity-demo[data-v-adac2cbe]{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:var(--color-text);padding-bottom:4rem}.container[data-v-adac2cbe]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero[data-v-adac2cbe]{text-align:center;padding:6rem 0 4rem}.hero h1[data-v-adac2cbe]{font-size:2.5rem;font-weight:900;margin-bottom:1rem}.subtitle[data-v-adac2cbe]{font-size:1.1rem;color:var(--color-text-secondary);max-width:800px;margin:0 auto;line-height:1.6}.demo-section[data-v-adac2cbe]{margin-bottom:5rem}.demo-section h2[data-v-adac2cbe]{font-size:2rem;font-weight:800;margin-bottom:1rem;border-bottom:2px solid var(--color-border);padding-bottom:.5rem}.demo-section h3[data-v-adac2cbe]{font-size:1.5rem;font-weight:700;margin:2rem 0 1rem;color:var(--color-primary-light)}.section-description[data-v-adac2cbe]{color:var(--color-text-secondary);margin-bottom:2rem;line-height:1.6}.section-description code[data-v-adac2cbe]{background:#8b5cf633;padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:#a78bfa}.badge-examples[data-v-adac2cbe]{display:flex;flex-direction:column;gap:1rem}.example-row[data-v-adac2cbe]{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-surface);border-radius:8px}.example-row .label[data-v-adac2cbe]{min-width:180px;font-weight:600;color:var(--color-text-secondary)}.example-row code[data-v-adac2cbe]{margin-left:auto;background:#0000004d;padding:.4rem .8rem;border-radius:6px;font-family:Courier New,monospace;font-size:.85rem;color:#a78bfa}.use-case-example[data-v-adac2cbe]{background:var(--color-surface);padding:2rem;border-radius:12px;margin-bottom:2rem;border:1px solid var(--color-border)}.choice-option[data-v-adac2cbe],.achievement-card[data-v-adac2cbe]{margin-bottom:1rem}.option-header[data-v-adac2cbe],.achievement-header[data-v-adac2cbe]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.option-header h4[data-v-adac2cbe],.achievement-header h4[data-v-adac2cbe]{margin:0;font-size:1.3rem;font-weight:700;flex:1}.achievement-icon[data-v-adac2cbe]{font-size:2rem}.api-doc[data-v-adac2cbe]{margin-bottom:3rem}.props-table[data-v-adac2cbe]{width:100%;border-collapse:collapse;margin:1rem 0;background:var(--color-surface);border-radius:8px;overflow:hidden}.props-table th[data-v-adac2cbe],.props-table td[data-v-adac2cbe]{padding:1rem;text-align:left;border-bottom:1px solid var(--color-border)}.props-table th[data-v-adac2cbe]{background:#8b5cf61a;font-weight:700;color:var(--color-primary-light)}.props-table code[data-v-adac2cbe]{background:#8b5cf633;padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:#a78bfa}pre[data-v-adac2cbe]{background:var(--color-background);padding:1.5rem;border-radius:8px;overflow-x:auto;border:1px solid var(--color-border)}pre code[data-v-adac2cbe]{font-family:Courier New,monospace;font-size:.9rem;color:#a78bfa;line-height:1.6}.template-block[data-v-adac2cbe]{margin-bottom:2rem}.template-block h3[data-v-adac2cbe]{font-size:1.2rem;margin-bottom:.5rem}@media(max-width:768px){.container[data-v-adac2cbe]{padding:0 1rem}.hero[data-v-adac2cbe]{padding:4rem 0 3rem}.hero h1[data-v-adac2cbe]{font-size:2rem}.example-row[data-v-adac2cbe]{flex-direction:column;align-items:flex-start}.example-row code[data-v-adac2cbe]{margin-left:0;font-size:.75rem;word-break:break-all}.option-header[data-v-adac2cbe],.achievement-header[data-v-adac2cbe]{flex-direction:column;align-items:flex-start}.props-table[data-v-adac2cbe]{font-size:.85rem}.props-table th[data-v-adac2cbe],.props-table td[data-v-adac2cbe]{padding:.75rem .5rem}pre code[data-v-adac2cbe]{font-size:.75rem}}