@keyframes slam{0%{transform:translate(0)}40%{transform:translate(4px,4px)}to{transform:translate(4px,4px)}}@keyframes lift{0%{transform:translate(0)}to{transform:translate(-2px,-2px)}}.gl-motion .demo-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:-.01em;padding:10px 20px;background:var(--slab-white);color:var(--slab-black);border:3px solid var(--slab-black);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap);-webkit-user-select:none;-moz-user-select:none;user-select:none}.gl-motion .demo-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.gl-motion .demo-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--slab-black)}.gl-motion .demo-btn.violet{background:var(--slab-violet);color:#fff}.gl-motion .demo-btn.lime{background:var(--slab-lime);color:var(--slab-black)}.gl-motion .demo-btn.coral{background:var(--slab-coral);color:#fff}.gl-motion .demo-card{background:var(--slab-white);border:3px solid var(--slab-black);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:14px 16px;cursor:pointer;transition:transform var(--dur-base) var(--ease-snap),box-shadow var(--dur-base) var(--ease-snap)}.gl-motion .demo-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.gl-motion .demo-card:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--slab-black)}.gl-motion .demo-check{width:26px;height:26px;background:var(--slab-white);border:3px solid var(--slab-black);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);cursor:pointer;display:grid;place-items:center;transition:background var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap),transform var(--dur-fast) var(--ease-snap);-webkit-user-select:none;-moz-user-select:none;user-select:none}.gl-motion .demo-check.checked{background:var(--slab-violet);box-shadow:none}.gl-motion .demo-check:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--slab-black)}.gl-motion .demo-pill{font-family:var(--font-display);font-weight:800;font-size:13px;padding:7px 16px;border:3px solid var(--slab-black);border-radius:var(--radius-pill);background:var(--slab-white);color:var(--slab-black);cursor:pointer;box-shadow:var(--shadow-xs);transition:background var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap)}.gl-motion .demo-pill:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-sm)}.gl-motion .demo-pill.active,.gl-motion .demo-pill:active{background:var(--slab-black);color:var(--slab-lime);transform:translate(2px,2px);box-shadow:none}.gl-motion .nono-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:14px;padding:10px 20px;border-radius:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gl-motion .nono-fade{background:#7c6ff7;color:#fff;border:none;box-shadow:0 4px 18px rgba(91,54,245,.35);transition:opacity .3s ease,transform .3s ease}.gl-motion .nono-fade:hover{opacity:.7;transform:scale(1.04)}.gl-motion .nono-slide{background:#5b36f5;color:#fff;border:none;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:transform .4s cubic-bezier(.4,0,.2,1)}.gl-motion .nono-slide:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,.22)}.gl-motion .tok{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:2px solid var(--slab-line-soft)}.gl-motion .tok:last-child{border-bottom:none}.gl-motion .tok-name{font-weight:700;color:var(--text-strong);letter-spacing:.04em;flex:0 0 160px}.gl-motion .tok-name,.gl-motion .tok-val{font-family:var(--font-mono);font-size:11px}.gl-motion .tok-val{color:var(--slab-smoke);flex:1 1}.gl-motion .tok-bar{height:6px;background:var(--slab-violet);border-radius:2px;border:2px solid var(--slab-black)}.gl-motion .eyebrow{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slab-smoke);margin-bottom:10px}.gl-motion .rule-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:7px}.gl-motion .tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border:2px solid var(--slab-black);border-radius:var(--radius-pill);white-space:nowrap}.gl-motion .tag-do{background:var(--slab-lime);color:var(--slab-black)}.gl-motion .tag-dont{background:var(--slab-coral);color:#fff}