html,body{margin:0;padding:0;background:#f4f4f4;font-family:var(--font-sans, "Inter", system-ui, sans-serif);color:var(--ink, #111);-webkit-font-smoothing:antialiased;min-height:100vh}.stage{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:40px 24px 64px;box-sizing:border-box}.stage-caption{display:flex;align-items:center;gap:14px;color:#555;font-size:13px;letter-spacing:.5px;text-transform:uppercase;font-weight:600}.stage-caption .dot{width:6px;height:6px;border-radius:50%;background:var(--brand-orange, #e8530e)}.stage-caption .by{font-weight:500;letter-spacing:0;text-transform:none;color:#999;font-size:12px;text-decoration:none}.stage-caption .by:hover{color:#555}.demo-menu{position:fixed;top:24px;left:24px;background:#fff;border:1px solid #eee;border-radius:12px;padding:14px 16px;box-shadow:0 4px 20px #0000000a;font-size:12px;max-width:200px;z-index:100}.demo-menu h4{margin:0 0 8px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#999;font-weight:700}.demo-menu button{display:block;width:100%;background:transparent;border:0;text-align:left;padding:6px 8px;margin:0;font:inherit;font-size:13px;color:#333;border-radius:6px;cursor:pointer}.demo-menu button:hover{background:#f8f8f8;color:#111}.demo-menu button.active{background:#fff1e8;color:var(--brand-orange, #e8530e);font-weight:600}.demo-menu .reset{margin-top:8px;padding-top:8px;border-top:1px solid #eee;color:#999;font-size:11px}.demo-menu .reset:hover{color:var(--brand-orange, #e8530e);background:transparent}.legend{font-size:12px;color:#777;text-align:center;line-height:1.6}.legend strong{color:#333;font-weight:600}.legend code{background:#fff;border:1px solid #eee;padding:1px 6px;border-radius:4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:#555}@keyframes pulse-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.pulse-shake{animation:pulse-shake .4s ease}@keyframes wave-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes points-rise{0%{transform:translate(-50%) scale(.6);opacity:0}20%{transform:translate(-50%,-10px) scale(1.15);opacity:1}60%{transform:translate(-50%,-10px) scale(1);opacity:1}to{transform:translate(-50%,-90px) scale(.9);opacity:0}}@keyframes confetti-ring{0%{transform:scale(.6);opacity:.8}to{transform:scale(2.5);opacity:0}}@keyframes screen-flash{0%{background:#e8530e00}20%{background:#e8530e14}to{background:#e8530e00}}@keyframes ring-fill{0%{stroke-dashoffset:var(--ring-start, 0)}to{stroke-dashoffset:var(--ring-end, 0)}}@keyframes card-pop{0%{transform:scale(.96) translateY(8px);opacity:.4}to{transform:scale(1) translateY(0);opacity:1}}@keyframes card-exit-left{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-120%) rotate(-8deg);opacity:0}}@keyframes card-exit-right{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(120%) rotate(8deg);opacity:0}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}