.magnetic-demo[data-astro-cid-xlaf2vvz]{padding:2rem}.buttons-row[data-astro-cid-xlaf2vvz]{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.mag-btn[data-astro-cid-xlaf2vvz]{padding:.75rem 1.75rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:0;transition:box-shadow .3s ease;will-change:transform}.mag-primary[data-astro-cid-xlaf2vvz]{background:var(--spoko-color-primary);color:#fff;box-shadow:0 0#0d87cd00}.mag-primary[data-astro-cid-xlaf2vvz]:hover{box-shadow:0 8px 30px #0d87cd73}.mag-outline[data-astro-cid-xlaf2vvz]{background:0 0;color:var(--spoko-color-primary);border:1.5px solid rgba(13,135,205,.5)}.mag-outline[data-astro-cid-xlaf2vvz]:hover{border-color:var(--spoko-color-primary);background:#0d87cd14}.mag-ghost[data-astro-cid-xlaf2vvz]{background:var(--demo-surface);color:var(--demo-text-muted)}.mag-ghost[data-astro-cid-xlaf2vvz]:hover{background:var(--demo-surface-2);color:var(--demo-text)}.scroll-anim-demo[data-astro-cid-al656en7]{padding:2rem;display:flex;flex-direction:column;align-items:center}.scroll-viewport[data-astro-cid-al656en7]{height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:.5rem .25rem .5rem 0;scrollbar-width:thin;scrollbar-color:var(--demo-line) transparent}.scroll-card[data-astro-cid-al656en7]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;background:var(--demo-surface);border:1px solid color-mix(in srgb,var(--spoko-color-primary) 20%,transparent);border-radius:10px;font-size:.875rem;font-weight:600;color:var(--demo-text);flex-shrink:0}@keyframes scroll-fade-in{to{opacity:1;transform:translateY(0)}}.card-icon[data-astro-cid-al656en7]{font-size:1.1rem;flex-shrink:0}.scroll-note[data-astro-cid-al656en7]{margin-top:.75rem;font-size:.68rem;color:var(--demo-label);font-family:ui-monospace,monospace;text-align:center}.menu-btns-demo[data-astro-cid-lkoxk42b]{padding:2rem;display:flex;flex-direction:column;align-items:center}.btns-grid[data-astro-cid-lkoxk42b]{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;width:fit-content}@media (max-width:520px){.btns-grid[data-astro-cid-lkoxk42b]{grid-template-columns:repeat(4,1fr)}}.btn-item[data-astro-cid-lkoxk42b]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.btn-label[data-astro-cid-lkoxk42b]{font-size:.58rem;color:var(--demo-label);font-family:ui-monospace,monospace;text-align:center;line-height:1.3}.menu-btn[data-astro-cid-lkoxk42b]{width:48px;height:48px;background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;position:relative;transition:background .2s,border-color .2s;overflow:hidden}.menu-lines[data-astro-cid-lkoxk42b]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-btn[data-astro-cid-lkoxk42b]:hover{background:var(--demo-surface-2);border-color:var(--spoko-color-primary)}.menu-btn[data-astro-cid-lkoxk42b].open{background:#0d87cd1f;border-color:var(--spoko-color-primary)}.menu-btn[data-astro-cid-lkoxk42b] span[data-astro-cid-lkoxk42b]{display:block;background:var(--demo-text);border-radius:2px;transition:all .3s cubic-bezier(.23,1,.32,1);transform-origin:center;flex-shrink:0}[data-astro-cid-lkoxk42b][data-variant=classic] span[data-astro-cid-lkoxk42b]{width:22px;height:2px}[data-astro-cid-lkoxk42b][data-variant=classic].open span[data-astro-cid-lkoxk42b]:nth-child(1){transform:translateY(7px) rotate(45deg)}[data-astro-cid-lkoxk42b][data-variant=classic].open span[data-astro-cid-lkoxk42b]:nth-child(2){opacity:0;transform:scaleX(0)}[data-astro-cid-lkoxk42b][data-variant=classic].open span[data-astro-cid-lkoxk42b]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}[data-astro-cid-lkoxk42b][data-variant=two] .menu-lines[data-astro-cid-lkoxk42b]{gap:8px}[data-astro-cid-lkoxk42b][data-variant=two] span[data-astro-cid-lkoxk42b]{width:22px;height:2px}[data-astro-cid-lkoxk42b][data-variant=two].open span[data-astro-cid-lkoxk42b]:nth-child(1){transform:translateY(5px) rotate(45deg)}[data-astro-cid-lkoxk42b][data-variant=two].open span[data-astro-cid-lkoxk42b]:nth-child(2){transform:translateY(-5px) rotate(-45deg)}[data-astro-cid-lkoxk42b][data-variant=doner] span[data-astro-cid-lkoxk42b]{height:2px}[data-astro-cid-lkoxk42b][data-variant=doner] span[data-astro-cid-lkoxk42b]:nth-child(1){width:22px}[data-astro-cid-lkoxk42b][data-variant=doner] span[data-astro-cid-lkoxk42b]:nth-child(2){width:16px}[data-astro-cid-lkoxk42b][data-variant=doner] span[data-astro-cid-lkoxk42b]:nth-child(3){width:10px}[data-astro-cid-lkoxk42b][data-variant=doner].open span[data-astro-cid-lkoxk42b]:nth-child(1){transform:translateY(7px) rotate(45deg);width:20px}[data-astro-cid-lkoxk42b][data-variant=doner].open span[data-astro-cid-lkoxk42b]:nth-child(2){opacity:0;transform:scaleX(0)}[data-astro-cid-lkoxk42b][data-variant=doner].open span[data-astro-cid-lkoxk42b]:nth-child(3){transform:translateY(-7px) rotate(-45deg);width:20px}[data-astro-cid-lkoxk42b][data-variant=veggie] span[data-astro-cid-lkoxk42b]:nth-child(1){width:22px;height:2px;border-radius:2px}[data-astro-cid-lkoxk42b][data-variant=veggie] span[data-astro-cid-lkoxk42b]:nth-child(2){width:16px;height:2px;border-radius:2px}[data-astro-cid-lkoxk42b][data-variant=veggie] span[data-astro-cid-lkoxk42b]:nth-child(3){width:22px;height:2px;border-radius:2px}[data-astro-cid-lkoxk42b][data-variant=veggie].open span[data-astro-cid-lkoxk42b]:nth-child(1){transform:translateY(11px) rotate(45deg)}[data-astro-cid-lkoxk42b][data-variant=veggie].open span[data-astro-cid-lkoxk42b]:nth-child(2){opacity:0;transform:scaleX(0)}[data-astro-cid-lkoxk42b][data-variant=veggie].open span[data-astro-cid-lkoxk42b]:nth-child(3){transform:translateY(-11px) rotate(-45deg)}[data-astro-cid-lkoxk42b][data-variant=squeeze] span[data-astro-cid-lkoxk42b]:nth-child(1){width:22px;height:2px}[data-astro-cid-lkoxk42b][data-variant=squeeze] span[data-astro-cid-lkoxk42b]:nth-child(2){width:14px;height:2px}[data-astro-cid-lkoxk42b][data-variant=squeeze] span[data-astro-cid-lkoxk42b]:nth-child(3){width:22px;height:2px}[data-astro-cid-lkoxk42b][data-variant=squeeze].open span[data-astro-cid-lkoxk42b]:nth-child(1){transform:translateY(7px) rotate(45deg);width:22px}[data-astro-cid-lkoxk42b][data-variant=squeeze].open span[data-astro-cid-lkoxk42b]:nth-child(2){transform:scaleX(0);opacity:0}[data-astro-cid-lkoxk42b][data-variant=squeeze].open span[data-astro-cid-lkoxk42b]:nth-child(3){transform:translateY(-7px) rotate(-45deg);width:22px}[data-astro-cid-lkoxk42b][data-variant=kebab] .menu-lines[data-astro-cid-lkoxk42b]{gap:4px}[data-astro-cid-lkoxk42b][data-variant=kebab] span[data-astro-cid-lkoxk42b]{width:4px;height:4px;border-radius:50%}[data-astro-cid-lkoxk42b][data-variant=kebab].open span[data-astro-cid-lkoxk42b]:nth-child(1){transform:translateY(8px) rotate(45deg);border-radius:2px;width:20px;height:2px}[data-astro-cid-lkoxk42b][data-variant=kebab].open span[data-astro-cid-lkoxk42b]:nth-child(2){opacity:0;transform:scale(0)}[data-astro-cid-lkoxk42b][data-variant=kebab].open span[data-astro-cid-lkoxk42b]:nth-child(3){transform:translateY(-8px) rotate(-45deg);border-radius:2px;width:20px;height:2px}[data-astro-cid-lkoxk42b][data-variant=meatballs] .menu-lines[data-astro-cid-lkoxk42b]{flex-direction:row;gap:5px}[data-astro-cid-lkoxk42b][data-variant=meatballs] span[data-astro-cid-lkoxk42b]{width:4px;height:4px;border-radius:50%}[data-astro-cid-lkoxk42b][data-variant=meatballs].open .menu-lines[data-astro-cid-lkoxk42b]{flex-direction:column;gap:5px}[data-astro-cid-lkoxk42b][data-variant=meatballs].open span[data-astro-cid-lkoxk42b]:nth-child(1){transform:translateY(8px) rotate(45deg);border-radius:2px;width:20px;height:2px}[data-astro-cid-lkoxk42b][data-variant=meatballs].open span[data-astro-cid-lkoxk42b]:nth-child(2){opacity:0;transform:scale(0)}[data-astro-cid-lkoxk42b][data-variant=meatballs].open span[data-astro-cid-lkoxk42b]:nth-child(3){transform:translateY(-8px) rotate(-45deg);border-radius:2px;width:20px;height:2px}[data-astro-cid-lkoxk42b][data-variant=fries] .menu-lines[data-astro-cid-lkoxk42b]{gap:4px}[data-astro-cid-lkoxk42b][data-variant=fries] span[data-astro-cid-lkoxk42b]{height:2px;border-radius:1px}[data-astro-cid-lkoxk42b][data-variant=fries] span[data-astro-cid-lkoxk42b]:nth-child(1){width:22px}[data-astro-cid-lkoxk42b][data-variant=fries] span[data-astro-cid-lkoxk42b]:nth-child(2){width:14px}[data-astro-cid-lkoxk42b][data-variant=fries] span[data-astro-cid-lkoxk42b]:nth-child(3){width:22px}[data-astro-cid-lkoxk42b][data-variant=fries].open span[data-astro-cid-lkoxk42b]{opacity:0;transform:scaleX(0)}[data-astro-cid-lkoxk42b][data-variant=fries]:before,[data-astro-cid-lkoxk42b][data-variant=fries]:after{content:"";position:absolute;top:50%;left:50%;width:22px;height:2px;background:var(--demo-text);border-radius:2px;transform:translate(-50%,-50%) scaleX(0);transition:transform .3s cubic-bezier(.23,1,.32,1)}[data-astro-cid-lkoxk42b][data-variant=fries].open:before{transform:translate(-50%,-50%) rotate(45deg) scaleX(1)}[data-astro-cid-lkoxk42b][data-variant=fries].open:after{transform:translate(-50%,-50%) rotate(-45deg) scaleX(1)}[data-astro-cid-lkoxk42b][data-variant=hotdog] .menu-lines[data-astro-cid-lkoxk42b]{gap:5px}[data-astro-cid-lkoxk42b][data-variant=hotdog] span[data-astro-cid-lkoxk42b]{height:2px}[data-astro-cid-lkoxk42b][data-variant=hotdog] span[data-astro-cid-lkoxk42b]:nth-child(1){width:16px}[data-astro-cid-lkoxk42b][data-variant=hotdog] span[data-astro-cid-lkoxk42b]:nth-child(2){width:22px}[data-astro-cid-lkoxk42b][data-variant=hotdog] span[data-astro-cid-lkoxk42b]:nth-child(3){width:16px}[data-astro-cid-lkoxk42b][data-variant=hotdog].open span[data-astro-cid-lkoxk42b]:nth-child(1){width:22px;transform:translateY(7px) rotate(45deg)}[data-astro-cid-lkoxk42b][data-variant=hotdog].open span[data-astro-cid-lkoxk42b]:nth-child(2){transform:scaleX(0);opacity:0}[data-astro-cid-lkoxk42b][data-variant=hotdog].open span[data-astro-cid-lkoxk42b]:nth-child(3){width:22px;transform:translateY(-7px) rotate(-45deg)}[data-astro-cid-lkoxk42b][data-variant=stairs] .menu-lines[data-astro-cid-lkoxk42b]{position:relative;width:32px;height:21px;flex:0 0 auto}[data-astro-cid-lkoxk42b][data-variant=stairs] span[data-astro-cid-lkoxk42b]{height:2px;position:absolute}[data-astro-cid-lkoxk42b][data-variant=stairs] span[data-astro-cid-lkoxk42b]:nth-child(1){width:20px;top:0;left:6px}[data-astro-cid-lkoxk42b][data-variant=stairs] span[data-astro-cid-lkoxk42b]:nth-child(2){width:14px;top:7px;left:12px}[data-astro-cid-lkoxk42b][data-variant=stairs] span[data-astro-cid-lkoxk42b]:nth-child(3){width:8px;top:14px;left:18px}[data-astro-cid-lkoxk42b][data-variant=stairs].open span[data-astro-cid-lkoxk42b]:nth-child(1){left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:20px}[data-astro-cid-lkoxk42b][data-variant=stairs].open span[data-astro-cid-lkoxk42b]:nth-child(2){opacity:0;transform:scaleX(0)}[data-astro-cid-lkoxk42b][data-variant=stairs].open span[data-astro-cid-lkoxk42b]:nth-child(3){left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:20px}[data-astro-cid-lkoxk42b][data-variant=stairs2] .menu-lines[data-astro-cid-lkoxk42b]{position:relative;width:32px;height:21px;flex:0 0 auto}[data-astro-cid-lkoxk42b][data-variant=stairs2] span[data-astro-cid-lkoxk42b]{width:14px;height:2px;border-radius:1px;position:absolute}[data-astro-cid-lkoxk42b][data-variant=stairs2] span[data-astro-cid-lkoxk42b]:nth-child(1){top:0;left:4px}[data-astro-cid-lkoxk42b][data-variant=stairs2] span[data-astro-cid-lkoxk42b]:nth-child(2){top:7px;left:9px}[data-astro-cid-lkoxk42b][data-variant=stairs2] span[data-astro-cid-lkoxk42b]:nth-child(3){top:14px;left:14px}[data-astro-cid-lkoxk42b][data-variant=stairs2].open span[data-astro-cid-lkoxk42b]:nth-child(1){left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:20px}[data-astro-cid-lkoxk42b][data-variant=stairs2].open span[data-astro-cid-lkoxk42b]:nth-child(2){opacity:0;transform:scaleX(0)}[data-astro-cid-lkoxk42b][data-variant=stairs2].open span[data-astro-cid-lkoxk42b]:nth-child(3){left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:20px}[data-astro-cid-lkoxk42b][data-variant=grid] .menu-lines[data-astro-cid-lkoxk42b]{position:relative;display:grid;grid-template-columns:repeat(3,5px);gap:3px;width:21px;height:21px;flex:0 0 auto}[data-astro-cid-lkoxk42b][data-variant=grid] span[data-astro-cid-lkoxk42b]{width:5px;height:5px;border-radius:1px}[data-astro-cid-lkoxk42b][data-variant=grid].open span[data-astro-cid-lkoxk42b]{opacity:0;transform:scale(0)}[data-astro-cid-lkoxk42b][data-variant=grid]:before,[data-astro-cid-lkoxk42b][data-variant=grid]:after{content:"";position:absolute;top:50%;left:50%;width:22px;height:2px;background:var(--demo-text);border-radius:2px;transform:translate(-50%,-50%) scaleX(0);transition:transform .3s cubic-bezier(.23,1,.32,1)}[data-astro-cid-lkoxk42b][data-variant=grid].open:before{transform:translate(-50%,-50%) rotate(45deg) scaleX(1)}[data-astro-cid-lkoxk42b][data-variant=grid].open:after{transform:translate(-50%,-50%) rotate(-45deg) scaleX(1)}.micro-demo[data-astro-cid-e77tcz2h]{padding:2rem}.demo-grid[data-astro-cid-e77tcz2h]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;align-items:center}.demo-item[data-astro-cid-e77tcz2h]{display:flex;flex-direction:column;align-items:center;gap:.6rem}.item-label[data-astro-cid-e77tcz2h]{font-size:.65rem;color:var(--demo-label);font-family:ui-monospace,monospace;letter-spacing:.05em}.anim-btn[data-astro-cid-e77tcz2h]{padding:.6rem 1.25rem;border-radius:7px;font-size:.85rem;font-weight:600;cursor:pointer;border:0;white-space:nowrap}.fill-slide[data-astro-cid-e77tcz2h]{background:0 0;color:var(--spoko-color-primary);border:1.5px solid rgba(13,135,205,.4);position:relative;overflow:hidden;z-index:0}.fill-slide[data-astro-cid-e77tcz2h]:before{content:"";position:absolute;inset:0;background:var(--spoko-color-primary);transform:translate(-101%);transition:transform .3s ease;z-index:-1}.fill-slide[data-astro-cid-e77tcz2h]:hover{color:#fff;border-color:var(--spoko-color-primary)}.fill-slide[data-astro-cid-e77tcz2h]:hover:before{transform:translate(0)}.scale-glow[data-astro-cid-e77tcz2h]{background:var(--spoko-color-primary);color:#fff;transition:transform .2s ease,box-shadow .2s ease}.scale-glow[data-astro-cid-e77tcz2h]:hover{transform:scale(1.06);box-shadow:0 6px 24px #0d87cd8c}.border-draw[data-astro-cid-e77tcz2h]{background:0 0;color:var(--demo-text);border:1.5px solid transparent;position:relative;transition:color .2s}.border-draw[data-astro-cid-e77tcz2h]:before,.border-draw[data-astro-cid-e77tcz2h]:after{content:"";position:absolute;background:var(--spoko-color-primary);transition:transform .3s ease}.border-draw[data-astro-cid-e77tcz2h]:before{top:0;left:0;height:1.5px;width:100%;transform:scaleX(0);transform-origin:left}.border-draw[data-astro-cid-e77tcz2h]:after{bottom:0;right:0;height:1.5px;width:100%;transform:scaleX(0);transform-origin:right}.border-draw[data-astro-cid-e77tcz2h]:hover:before,.border-draw[data-astro-cid-e77tcz2h]:hover:after{transform:scaleX(1)}.border-draw[data-astro-cid-e77tcz2h]:hover{color:var(--spoko-color-primary)}.arrow-shift[data-astro-cid-e77tcz2h]{background:var(--demo-surface);color:var(--demo-text);display:flex;align-items:center;gap:.4rem;transition:background .2s,color .2s}.arrow-shift[data-astro-cid-e77tcz2h] .arrow[data-astro-cid-e77tcz2h]{display:inline-block;transition:transform .25s ease}.arrow-shift[data-astro-cid-e77tcz2h]:hover{background:#0d87cd26;color:var(--demo-text)}.arrow-shift[data-astro-cid-e77tcz2h]:hover .arrow[data-astro-cid-e77tcz2h]{transform:translate(5px)}.anim-card[data-astro-cid-e77tcz2h]{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:10px;padding:1rem 1.5rem;text-align:center;cursor:pointer;color:var(--demo-text-muted);font-size:.85rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card-icon[data-astro-cid-e77tcz2h]{font-size:1.4rem;margin-bottom:.3rem;color:var(--spoko-color-primary)}.anim-card[data-astro-cid-e77tcz2h]:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0006;border-color:#0d87cd4d}.anim-toggle[data-astro-cid-e77tcz2h]{cursor:pointer;display:inline-flex}.toggle-track[data-astro-cid-e77tcz2h]{display:block;width:52px;height:28px;background:#ffffff1a;border-radius:14px;position:relative;transition:background .3s ease}.toggle-thumb[data-astro-cid-e77tcz2h]{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.anim-toggle[data-astro-cid-e77tcz2h] input[data-astro-cid-e77tcz2h]:focus-visible+.toggle-track[data-astro-cid-e77tcz2h]{outline:2px solid var(--spoko-color-primary);outline-offset:2px}.anim-toggle[data-astro-cid-e77tcz2h] input[data-astro-cid-e77tcz2h]:checked+.toggle-track[data-astro-cid-e77tcz2h]{background:var(--spoko-color-primary)}.anim-toggle[data-astro-cid-e77tcz2h] input[data-astro-cid-e77tcz2h]:checked+.toggle-track[data-astro-cid-e77tcz2h] .toggle-thumb[data-astro-cid-e77tcz2h]{transform:translate(24px)}.cursor-demo[data-astro-cid-uog7qn2o]{padding:2rem;position:relative;cursor:none;overflow:hidden;min-height:220px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cursor-demo[data-astro-cid-uog7qn2o] .blog-demo-label[data-astro-cid-uog7qn2o]{margin-bottom:0}.cursor-blob[data-astro-cid-uog7qn2o]{position:absolute;top:0;left:0;width:40px;height:40px;border:2px solid var(--spoko-color-primary);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,background .2s ease,border-color .2s ease;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0}.cursor-blob[data-astro-cid-uog7qn2o].visible{opacity:1}.cursor-blob[data-astro-cid-uog7qn2o].state-link{width:56px;height:56px;background:#0d87cd26}.cursor-blob[data-astro-cid-uog7qn2o].state-btn{width:64px;height:64px;background:#0d87cd4d;border-color:var(--spoko-color-primary)}.cursor-blob[data-astro-cid-uog7qn2o].state-btn .cursor-dot[data-astro-cid-uog7qn2o]{background:#fff}.cursor-blob[data-astro-cid-uog7qn2o].state-img{width:72px;height:72px;background:var(--demo-border);border-color:var(--demo-line)}.cursor-dot[data-astro-cid-uog7qn2o]{width:6px;height:6px;background:var(--spoko-color-primary);border-radius:50%;position:absolute;transition:background .2s}.demo-targets[data-astro-cid-uog7qn2o]{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;justify-content:center}.cursor-link[data-astro-cid-uog7qn2o]{color:var(--spoko-color-primary);font-weight:600;font-size:.9rem;text-decoration:none;border-bottom:1px solid rgba(13,135,205,.3);padding-bottom:1px;cursor:none}.cursor-btn[data-astro-cid-uog7qn2o]{padding:.65rem 1.5rem;background:var(--spoko-color-primary);color:#fff;border:0;border-radius:8px;font-size:.9rem;font-weight:600;cursor:none}.cursor-img-wrap[data-astro-cid-uog7qn2o]{position:relative;border-radius:10px;overflow:hidden;cursor:none;width:120px;height:80px}.cursor-img-placeholder[data-astro-cid-uog7qn2o]{width:100%;height:100%;background:linear-gradient(135deg,#0d87cd4d,#0d87cd0d);border:1px solid rgba(13,135,205,.2);border-radius:10px}.img-label[data-astro-cid-uog7qn2o]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--demo-text-muted);font-family:ui-monospace,monospace}.blend-demo[data-astro-cid-vemcoinr]{padding:2rem;display:flex;flex-direction:column;align-items:center}.blend-grid[data-astro-cid-vemcoinr]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.blend-item[data-astro-cid-vemcoinr]{display:flex;flex-direction:column;align-items:center;gap:.75rem}.blend-label[data-astro-cid-vemcoinr]{font-size:.62rem;color:#ffffff4d;font-family:ui-monospace,monospace;letter-spacing:.05em;text-align:center}.blend-clip-bg[data-astro-cid-vemcoinr],.blend-screen-bg[data-astro-cid-vemcoinr],.blend-overlay-bg[data-astro-cid-vemcoinr]{width:100%;aspect-ratio:16/9;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.blend-clip-bg[data-astro-cid-vemcoinr]{background:#0a0a12}.clip-text[data-astro-cid-vemcoinr]{font-size:clamp(2rem,5.5vw,3rem);font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#0d87cd,#7c3aed 45%,#f97316 75%,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent}.blend-screen-bg[data-astro-cid-vemcoinr]{background:radial-gradient(ellipse at 30% 50%,rgba(13,135,205,.8)0,transparent 55%),radial-gradient(ellipse at 70% 50%,rgba(124,58,237,.7)0,transparent 55%),#000}.screen-text[data-astro-cid-vemcoinr]{font-size:clamp(2rem,5.5vw,3rem);font-weight:900;letter-spacing:-.02em;color:#fff;mix-blend-mode:screen;position:relative;z-index:1}.blend-overlay-bg[data-astro-cid-vemcoinr]{background:radial-gradient(circle at 20% 50%,#f97316 0,transparent 45%),radial-gradient(circle at 80% 50%,#ec4899 0,transparent 45%),radial-gradient(circle at 50% 15%,#0d87cd 0,transparent 40%),#1a0a2e}.overlay-text[data-astro-cid-vemcoinr]{font-size:clamp(2rem,5.5vw,3rem);font-weight:900;letter-spacing:-.02em;color:#fff;mix-blend-mode:overlay;position:relative;z-index:1}.bottom-nav-demo[data-astro-cid-aeksd6m4]{padding:2rem 2rem 0}.phone-frame[data-astro-cid-aeksd6m4]{width:260px;margin:0 auto;background:#1a1a2e;border-radius:32px;padding:8px;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px var(--demo-border)}.phone-screen[data-astro-cid-aeksd6m4]{background:#0f0f1a;border-radius:26px;overflow:hidden;display:flex;flex-direction:column;height:380px}.screen-content[data-astro-cid-aeksd6m4]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:opacity .2s ease}.screen-icon[data-astro-cid-aeksd6m4]{font-size:2.5rem}.screen-title[data-astro-cid-aeksd6m4]{font-size:.9rem;color:#ffffff80;font-family:ui-monospace,monospace}.bottom-nav[data-astro-cid-aeksd6m4]{display:flex;background:#ffffff0a;border-top:1px solid rgba(255,255,255,.08);padding:.5rem 0 .75rem}.nav-item[data-astro-cid-aeksd6m4]{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:0 0;border:0;cursor:pointer;padding:.3rem 0;color:#ffffff59;transition:color .2s ease}.nav-item[data-astro-cid-aeksd6m4].active{color:var(--spoko-color-primary)}.nav-icon[data-astro-cid-aeksd6m4]{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.nav-icon[data-astro-cid-aeksd6m4] svg[data-astro-cid-aeksd6m4]{width:100%;height:100%}.nav-item[data-astro-cid-aeksd6m4].active .nav-icon[data-astro-cid-aeksd6m4] svg[data-astro-cid-aeksd6m4]{stroke-width:2.5}.nav-label[data-astro-cid-aeksd6m4]{font-size:.6rem;font-weight:500;letter-spacing:.02em}.bottom-nav-twocol[data-astro-cid-imgxlcgc]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start;margin:1.5rem 0}.bnav-screenshot[data-astro-cid-imgxlcgc]{width:100%;border-radius:14px;display:block}@media (max-width:560px){.bottom-nav-twocol[data-astro-cid-imgxlcgc]{grid-template-columns:1fr}.bnav-screenshot[data-astro-cid-imgxlcgc]{max-width:220px;margin:0 auto}}.drawer-demo[data-astro-cid-23lghind]{padding:2rem;display:flex;flex-direction:column;align-items:center}.drawer-stage[data-astro-cid-23lghind]{position:relative;width:100%;max-width:420px;margin:0 auto;height:480px;background:#0f0f1a;border:1px solid var(--demo-border);border-radius:18px;overflow:hidden;isolation:isolate}.stage-bar[data-astro-cid-23lghind]{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.stage-brand[data-astro-cid-23lghind]{font-weight:700;color:#ffffffd9;font-size:.9rem;letter-spacing:-.01em}.stage-trigger[data-astro-cid-23lghind]{width:36px;height:36px;background:0 0;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;transition:background .2s,border-color .2s}.stage-trigger[data-astro-cid-23lghind]:hover{background:#ffffff0f;border-color:var(--spoko-color-primary)}.stage-trigger[data-astro-cid-23lghind] span[data-astro-cid-23lghind]{display:block;width:16px;height:1.5px;background:#ffffffd9;border-radius:1px}.stage-body[data-astro-cid-23lghind]{padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.75rem}.stage-skeleton[data-astro-cid-23lghind]{height:12px;background:#ffffff0d;border-radius:4px}.stage-skel-h[data-astro-cid-23lghind]{height:18px;width:70%;background:#ffffff14}.stage-skel-l[data-astro-cid-23lghind]{width:100%}.stage-skel-m[data-astro-cid-23lghind]{width:60%}.dd-backdrop[data-astro-cid-23lghind]{position:absolute;inset:0;background:#080c168c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1}.dd-panel[data-astro-cid-23lghind]{position:absolute;top:0;right:0;bottom:0;width:min(86%,320px);background:#15162a;border-left:1px solid rgba(255,255,255,.08);box-shadow:-20px 0 60px #00000080;transform:translate(100%);transition:transform .32s cubic-bezier(.23,1,.32,1);z-index:2;display:flex;flex-direction:column;padding:1rem 1rem 1.25rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--demo-line) transparent}.drawer-stage[data-astro-cid-23lghind].is-open .dd-backdrop[data-astro-cid-23lghind]{opacity:1;pointer-events:auto}.drawer-stage[data-astro-cid-23lghind].is-open .dd-panel[data-astro-cid-23lghind]{transform:translate(0)}.dd-header[data-astro-cid-23lghind]{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:.75rem}.dd-brand[data-astro-cid-23lghind]{font-weight:700;color:#ffffffe6;font-size:.92rem}.dd-close[data-astro-cid-23lghind]{width:34px;height:34px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;position:relative;padding:0;transition:background .2s}.dd-close[data-astro-cid-23lghind]:hover{background:#ffffff1a}.dd-close[data-astro-cid-23lghind] span[data-astro-cid-23lghind]{position:absolute;top:50%;left:50%;width:14px;height:1.5px;background:#ffffffd9;border-radius:1px}.dd-close[data-astro-cid-23lghind] span[data-astro-cid-23lghind]:first-child{transform:translate(-50%,-50%) rotate(45deg)}.dd-close[data-astro-cid-23lghind] span[data-astro-cid-23lghind]:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.dd-primary[data-astro-cid-23lghind]{display:flex;flex-direction:column}.dd-link[data-astro-cid-23lghind]{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .25rem;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none;color:inherit}.dd-link[data-astro-cid-23lghind]:last-child{border-bottom:0}.dd-link-text[data-astro-cid-23lghind]{display:flex;flex-direction:column;gap:1px}.dd-link-title[data-astro-cid-23lghind]{color:#fffffff2;font-weight:600;font-size:.95rem;letter-spacing:-.01em}.dd-link-sub[data-astro-cid-23lghind]{color:#ffffff73;font-size:.72rem}.dd-link-arrow[data-astro-cid-23lghind]{color:#ffffff59;transition:transform .2s ease,color .2s ease}.dd-link[data-astro-cid-23lghind]:hover .dd-link-arrow[data-astro-cid-23lghind]{color:var(--spoko-color-primary);transform:translate(3px)}.dd-section[data-astro-cid-23lghind]{margin-top:1rem}.dd-section-title[data-astro-cid-23lghind]{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin:0 0 .5rem;font-weight:600}.dd-chips[data-astro-cid-23lghind]{display:flex;flex-wrap:wrap;gap:.375rem}.dd-chip[data-astro-cid-23lghind]{padding:.35rem .625rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:.72rem;color:#ffffffbf;text-decoration:none;transition:border-color .2s,color .2s}.dd-chip[data-astro-cid-23lghind]:hover{border-color:var(--spoko-color-primary);color:var(--spoko-color-primary)}.dd-spacer[data-astro-cid-23lghind]{flex:1;min-height:.5rem}.dd-help-card[data-astro-cid-23lghind]{margin-top:1rem;padding:.875rem 1rem;background:linear-gradient(135deg,#0d87cd2e,#7c3aed1f);border:1px solid rgba(13,135,205,.3);border-radius:12px}.dd-help-title[data-astro-cid-23lghind]{color:#fff;font-weight:700;margin:0;font-size:.85rem}.dd-help-sub[data-astro-cid-23lghind]{color:#fff9;margin:.2rem 0 .6rem;font-size:.72rem;line-height:1.4}.dd-help-cta[data-astro-cid-23lghind]{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .875rem;background:var(--spoko-color-primary);color:#fff;border-radius:7px;font-size:.78rem;font-weight:600}@media (prefers-reduced-motion:reduce){.dd-panel[data-astro-cid-23lghind],.dd-backdrop[data-astro-cid-23lghind]{transition:none}}.inspiration-grid[data-astro-cid-dayytfhr]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.625rem;margin:1.5rem 0;align-items:start}.insp-category-heading[data-astro-cid-dayytfhr]{grid-column:1/-1;display:flex;align-items:center;gap:.5rem;padding:.75rem 0 .25rem;border-bottom:1px solid color-mix(in srgb,var(--spoko-color-primary) 20%,transparent);margin-bottom:.125rem}.insp-category-heading[data-astro-cid-dayytfhr]:first-child{padding-top:0}.insp-icon[data-astro-cid-dayytfhr]{width:26px;height:26px;border-radius:6px;background:color-mix(in srgb,var(--spoko-color-primary) 12%,transparent);color:var(--spoko-color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.insp-category-title[data-astro-cid-dayytfhr]{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--spoko-color-text-heading)}.insp-card[data-astro-cid-dayytfhr]{display:flex;flex-direction:column;gap:3px;padding:.75rem .875rem;border:1px solid color-mix(in srgb,var(--spoko-color-primary) 12%,transparent);border-radius:8px;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .15s ease}.insp-card[data-astro-cid-dayytfhr]:hover{border-color:var(--spoko-color-primary);background:color-mix(in srgb,var(--spoko-color-primary) 5%,transparent);transform:translateY(-1px)}.insp-card-name[data-astro-cid-dayytfhr]{font-size:.82rem;font-weight:600;color:var(--spoko-color-primary)}.insp-card-desc[data-astro-cid-dayytfhr]{font-size:.72rem;line-height:1.45;color:var(--spoko-color-text-muted, rgba(100,116,139,1))}