*{box-sizing:border-box}html,body{color:#e2e8f0;background:#0f172a;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.container{max-width:720px;margin:0 auto;padding:64px 24px}.title{background:linear-gradient(135deg,#34d399,#06b6d4);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:2.5rem}.subtitle{color:#94a3b8;margin:0 0 32px}.section{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:24px;padding:24px}.section h2{margin:0 0 12px;font-size:1.125rem}.section p{color:#94a3b8;margin:0 0 16px;font-size:.9rem}.demo-nav{gap:8px;margin-bottom:16px;display:flex}.demo-nav a{color:#e2e8f0;background:#334155;border-radius:8px;padding:8px 16px;font-size:.9rem;text-decoration:none}.demo-nav a.active{color:#0f172a;background:#06b6d4;font-weight:600}.demo-stage{background:#0b1224;border:1px dashed #334155;border-radius:8px;height:200px;position:relative;overflow:hidden}[data-route-transition]{width:100%;height:100%}[data-route-transition] [data-rrt-layer]{transition:transform var(--rrt-duration) var(--rrt-easing), opacity var(--rrt-duration) var(--rrt-easing);justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex;position:absolute;inset:0}[data-route-transition][data-state=idle] [data-rrt-layer=current]{opacity:1;transform:translate(0)}[data-route-transition][data-state=animating][data-action=push] [data-rrt-layer=prev]{opacity:0;transform:translate(-30%)}[data-route-transition][data-state=animating][data-action=push] [data-rrt-layer=current]{animation:rrt-slide-in-right var(--rrt-duration) var(--rrt-easing)}[data-route-transition][data-state=animating][data-action=pop] [data-rrt-layer=prev]{opacity:0;transform:translate(30%)}[data-route-transition][data-state=animating][data-action=pop] [data-rrt-layer=current]{animation:rrt-slide-in-left var(--rrt-duration) var(--rrt-easing)}@keyframes rrt-slide-in-right{0%{opacity:0;transform:translate(30%)}to{opacity:1;transform:translate(0)}}@keyframes rrt-slide-in-left{0%{opacity:0;transform:translate(-30%)}to{opacity:1;transform:translate(0)}}.github-link{color:#94a3b8;margin-top:16px;font-size:.9rem;text-decoration:none;display:inline-block}.github-link:hover{color:#e2e8f0}code{background:#0f172a;border-radius:4px;padding:2px 6px;font-size:.85em}