h1[data-astro-cid-2zsoc66g]{color:var(--as-marine);margin-bottom:var(--as-space-6)}section[data-astro-cid-2zsoc66g]{margin-bottom:var(--as-space-8)}h2[data-astro-cid-2zsoc66g]{color:var(--as-navy);margin-bottom:var(--as-space-4);padding-bottom:12px;border-bottom:2px solid var(--as-pale-blue)}h3[data-astro-cid-2zsoc66g]{color:var(--as-navy);margin-bottom:var(--as-space-3)}.overview[data-astro-cid-2zsoc66g] p[data-astro-cid-2zsoc66g]{font-size:1.125rem;max-width:700px}.principles-grid[data-astro-cid-2zsoc66g]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--as-space-4);margin-top:var(--as-space-4)}.principle-card[data-astro-cid-2zsoc66g]{background:#fff;border:1px solid var(--as-pale-blue);border-radius:8px;padding:var(--as-space-4);text-align:center}.principle-icon[data-astro-cid-2zsoc66g]{font-size:2rem;margin-bottom:var(--as-space-2)}.principle-card[data-astro-cid-2zsoc66g] h3[data-astro-cid-2zsoc66g]{margin-bottom:var(--as-space-2);font-size:1rem}.principle-card[data-astro-cid-2zsoc66g] p[data-astro-cid-2zsoc66g]{font-size:.875rem;color:#666;margin:0}.duration-grid[data-astro-cid-2zsoc66g]{display:flex;flex-direction:column;gap:var(--as-space-3);margin-top:var(--as-space-4)}.duration-card[data-astro-cid-2zsoc66g]{display:flex;align-items:center;gap:var(--as-space-4);padding:var(--as-space-3);background:#fff;border:1px solid var(--as-pale-blue);border-radius:8px}.duration-demo[data-astro-cid-2zsoc66g]{width:200px;height:24px;background:var(--as-pale-blue);border-radius:4px;overflow:hidden;padding:4px}.duration-bar[data-astro-cid-2zsoc66g]{width:0;height:16px;background:var(--as-marine);border-radius:2px;transition:width var(--duration) var(--as-easing-standard)}.duration-card[data-astro-cid-2zsoc66g].playing .duration-bar[data-astro-cid-2zsoc66g]{width:100%}.duration-info[data-astro-cid-2zsoc66g]{flex:1}.duration-header[data-astro-cid-2zsoc66g]{display:flex;align-items:center;gap:var(--as-space-3);margin-bottom:4px}.duration-name[data-astro-cid-2zsoc66g]{font-family:var(--as-font-mono);font-size:.875rem;color:var(--as-marine);font-weight:600}.duration-value[data-astro-cid-2zsoc66g]{font-size:.875rem;color:var(--as-navy);font-weight:500}.duration-usage[data-astro-cid-2zsoc66g]{font-size:.8rem;color:#666;margin:0}.easing-grid[data-astro-cid-2zsoc66g]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--as-space-4);margin-top:var(--as-space-4)}.easing-card[data-astro-cid-2zsoc66g]{background:#fff;border:1px solid var(--as-pale-blue);border-radius:8px;padding:var(--as-space-4)}.easing-demo[data-astro-cid-2zsoc66g]{height:60px;background:var(--as-pale-blue);border-radius:4px;position:relative;margin-bottom:var(--as-space-3);overflow:hidden}.easing-ball[data-astro-cid-2zsoc66g]{width:24px;height:24px;background:var(--as-marine);border-radius:50%;position:absolute;top:50%;left:12px;transform:translateY(-50%);transition:left .5s var(--easing)}.easing-card[data-astro-cid-2zsoc66g].playing .easing-ball[data-astro-cid-2zsoc66g]{left:calc(100% - 36px)}.easing-name[data-astro-cid-2zsoc66g]{font-family:var(--as-font-mono);font-size:.875rem;color:var(--as-marine);font-weight:600;display:block;margin-bottom:4px}.easing-value[data-astro-cid-2zsoc66g]{font-size:.75rem;color:#666;font-family:var(--as-font-mono)}.easing-description[data-astro-cid-2zsoc66g]{font-size:.875rem;margin:var(--as-space-2) 0}.easing-usage[data-astro-cid-2zsoc66g]{font-size:.8rem;color:#666;margin:0}.play-btn[data-astro-cid-2zsoc66g]{background:var(--as-marine);color:#fff;border:none;padding:8px 16px;border-radius:4px;font-family:var(--as-font-body);font-weight:600;cursor:pointer;transition:background-color .15s ease}.play-btn[data-astro-cid-2zsoc66g]:hover{background:var(--as-green)}.examples-grid[data-astro-cid-2zsoc66g]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--as-space-4);margin-top:var(--as-space-4)}.example-card[data-astro-cid-2zsoc66g]{background:#fff;border:1px solid var(--as-pale-blue);border-radius:8px;padding:var(--as-space-4)}.example-card[data-astro-cid-2zsoc66g] h3[data-astro-cid-2zsoc66g]{margin-top:0;font-size:1rem}.example-demo[data-astro-cid-2zsoc66g]{background:var(--as-pale-blue);padding:var(--as-space-4);border-radius:8px;margin-bottom:var(--as-space-3);min-height:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--as-space-2)}.demo-button-hover[data-astro-cid-2zsoc66g]{background:var(--as-marine);color:#fff;border:none;padding:12px 24px;border-radius:4px;font-family:var(--as-font-body);font-weight:600;cursor:pointer;transition:background-color .15s cubic-bezier(.2,0,0,1),transform .15s cubic-bezier(.2,0,0,1)}.demo-button-hover[data-astro-cid-2zsoc66g]:hover{background:var(--as-green);transform:translateY(-2px)}.demo-card-lift[data-astro-cid-2zsoc66g]{background:#fff;padding:var(--as-space-4);border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1);cursor:pointer}.demo-card-lift[data-astro-cid-2zsoc66g]:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.demo-card-lift[data-astro-cid-2zsoc66g] h4[data-astro-cid-2zsoc66g]{margin:0 0 8px;font-size:.875rem;color:var(--as-navy)}.demo-card-lift[data-astro-cid-2zsoc66g] p[data-astro-cid-2zsoc66g]{margin:0;font-size:.75rem;color:#666}.demo-fade-in[data-astro-cid-2zsoc66g]{background:#fff;padding:var(--as-space-3);border-radius:4px;animation:fadeIn .3s cubic-bezier(0,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.replay-btn[data-astro-cid-2zsoc66g]{background:transparent;border:1px solid var(--as-marine);color:var(--as-marine);padding:4px 12px;border-radius:4px;font-size:.75rem;cursor:pointer}.demo-accordion[data-astro-cid-2zsoc66g]{width:100%}.accordion-trigger[data-astro-cid-2zsoc66g]{width:100%;background:#fff;border:none;padding:var(--as-space-3);border-radius:4px;font-family:var(--as-font-body);font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.accordion-icon[data-astro-cid-2zsoc66g]{transition:transform .3s cubic-bezier(.2,0,0,1)}.accordion-trigger[data-astro-cid-2zsoc66g].open .accordion-icon[data-astro-cid-2zsoc66g]{transform:rotate(45deg)}.accordion-content[data-astro-cid-2zsoc66g]{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.2,0,0,1);background:#fff;border-radius:0 0 4px 4px}.accordion-content[data-astro-cid-2zsoc66g].open{max-height:200px}.accordion-content[data-astro-cid-2zsoc66g] p[data-astro-cid-2zsoc66g]{padding:var(--as-space-3);margin:0;font-size:.875rem}.accessibility-box[data-astro-cid-2zsoc66g]{background:#e8f5e9;border:1px solid var(--as-green);border-radius:8px;padding:var(--as-space-6)}.accessibility-box[data-astro-cid-2zsoc66g] h3[data-astro-cid-2zsoc66g]{color:var(--as-green);margin-top:0}.accessibility-box[data-astro-cid-2zsoc66g] code[data-astro-cid-2zsoc66g]{background:#0000000d;padding:2px 6px;border-radius:4px}pre[data-astro-cid-2zsoc66g]{background:var(--as-navy);color:var(--as-pale-blue);padding:var(--as-space-4);border-radius:8px;overflow-x:auto;margin:var(--as-space-3) 0 0 0}.example-card[data-astro-cid-2zsoc66g] pre[data-astro-cid-2zsoc66g]{font-size:.7rem}code[data-astro-cid-2zsoc66g]{font-family:var(--as-font-mono);font-size:.875rem}@media(prefers-reduced-motion:reduce){[data-astro-cid-2zsoc66g],[data-astro-cid-2zsoc66g]:before,[data-astro-cid-2zsoc66g]:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){.duration-card[data-astro-cid-2zsoc66g]{flex-direction:column;align-items:flex-start}.duration-demo[data-astro-cid-2zsoc66g]{width:100%}}body.dark-mode h1[data-astro-cid-2zsoc66g]{color:var(--as-citrus)!important}body.dark-mode h2[data-astro-cid-2zsoc66g]{color:#e5eeef!important;border-bottom-color:#3a4a5a}body.dark-mode h3[data-astro-cid-2zsoc66g]{color:#e5eeef}body.dark-mode .overview[data-astro-cid-2zsoc66g] p[data-astro-cid-2zsoc66g],body.dark-mode section[data-astro-cid-2zsoc66g]>p[data-astro-cid-2zsoc66g]{color:#d0d8dc}body.dark-mode .principle-card[data-astro-cid-2zsoc66g]{background:#1a2530;border-color:#3a4a5a}body.dark-mode .principle-card[data-astro-cid-2zsoc66g] p[data-astro-cid-2zsoc66g]{color:#9aa8b0}body.dark-mode .duration-card[data-astro-cid-2zsoc66g]{background:#1a2530;border-color:#3a4a5a}body.dark-mode .duration-demo[data-astro-cid-2zsoc66g]{background:#243240}body.dark-mode .duration-name[data-astro-cid-2zsoc66g]{color:var(--as-citrus)}body.dark-mode .duration-value[data-astro-cid-2zsoc66g]{color:#e5eeef}body.dark-mode .duration-usage[data-astro-cid-2zsoc66g]{color:#9aa8b0}body.dark-mode .easing-card[data-astro-cid-2zsoc66g]{background:#1a2530;border-color:#3a4a5a}body.dark-mode .easing-demo[data-astro-cid-2zsoc66g]{background:#243240}body.dark-mode .easing-name[data-astro-cid-2zsoc66g]{color:var(--as-citrus)}body.dark-mode .easing-value[data-astro-cid-2zsoc66g]{color:#9aa8b0}body.dark-mode .easing-description[data-astro-cid-2zsoc66g]{color:#d0d8dc}body.dark-mode .easing-usage[data-astro-cid-2zsoc66g]{color:#9aa8b0}body.dark-mode .example-card[data-astro-cid-2zsoc66g]{background:#1a2530;border-color:#3a4a5a}body.dark-mode .example-demo[data-astro-cid-2zsoc66g]{background:#243240}body.dark-mode .demo-card-lift[data-astro-cid-2zsoc66g]{background:#2d3e4d}body.dark-mode .demo-card-lift[data-astro-cid-2zsoc66g] h4[data-astro-cid-2zsoc66g]{color:#e5eeef}body.dark-mode .demo-card-lift[data-astro-cid-2zsoc66g] p[data-astro-cid-2zsoc66g]{color:#9aa8b0}body.dark-mode .demo-fade-in[data-astro-cid-2zsoc66g]{background:#2d3e4d;color:#e5eeef}body.dark-mode .replay-btn[data-astro-cid-2zsoc66g]{border-color:var(--as-citrus);color:var(--as-citrus)}body.dark-mode .accordion-trigger[data-astro-cid-2zsoc66g]{background:#2d3e4d;color:#e5eeef}body.dark-mode .accordion-content[data-astro-cid-2zsoc66g]{background:#243240}body.dark-mode .accordion-content[data-astro-cid-2zsoc66g] p[data-astro-cid-2zsoc66g]{color:#d0d8dc}body.dark-mode .accessibility-box[data-astro-cid-2zsoc66g]{background:#2c824826;border-color:#2c824866}body.dark-mode .accessibility-box[data-astro-cid-2zsoc66g] p[data-astro-cid-2zsoc66g]{color:#d0d8dc}body.dark-mode .accessibility-box[data-astro-cid-2zsoc66g] code[data-astro-cid-2zsoc66g]{background:#243240;color:var(--as-citrus)}