@property --_x{syntax: "<length>"; inherits: true; initial-value: 0px;}figure[data-astro-cid-lokm765o]{--w: 280px;--r: .5em;display:grid;place-items:end end;font:700 40px/1.5 monospace;transition:--_x .5s;cursor:pointer;margin:0}figure[data-astro-cid-lokm765o].alt{place-items:end start}figure[data-astro-cid-lokm765o]>[data-astro-cid-lokm765o]{grid-area:1/1}figure[data-astro-cid-lokm765o]:hover{--_x: calc(var(--w) - 3 * var(--r) - .5lh)}figure[data-astro-cid-lokm765o] img[data-astro-cid-lokm765o]{width:var(--w);aspect-ratio:1;border-radius:var(--r);--_m: /calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 69%, #0000 72%);--_g: conic-gradient( from 90deg at calc(100% - var(--r)) calc(100% - var(--r)), #0000 25%, #000 0 );--_d: (.5lh + var(--r));mask:calc(100% - var(--_d) - var(--_x)) 100% var(--_m),100% calc(100% - var(--_d)) var(--_m),radial-gradient(.5lh at 100% 100%,#0000 99%,#000 calc(100% + 1px)) calc(-1 * var(--r) - var(--_x)) calc(-1 * var(--r)),var(--_g) calc(-1 * var(--_d) - var(--_x)) 0,var(--_g) 0 calc(-1 * var(--_d));mask-repeat:no-repeat}figure[data-astro-cid-lokm765o].alt img[data-astro-cid-lokm765o]{--_g: conic-gradient( from 180deg at var(--r) calc(100% - var(--r)), #0000 25%, #000 0 );mask:calc(var(--_d) + var(--_x)) 100% var(--_m),0% calc(100% - var(--_d)) var(--_m),radial-gradient(.5lh at 0 100%,#0000 99%,#000 calc(100% + 1px)) calc(var(--r) + var(--_x)) calc(-1 * var(--r)),var(--_g) calc(var(--_d) + var(--_x)) 0,var(--_g) 0 calc(-1 * var(--_d));mask-repeat:no-repeat}figure[data-astro-cid-lokm765o] figcaption[data-astro-cid-lokm765o]{height:1lh;width:calc(1lh + var(--_x));box-sizing:border-box;translate:calc(.5lh - var(--r)) calc(.5lh - var(--r));overflow:hidden;background:#bf4d28;color:#fff;border-inline:calc(.5lh - .5ch) solid #0000;clip-path:inset(5px round 1lh);text-align:center;letter-spacing:1px}figure[data-astro-cid-lokm765o].alt figcaption[data-astro-cid-lokm765o]{translate:calc(-.5lh + var(--r)) calc(.5lh - var(--r))}.post-comments[data-astro-cid-qkaxvstd]{margin:2rem 0;padding:1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d}.comments-header[data-astro-cid-qkaxvstd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.comments-header[data-astro-cid-qkaxvstd] h3[data-astro-cid-qkaxvstd]{margin:0;color:#10b981;font-size:1.4rem}.comment-count[data-astro-cid-qkaxvstd]{color:#ffffffb3;font-size:.9rem;background:#ffffff1a;padding:.3rem .8rem;border-radius:20px}.comments-list[data-astro-cid-qkaxvstd]{display:flex;flex-direction:column;gap:1.5rem}.comment[data-astro-cid-qkaxvstd]{padding:1.2rem;background:#0003;border-radius:8px;border-left:3px solid #10b981}.comment-header[data-astro-cid-qkaxvstd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.user-name[data-astro-cid-qkaxvstd]{color:#10b981;font-size:1rem;font-weight:600}.comment-date[data-astro-cid-qkaxvstd]{color:#fff9;font-size:.85rem}.comment-content[data-astro-cid-qkaxvstd]{color:#ffffffe6;line-height:1.6;font-size:.95rem}.no-comments[data-astro-cid-qkaxvstd]{text-align:center;padding:2rem;color:#fff9;font-style:italic}.error-message[data-astro-cid-qkaxvstd]{padding:1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:6px;color:#fca5a5}.load-more-notice[data-astro-cid-qkaxvstd]{text-align:center;padding:1rem;color:#fff9;font-size:.9rem;border-top:1px solid rgba(255,255,255,.1)}.debug-info[data-astro-cid-qkaxvstd]{margin-top:1rem;padding:1rem;background:#ff45001a;border:1px solid rgba(255,69,0,.3);border-radius:6px;font-size:.85rem}.debug-info[data-astro-cid-qkaxvstd] summary[data-astro-cid-qkaxvstd]{color:#ff4500;cursor:pointer;font-weight:700}.debug-info[data-astro-cid-qkaxvstd] ul[data-astro-cid-qkaxvstd]{margin:.8rem 0 0 1.2rem;color:#fffc}.debug-info[data-astro-cid-qkaxvstd] li[data-astro-cid-qkaxvstd]{margin:.3rem 0}@media (max-width: 768px){.post-comments[data-astro-cid-qkaxvstd]{margin:1rem 0;padding:1rem}.comments-header[data-astro-cid-qkaxvstd]{flex-direction:column;align-items:flex-start;gap:.5rem}.comment-header[data-astro-cid-qkaxvstd]{flex-direction:column;align-items:flex-start;gap:.3rem}}.link-card-container[data-astro-cid-iohz5mf7]{display:flex;flex-wrap:wrap;gap:16px}.live-comments-test[data-astro-cid-iohz5mf7]{margin:2rem 0;padding:2rem;border:2px solid #ff4500;border-radius:12px;background:#ff45001a}.live-comments-test[data-astro-cid-iohz5mf7] h2[data-astro-cid-iohz5mf7]{color:#ff4500;margin-bottom:.5rem}.live-comments-test[data-astro-cid-iohz5mf7]>p[data-astro-cid-iohz5mf7]{color:#fffc;margin-bottom:1.5rem;font-style:italic}.status-info[data-astro-cid-iohz5mf7]{margin:1.5rem 0;padding:1rem;background:#0000004d;border-radius:8px;border-left:4px solid #10b981}.status-info[data-astro-cid-iohz5mf7] h4[data-astro-cid-iohz5mf7]{color:#10b981;margin-bottom:.8rem}.debug-log[data-astro-cid-iohz5mf7]{background:#00000080;padding:1rem;border-radius:6px;color:#10b981;font-size:.85rem;line-height:1.4;white-space:pre-wrap;overflow-x:auto;margin:.5rem 0}.error-display[data-astro-cid-iohz5mf7]{background:#dc262633;border:1px solid #dc2626;padding:1rem;border-radius:6px;color:#fca5a5;margin:.5rem 0}.comparison[data-astro-cid-iohz5mf7]{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin:1.5rem 0}@media (max-width: 768px){.comparison[data-astro-cid-iohz5mf7]{grid-template-columns:1fr}}.live-section[data-astro-cid-iohz5mf7]{padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d}.live-section[data-astro-cid-iohz5mf7] h3[data-astro-cid-iohz5mf7]{color:#10b981;margin-bottom:1rem;font-size:1.1rem}.features-info[data-astro-cid-iohz5mf7]{padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d}.features-info[data-astro-cid-iohz5mf7] h4[data-astro-cid-iohz5mf7]{color:#06b6d4;margin-bottom:1rem;font-size:1rem}.features-info[data-astro-cid-iohz5mf7] ul[data-astro-cid-iohz5mf7]{list-style:none;padding:0;margin:0}.features-info[data-astro-cid-iohz5mf7] li[data-astro-cid-iohz5mf7]{padding:.3rem 0;font-size:.9rem;line-height:1.4}.comments-list[data-astro-cid-iohz5mf7]{list-style:none;padding:0;margin:0}.comment-item[data-astro-cid-iohz5mf7]{background:#0003;padding:1rem;margin-bottom:1rem;border-radius:8px;border-left:3px solid #ff4500;font-size:.9rem;line-height:1.4}.comment-header[data-astro-cid-iohz5mf7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.user-name[data-astro-cid-iohz5mf7]{color:#10b981;font-size:1rem;font-weight:700}.comment-id[data-astro-cid-iohz5mf7]{color:#fff9;font-size:.8rem}.comment-content[data-astro-cid-iohz5mf7]{margin:.8rem 0;color:#ffffffe6;line-height:1.5;font-size:.95rem}.comment-meta[data-astro-cid-iohz5mf7]{display:flex;justify-content:space-between;margin:.8rem 0 .5rem;font-size:.8rem;color:#ffffffb3}.post-info[data-astro-cid-iohz5mf7]{color:#06b6d4}.comment-date[data-astro-cid-iohz5mf7]{color:#f59e0b}.user-id[data-astro-cid-iohz5mf7]{font-size:.75rem;color:#ffffff80;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.no-comments[data-astro-cid-iohz5mf7]{text-align:center;padding:2rem;color:#fff9;font-style:italic}.no-comments[data-astro-cid-iohz5mf7] p[data-astro-cid-iohz5mf7]{margin:.5rem 0}.test-instructions[data-astro-cid-iohz5mf7]{margin-top:1.5rem;padding:1rem;background:#ff45001a;border-radius:8px;border-left:4px solid #ff4500}.test-instructions[data-astro-cid-iohz5mf7] h4[data-astro-cid-iohz5mf7]{color:#ff4500;margin-bottom:.8rem}.test-instructions[data-astro-cid-iohz5mf7] ol[data-astro-cid-iohz5mf7]{margin-left:1.2rem;line-height:1.6}.test-instructions[data-astro-cid-iohz5mf7] li[data-astro-cid-iohz5mf7]{margin-bottom:.5rem}.test-instructions[data-astro-cid-iohz5mf7] strong[data-astro-cid-iohz5mf7]{color:#10b981}.production-demo[data-astro-cid-iohz5mf7]{margin:3rem 0;padding:2rem;border:2px solid #10b981;border-radius:12px;background:#10b9811a}.production-demo[data-astro-cid-iohz5mf7] h2[data-astro-cid-iohz5mf7]{color:#10b981;margin-bottom:.5rem}.production-demo[data-astro-cid-iohz5mf7]>p[data-astro-cid-iohz5mf7]{color:#fffc;margin-bottom:1.5rem;font-style:italic}.demo-posts[data-astro-cid-iohz5mf7]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}@media (max-width: 768px){.demo-posts[data-astro-cid-iohz5mf7]{grid-template-columns:1fr}}.demo-post[data-astro-cid-iohz5mf7]{padding:1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d}.demo-post[data-astro-cid-iohz5mf7] h4[data-astro-cid-iohz5mf7]{color:#06b6d4;margin-bottom:1rem;font-size:1.1rem}.architecture-note[data-astro-cid-iohz5mf7]{margin-top:2rem;padding:1.5rem;background:#0000004d;border-radius:8px;border-left:4px solid #10b981}.architecture-note[data-astro-cid-iohz5mf7] h4[data-astro-cid-iohz5mf7]{color:#10b981;margin-bottom:1rem}.architecture-note[data-astro-cid-iohz5mf7] p[data-astro-cid-iohz5mf7]{color:#fffc;line-height:1.6;margin-bottom:1rem}.architecture-note[data-astro-cid-iohz5mf7] ul[data-astro-cid-iohz5mf7]{color:#ffffffb3;line-height:1.5;margin-left:1.5rem}.architecture-note[data-astro-cid-iohz5mf7] li[data-astro-cid-iohz5mf7]{margin-bottom:.5rem}.code-example[data-astro-cid-iohz5mf7]{background:#00000080;color:#10b981;padding:.8rem;border-radius:4px;font-size:.85rem;margin:.5rem 0;overflow-x:auto}.production-example[data-astro-cid-iohz5mf7]{margin:2rem 0;padding:2rem;border:2px solid #06b6d4;border-radius:12px;background:#06b6d41a}.production-example[data-astro-cid-iohz5mf7] h2[data-astro-cid-iohz5mf7]{color:#06b6d4;margin-bottom:.5rem}.production-example[data-astro-cid-iohz5mf7]>p[data-astro-cid-iohz5mf7]{color:#fffc;margin-bottom:1.5rem;font-style:italic}.example-container[data-astro-cid-iohz5mf7]{margin:1.5rem 0;padding:1rem;background:#0003;border-radius:8px;border-left:3px solid #06b6d4}.example-container[data-astro-cid-iohz5mf7] h3[data-astro-cid-iohz5mf7]{color:#06b6d4;margin-bottom:1rem;font-size:1.1rem}.usage-example[data-astro-cid-iohz5mf7]{margin-top:2rem;padding:1.5rem;background:#0000004d;border-radius:8px;border:1px solid rgba(6,182,212,.3)}.usage-example[data-astro-cid-iohz5mf7] h4[data-astro-cid-iohz5mf7]{color:#06b6d4;margin-bottom:1rem}.usage-example[data-astro-cid-iohz5mf7] pre[data-astro-cid-iohz5mf7]{background:#00000080;padding:1rem;border-radius:6px;overflow-x:auto;font-size:.85rem;line-height:1.4}.usage-example[data-astro-cid-iohz5mf7] code[data-astro-cid-iohz5mf7]{color:#10b981}.comments-test[data-astro-cid-iohz5mf7]{margin:2rem 0;padding:2rem;border:2px solid var(--color-emerald-300);border-radius:12px;background:#0000001a}.comments-test[data-astro-cid-iohz5mf7] h2[data-astro-cid-iohz5mf7]{color:var(--color-emerald-300);margin-bottom:1rem}.comments-list[data-astro-cid-iohz5mf7]{list-style:none;padding:0;margin:1rem 0}.comment-item[data-astro-cid-iohz5mf7]{background:#ffffff1a;border:1px solid var(--color-emerald-300);border-radius:8px;padding:1rem;margin-bottom:1rem}.comment-meta[data-astro-cid-iohz5mf7]{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.comment-date[data-astro-cid-iohz5mf7]{color:var(--color-emerald-200);opacity:.8}.comment-text[data-astro-cid-iohz5mf7]{margin:.5rem 0;line-height:1.5}.comment-info[data-astro-cid-iohz5mf7]{color:var(--color-emerald-200);opacity:.7;font-size:.8rem}.no-comments[data-astro-cid-iohz5mf7]{text-align:center;color:var(--color-emerald-200);font-style:italic;padding:2rem}.test-form[data-astro-cid-iohz5mf7]{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-emerald-300)}.comment-form[data-astro-cid-iohz5mf7]{display:flex;flex-direction:column;gap:1rem;max-width:400px}.comment-form[data-astro-cid-iohz5mf7] input[data-astro-cid-iohz5mf7],.comment-form[data-astro-cid-iohz5mf7] textarea[data-astro-cid-iohz5mf7]{padding:.8rem;border:1px solid var(--color-emerald-300);border-radius:6px;background:#ffffff1a;color:#fff}.comment-form[data-astro-cid-iohz5mf7] button[data-astro-cid-iohz5mf7]{padding:.8rem 1.5rem;background:var(--color-emerald-300);color:#000;border:none;border-radius:6px;cursor:pointer;font-weight:700}.comment-form[data-astro-cid-iohz5mf7] button[data-astro-cid-iohz5mf7]:hover{background:var(--color-emerald-200)}.form-note[data-astro-cid-iohz5mf7]{margin-top:1rem;padding:1rem;background:#ffffff0d;border-radius:6px;font-size:.9rem;line-height:1.5}