@property --orbit-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --charge-deg{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--orange-01:#ffb800;--orange-02:#ff9500;--orange-03:#ff6a00;--orange-04:#ff4d00;--orange-05:#ff2a00;--dark-01:#030303;--dark-02:#080808;--dark-03:#101010;--glass-white:#ffffff14;--glass-border:#ffffff1f;--font-display:-apple-system, "SF Pro Display", "Helvetica Neue", sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--radius-pill:999px;--radius-capsule:28px;--radius-surface:20px}html{scroll-behavior:smooth}.ds-page-container{background:var(--dark-01);color:#ffffffe6;font-family:var(--font-display);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.ds-wrap{max-width:1100px;margin:0 auto;padding:0 220px 120px 40px}.ds-section{padding-top:100px}.ds-section+.ds-section{border-top:1px solid #ffffff0f}.ds-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--orange-03);margin-bottom:10px;font-size:11px;font-weight:600}.ds-section-title{letter-spacing:-.02em;color:#fff;margin-bottom:8px;font-size:32px;font-weight:700}.ds-section-desc{color:#fff6;max-width:520px;margin-bottom:56px;font-size:15px;line-height:1.6}.ds-row{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.ds-col{flex-direction:column;gap:16px;display:flex}.ds-canvas{background:var(--dark-02);border-radius:var(--radius-surface);border:1px solid #ffffff0f;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:160px;padding:40px;display:flex;position:relative;overflow:hidden}.ds-canvas-label{letter-spacing:.12em;text-transform:uppercase;color:#fff3;font-size:10px;font-weight:600;font-family:var(--font-mono);position:absolute;top:14px;left:18px}.ds-code{font-family:var(--font-mono);color:#ffffff8c;white-space:pre;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:20px 24px;font-size:12px;line-height:1.8}.ds-code .token-key{color:var(--orange-02)}.ds-code .token-val{color:#ffffffbf}.ds-code .token-cmt{color:#ffffff40;font-style:italic}.ds-hero{padding:120px 0 80px;position:relative;overflow:hidden}.ds-hero:before{content:"";background:linear-gradient(90deg,#0000,#ff6a0099,#0000);width:800px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.ds-hero-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--orange-03);margin-bottom:20px;font-size:11px;font-weight:600}.ds-hero-title{letter-spacing:-.04em;color:#fff;margin-bottom:24px;font-size:clamp(48px,7vw,80px);font-weight:800;line-height:.95}.ds-hero-title span{background:linear-gradient(135deg, var(--orange-01), var(--orange-04));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ds-hero-sub{color:#fff6;max-width:480px;margin-bottom:40px;font-size:17px;line-height:1.65}.ds-hero-meta{gap:32px;display:flex}.ds-hero-meta-item{flex-direction:column;gap:4px;display:flex}.ds-hero-meta-num{letter-spacing:-.03em;color:#fff;font-size:24px;font-weight:800}.ds-hero-meta-lbl{color:#ffffff4d;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.ds-hero-glow{pointer-events:none;background:radial-gradient(circle,#ff6a001f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:40px;right:-200px}.ds-sidebar{z-index:100;-webkit-backdrop-filter:blur(24px);background:#080808d9;border:1px solid #ffffff12;border-right:none;border-radius:16px 0 0 16px;flex-direction:column;gap:2px;min-width:185px;padding:16px 0;display:flex;position:fixed;top:50%;right:0;overflow:hidden;transform:translateY(-50%)}.ds-sidebar:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#ffffff1a);width:100%;height:1px;position:absolute;top:0;left:0}.ds-sidebar-header{border-bottom:1px solid #ffffff0f;margin-bottom:6px;padding:4px 20px 14px}.ds-sidebar-header-label{letter-spacing:.18em;text-transform:uppercase;color:#fff3;font-size:9px;font-weight:700;font-family:var(--font-mono)}.ds-sidebar-item{cursor:pointer;align-items:center;gap:10px;padding:8px 20px;text-decoration:none;transition:background .2s;display:flex;position:relative}.ds-sidebar-item:hover{background:#ffffff0a}.ds-sidebar-item.active{background:#ff6a0014}.ds-sidebar-item.active:before{content:"";background:var(--orange-03);border-radius:0 2px 2px 0;width:2px;position:absolute;top:6px;bottom:6px;left:0;box-shadow:0 0 8px #ff6a0099}.ds-sidebar-dot{background:#ffffff26;border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background .2s,box-shadow .2s}.ds-sidebar-item.active .ds-sidebar-dot{background:var(--orange-03);box-shadow:0 0 6px #ff6a00b3}.ds-sidebar-item:hover .ds-sidebar-dot{background:#fff6}.ds-sidebar-label{color:#ffffff4d;letter-spacing:.01em;white-space:nowrap;font-size:11px;font-weight:500;transition:color .2s}.ds-sidebar-item.active .ds-sidebar-label{color:#ffffffd9;font-weight:600}.ds-sidebar-item:hover .ds-sidebar-label{color:#fff9}.ds-sidebar-num{font-size:9px;font-family:var(--font-mono);color:#ffffff1f;letter-spacing:.04em;margin-left:auto}.ds-sidebar-divider{background:#ffffff0f;height:1px;margin:6px 0}.surface-a{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-surface);background:#ffffff08;border:1px solid #ffffff14;padding:28px 32px}.surface-b{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:var(--radius-surface);background:#ffffff0d;border:1px solid #ffffff1f;padding:28px 32px}.surface-hero{border-radius:var(--radius-surface);background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff1a;padding:28px 32px}.surface-demo-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d;font-size:12px;font-family:var(--font-mono);margin-bottom:6px}.surface-demo-desc{color:#ffffff80;font-size:14px}.glow-soft{box-shadow:0 0 20px #ff6a0026,0 0 60px #ff6a0014}.glow-premium{box-shadow:0 0 20px #ff6a004d,0 0 80px #ff6a0033,0 0 140px #ff6a001a}.glow-hero{box-shadow:0 0 60px #ff6a0080,0 0 180px #ff6a004d,0 0 260px #ff6a0026}.glow-demo-pill{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--orange-03), var(--orange-05));color:#fff;justify-content:center;align-items:center;width:200px;height:56px;font-size:13px;font-weight:600;display:flex}.reflection-top{position:relative}.reflection-top:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#fffc,#0000);border-radius:999px 999px 0 0;width:100%;height:1px;position:absolute;top:0;left:0}.reflection-sweep{position:relative;overflow:hidden}.reflection-sweep:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:120px;height:100%;animation:3s ease-in-out infinite sweep;position:absolute;top:0;left:-200%;transform:skew(-20deg)}@keyframes sweep{0%{left:-200%}to{left:200%}}.border-glow-right{background-clip:padding-box;position:relative;border:1px solid #0000!important}.border-glow-right:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:conic-gradient(from 270deg at 92%,#ff2d0000 0deg,#ff6a00e6 30deg,#ffb800b3 50deg,#ff6a0080 80deg,#ff2d001a 130deg,#ffffff0f 200deg,#ffffff0a 270deg,#ff2d0000 360deg);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.border-glow-right:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:-1px;box-shadow:6px 0 24px #ff6a0059,10px 0 50px #ff6a0033,16px 0 80px #ff6a001a}.border-glow-right.animated:before{animation:3s ease-in-out infinite lateral-pulse}@keyframes lateral-pulse{0%,to{background:conic-gradient(from 270deg at 92%,#ff2d0000 0deg,#ff6a00e6 30deg,#ffb800b3 50deg,#ff6a0080 80deg,#ff2d001a 130deg,#ffffff0f 200deg,#ffffff0a 270deg,#ff2d0000 360deg)}50%{background:conic-gradient(from 270deg at 92%,#ff2d0000 0deg,#ff6a00 30deg,#ffb800e6 50deg,#ff6a00b3 90deg,#ff2d0033 150deg,#ffffff14 220deg,#ffffff0a 270deg,#ff2d0000 360deg)}}.border-glow-right:hover:after{transition:box-shadow .4s;box-shadow:8px 0 32px #ff6a008c,14px 0 70px #ff6a0059,20px 0 110px #ff6a002e}.lglow-capsule{border-radius:var(--radius-pill);isolation:isolate;background:linear-gradient(135deg,#0d0d0d,#060606) padding-box padding-box;border:1px solid #0000;align-items:center;gap:18px;height:56px;padding:0 28px 0 24px;display:inline-flex;position:relative;box-shadow:inset 1px 1px #ffffff2e,inset 2px 3px 8px #ffffff0d,inset 0 -1px 1px #0009}.lglow-capsule .lglow-aura{border-radius:var(--radius-pill);z-index:-1;pointer-events:none;filter:blur(15px);background:radial-gradient(130px 100px at 96% 78%,#ff6a0099 0%,#ff4d0057 34%,#ff2a001f 62%,#0000 80%);position:absolute;inset:-40px -50px -55px -30px}.lglow-capsule:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;-webkit-mask-composite:xor;background:conic-gradient(at 78% 55%,#ffffff1a 0deg,#ffffff0d 40deg,#ff2a0000 70deg,#ff2a001f 95deg,#ff6a008c 120deg,#ffb800e6 150deg,#ff6a00f2 175deg,#ff4d0066 205deg,#ff2a0000 245deg,#ffffff14 320deg,#ffffff1a 360deg);padding:1.4px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.lglow-capsule--right{background:linear-gradient(150deg,#101010 0%,#0a0a0a 45%,#050505 100%) padding-box padding-box;box-shadow:inset 1.5px 1.5px #fff3,inset 3px 4px 10px #ffffff0d,inset 0 -1px 1px #0000008c}.lglow-capsule--right .lglow-aura{filter:blur(16px);background:radial-gradient(115px 130px at 100%,#ff6a0099 0%,#ff4d0057 36%,#ff2a001f 64%,#0000 82%);inset:-55px -55px -55px -30px}.lglow-capsule--right:before{background:conic-gradient(#ffffff0f 0deg,#ff2a002e 30deg,#ff6a00cc 50deg,#ffb800f2 75deg,#ff9600d9 90deg,#ffb800f2 105deg,#ff6a00cc 130deg,#ff2a002e 150deg,#ff2a0000 175deg 215deg,#ffffff0d 245deg,#ffffff24 275deg,#ffffff12 305deg,#ffffff0f 360deg)}.lglow-icon{color:#ffffffeb;flex:none;width:22px;height:22px}.lglow-divider{background:linear-gradient(#0000,#ffffff38,#0000);flex:none;width:1px;height:22px}.lglow-text{letter-spacing:-.01em;color:#ffffffeb;white-space:nowrap;font-size:19px;font-weight:500}.micro-capsule{border-radius:var(--radius-pill);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;transition:border-color .3s,box-shadow .3s,background .3s;display:flex;position:relative;overflow:hidden}.micro-capsule:before{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);border-radius:999px 999px 0 0;width:100%;height:1px;position:absolute;top:0;left:0}.micro-capsule:hover{background:#ff6a001f;border-color:#ff6a0066;box-shadow:0 0 20px #ff6a0040,0 0 60px #ff6a001a}.micro-capsule.active{background:linear-gradient(135deg,#ff6a0040,#ff2d0026);border-color:#ff6a0080;box-shadow:0 0 20px #ff6a004d,0 0 80px #ff6a0026}.action-capsule{border-radius:var(--radius-pill);cursor:pointer;height:72px;font-family:var(--font-display);border:none;align-items:center;gap:12px;padding:0 32px;font-size:16px;font-weight:600;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:inline-flex;position:relative;overflow:hidden}.action-capsule.dark{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1a}.action-capsule.dark:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.action-capsule.dark:hover{border-color:#ff6a0059;transform:scale(1.03);box-shadow:0 0 20px #ff6a0033,0 0 60px #ff6a0014}.action-capsule.orange{background:linear-gradient(135deg, var(--orange-02), var(--orange-04));color:#fff;border:1px solid #ffffff26}.action-capsule.orange:before{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.action-capsule.orange:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:120px;height:100%;position:absolute;top:0;left:-200%;transform:skew(-20deg)}.action-capsule.orange:hover{transform:scale(1.03);box-shadow:0 0 20px #ff6a0080,0 0 80px #ff6a0040,0 0 140px #ff6a001a}.action-capsule.orange:hover:after{transition:left .6s;left:200%}.action-capsule-icon{border-radius:var(--radius-pill);background:#0003;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.action-capsule.dark .action-capsule-icon{background:#ffffff14}.expansion-capsule{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;height:72px;transition:width .8s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;display:inline-flex;position:relative;overflow:hidden}.expansion-capsule:before{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.expansion-capsule.orange{background:linear-gradient(135deg, var(--orange-02), var(--orange-04));border-color:#ffffff26}.expansion-capsule:hover{border-color:#ff6a0073;box-shadow:0 0 20px #ff6a0059,0 0 80px #ff6a0026}.exp-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.exp-icon{border-radius:var(--radius-pill);background:#00000040;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.expansion-capsule.dark .exp-icon{background:#ffffff14}.exp-divider{background:#ffffff26;flex-shrink:0;width:1px;height:28px}.exp-text{color:#fff;opacity:0;pointer-events:none;padding:0 24px 0 20px;font-size:16px;font-weight:600;transition:opacity .4s .15s,transform .4s cubic-bezier(.22,1,.36,1) .15s;transform:translate(-8px)}.exp-state-a{width:72px}.exp-state-b{width:220px}.exp-state-b .exp-text{opacity:1;transform:translate(0)}.exp-state-c{width:290px}.exp-state-c .exp-text{opacity:1;transform:translate(0)}.exp-controls{gap:10px;margin-top:20px;display:flex}.exp-btn{border-radius:var(--radius-pill);color:#ffffff80;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-display);letter-spacing:.04em;background:#ffffff0a;border:1px solid #ffffff1f;padding:8px 18px;transition:background .2s,color .2s,border-color .2s}.exp-btn:hover,.exp-btn.active{color:var(--orange-02);background:#ff6a0026;border-color:#ff6a0066}.prize-capsule{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.prize-capsule-pedestal{border-radius:var(--radius-surface);background:#ffffff0a;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:200px;height:200px;animation:4s ease-in-out infinite float;display:flex;position:relative;box-shadow:0 0 40px #ff6a0026,0 0 100px #ff6a0014}.prize-capsule-pedestal:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);border-radius:20px 20px 0 0;width:100%;height:1px;position:absolute;top:0;left:0}.prize-glow-base{filter:blur(8px);background:radial-gradient(#ff6a0066,#0000 70%);width:120px;height:30px;animation:4s ease-in-out infinite float-glow;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.prize-emoji{filter:drop-shadow(0 0 20px #ff6a0066);font-size:72px}.prize-name{letter-spacing:-.02em;color:#fff;text-align:center;font-size:20px;font-weight:700}.prize-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--orange-02);border-radius:var(--radius-pill);background:#ff6a001a;border:1px solid #ff6a0040;padding:5px 14px;font-size:11px;font-weight:600}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-glow{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(.7)}}.social-capsule{border-radius:var(--radius-pill);cursor:pointer;height:64px;font-family:var(--font-display);color:#ffffffd9;background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:14px;padding:0 24px;font-size:15px;font-weight:600;transition:background .3s,border-color .3s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden}.social-capsule:before{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.social-capsule:hover{background:#ffffff14;border-color:#fff3}.social-capsule.completed{color:var(--orange-02);background:#ff6a001a;border-color:#ff6a0059;box-shadow:0 0 20px #ff6a0026}.social-icon{border-radius:var(--radius-pill);background:#ffffff14;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.social-capsule.completed .social-icon{background:#ff6a0033}.social-check{opacity:0;background:#ff6a0033;border:1px solid #ff6a0066;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;font-size:12px;transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1);display:flex;transform:scale(.5)}.social-capsule.completed .social-check{opacity:1;transform:scale(1)}.counter-capsule{flex-direction:column;align-items:center;gap:6px;display:flex}.counter-value{letter-spacing:-.05em;background:linear-gradient(135deg,#fff 60%,#ffffff80);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:72px;font-weight:800;line-height:1}.counter-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;font-size:12px;font-weight:600}.counter-delta{color:var(--orange-02);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.orbit-capsule{border-radius:var(--radius-pill);isolation:isolate;--orbit-angle:0deg;background:linear-gradient(135deg,#0d0d0d,#060606) padding-box padding-box;border:1px solid #0000;align-items:center;gap:18px;height:56px;padding:0 28px 0 24px;display:inline-flex;position:relative;box-shadow:inset 1px 1px #ffffff2e,inset 2px 3px 8px #ffffff0d,inset 0 -1px 1px #0009}.orbit-capsule .orbit-aura{border-radius:var(--radius-pill);z-index:-1;pointer-events:none;filter:blur(12px);background:radial-gradient(100px 80px,#ff6a002e 0%,#0000 70%);animation:3s linear infinite orbit-aura-chase;position:absolute;inset:-35px -45px -45px -25px}@keyframes orbit-aura-chase{0%{background-position-x:0%}to{background-position-x:100%}}.orbit-capsule:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:conic-gradient(from var(--orbit-angle) at 50% 50%, #ffffff08 0deg, #ff2a0000 250deg, #ff2a0014 275deg, #ff6a0040 300deg, #ff96008c 325deg, #ffb800d9 345deg, #ffffdc 355deg,  #ffb80099 360deg);-webkit-mask-composite:xor;padding:1.4px;animation:3s linear infinite orbit-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.orbit-capsule .orbit-dot{pointer-events:none;z-index:3;offset-path:inset(0 round 999px);offset-distance:0%;background:radial-gradient(circle,ivory 20%,#ffc850e6 60%,#0000);border-radius:50%;width:9px;height:9px;animation:3s linear infinite orbit-travel;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 5px 3px #ffd264bf,0 0 12px 6px #ff8c0073,0 0 25px 12px #ff640033}@keyframes orbit-spin{to{--orbit-angle:360deg}}@keyframes orbit-travel{to{offset-distance:100%}}.orbit-capsule:hover .orbit-dot,.orbit-capsule:hover:before{animation-play-state:paused}.orbit-capsule:hover{transition:box-shadow .3s;box-shadow:inset 1px 1px #ffffff38,inset 2px 3px 8px #ffffff12,inset 0 -1px 1px #0009,0 0 30px #ff780040}.charge-capsule{border-radius:var(--radius-pill);isolation:isolate;--charge-deg:0deg;background:linear-gradient(135deg,#0d0d0d,#060606) padding-box padding-box;border:1px solid #0000;align-items:center;gap:18px;height:56px;padding:0 28px 0 24px;transition:--charge-deg .7s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;box-shadow:inset 1px 1px #ffffff2e,inset 2px 3px 8px #ffffff0d,inset 0 -1px 1px #0009}.charge-capsule .charge-aura{border-radius:var(--radius-pill);z-index:-1;pointer-events:none;filter:blur(14px);opacity:0;background:radial-gradient(100px 80px at 95%,#ff6a0000 0%,#0000 70%);transition:background .7s cubic-bezier(.22,1,.36,1),opacity .5s;position:absolute;inset:-50px}.charge-capsule.charged-33 .charge-aura{opacity:.5;background:radial-gradient(100px 80px at 95%,#ff6a0059 0%,#0000 70%)}.charge-capsule.charged-66 .charge-aura{opacity:.8;background:radial-gradient(110px 90px at 90%,#ff6a0080 0%,#0000 70%)}.charge-capsule.charged-100 .charge-aura{opacity:1;background:radial-gradient(130px 110px at 85%,#ff8200b3 0%,#ff50004d 55%,#0000 80%);animation:2s ease-in-out infinite charge-full-pulse}@keyframes charge-full-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.charge-capsule:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:conic-gradient(from -90deg at 50% 50%, #ffb800 0deg, #ff9600f2 calc(var(--charge-deg) * .8), #ff6a00bf calc(var(--charge-deg) - 8deg), #ff50004d var(--charge-deg), #ff2a0000 calc(var(--charge-deg) + 12deg), #ffffff0f calc(var(--charge-deg) + 30deg), #ffffff0a 350deg, #ffb800 360deg);-webkit-mask-composite:xor;padding:1.4px;transition:background .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.charge-capsule:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;box-shadow:none;transition:box-shadow .5s;position:absolute;inset:-1px}.charge-capsule.charged-33:after{box-shadow:0 0 10px #ffb80033}.charge-capsule.charged-66:after{box-shadow:0 0 16px #ffb8004d,0 0 40px #ff640026}.charge-capsule.charged-100:after{animation:2s ease-in-out infinite charge-full-box;box-shadow:0 0 20px #ffdc6480,0 0 60px #ff78004d,0 0 100px #ff3c0026}@keyframes charge-full-box{0%,to{box-shadow:0 0 20px #ffdc6480,0 0 60px #ff78004d,0 0 100px #ff3c0026}50%{box-shadow:0 0 30px #ffdc64bf,0 0 90px #ff780073,0 0 150px #ff3c0033}}.charge-bar-track{background:#ffffff12;border:1px solid #ffffff14;border-radius:4px;flex-shrink:0;width:80px;height:4px;overflow:hidden}.charge-bar-fill{background:linear-gradient(90deg, var(--orange-04), var(--orange-01));border-radius:4px;width:0%;height:100%;transition:width .7s cubic-bezier(.22,1,.36,1);box-shadow:0 0 6px #ff960099}.charge-pct-label{letter-spacing:-.01em;color:#ffffffb3;font-size:14px;font-weight:700;font-family:var(--font-mono);flex-shrink:0;min-width:42px}.charge-capsule.charged-100 .charge-pct-label{color:var(--orange-01)}.charge-btn{border-radius:var(--radius-pill);color:#ffffff73;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-display);letter-spacing:.04em;background:#ffffff0a;border:1px solid #ffffff1a;padding:8px 18px;transition:background .2s,color .2s,border-color .2s}.charge-btn:hover{color:var(--orange-02);background:#ff6a0026;border-color:#ff6a0066}.charge-btn.active{color:var(--orange-01);background:#ff6a0033;border-color:#ff6a0080}.heartbeat-capsule{border-radius:var(--radius-pill);isolation:isolate;background:linear-gradient(135deg,#0d0d0d,#060606) padding-box padding-box;border:1px solid #0000;align-items:center;gap:18px;height:56px;padding:0 28px 0 24px;display:inline-flex;position:relative;box-shadow:inset 1px 1px #ffffff2e,inset 2px 3px 8px #ffffff0d,inset 0 -1px 1px #0009}.heartbeat-capsule .hb-aura{border-radius:var(--radius-pill);z-index:-1;pointer-events:none;filter:blur(14px);background:radial-gradient(120px 95px at 88% 55%,#ff3c008c 0%,#ff2a0040 40%,#ff2a0014 65%,#0000 82%);animation:2.4s cubic-bezier(.4,0,.6,1) infinite hb-aura-beat;position:absolute;inset:-45px -55px -55px -35px}@keyframes hb-aura-beat{0%{opacity:.2;filter:blur(14px);transform:scale(1)}7%{opacity:.75;filter:blur(10px);transform:scale(1.15)}13%{opacity:.3;filter:blur(16px);transform:scale(.98)}20%{opacity:1;filter:blur(8px);transform:scale(1.35)}30%{opacity:.15;filter:blur(18px);transform:scale(.95)}38%{opacity:.25;filter:blur(14px);transform:scale(1)}to{opacity:.2;filter:blur(14px);transform:scale(1)}}.heartbeat-capsule:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;-webkit-mask-composite:xor;background:conic-gradient(#ffffff0f 0deg,#ff2a002e 30deg,#ff6a00bf 50deg,#ffb800e6 75deg,#ff9600cc 90deg,#ffb800e6 105deg,#ff6a00bf 130deg,#ff2a002e 150deg,#ff2a0000 180deg,#ffffff0d 250deg,#ffffff1f 275deg,#ffffff0f 310deg 360deg);padding:1.4px;animation:2.4s cubic-bezier(.4,0,.6,1) infinite hb-border-beat;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes hb-border-beat{0%{opacity:.6}7%{opacity:.95}13%{opacity:.55}20%{opacity:1}30%{opacity:.45}38%{opacity:.6}to{opacity:.6}}.heartbeat-capsule:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;animation:2.4s cubic-bezier(.4,0,.6,1) infinite hb-shadow-beat;position:absolute;inset:-2px}@keyframes hb-shadow-beat{0%,38%,to{box-shadow:4px 0 18px #ff5a0026,8px 0 40px #ff3c0014}7%{box-shadow:6px 0 25px #ff5a0059,12px 0 60px #ff3c0033}13%{box-shadow:4px 0 18px #ff5a0026,8px 0 40px #ff3c0014}20%{box-shadow:8px 0 35px #ff5a008c,16px 0 80px #ff3c004d,24px 0 120px #ff28001f}}.hb-monitor{align-items:center;gap:8px;display:flex}.hb-monitor-dot{background:var(--orange-02);border-radius:50%;width:7px;height:7px;animation:2.4s cubic-bezier(.4,0,.6,1) infinite hb-dot-beat;box-shadow:0 0 6px #ff960099}@keyframes hb-dot-beat{0%,38%,to{opacity:.5;transform:scale(1)}7%{opacity:1;transform:scale(1.5)}13%{opacity:.4;transform:scale(.9)}20%{opacity:1;transform:scale(1.8)}30%{opacity:.3;transform:scale(.85)}}.hb-monitor-label{font-size:11px;font-family:var(--font-mono);color:#ffffff4d;letter-spacing:.06em;text-transform:uppercase}.hb-monitor-bpm{color:var(--orange-02);font-size:14px;font-weight:700;font-family:var(--font-mono)}.snap-capsule{border-radius:var(--radius-pill);isolation:isolate;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0d0d0d,#060606) padding-box padding-box;border:1px solid #0000;align-items:center;gap:18px;height:56px;padding:0 28px 0 24px;display:inline-flex;position:relative;box-shadow:inset 1px 1px #ffffff2e,inset 2px 3px 8px #ffffff0d,inset 0 -1px 1px #0009}.snap-capsule .snap-aura{border-radius:var(--radius-pill);z-index:-1;pointer-events:none;filter:blur(15px);background:radial-gradient(115px 100px at 100%,#ff5a0073 0%,#ff3c0033 45%,#0000 75%);transition:opacity .4s;position:absolute;inset:-40px -50px -50px -30px}.snap-capsule:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;-webkit-mask-composite:xor;background:conic-gradient(#ffffff0f 0deg,#ff2a002e 30deg,#ff6a00bf 50deg,#ffb800e6 75deg,#ff9600cc 90deg,#ffb800e6 105deg,#ff6a00bf 130deg,#ff2a002e 150deg,#ff2a0000 180deg,#ffffff0d 250deg,#ffffff1f 275deg,#ffffff0f 310deg 360deg);padding:1.4px;transition:opacity .15s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.snap-capsule .snap-flash{border-radius:var(--radius-pill);pointer-events:none;z-index:4;opacity:0;filter:blur(1px);background:radial-gradient(100px 65px at 92%,#fffff0fa 0%,#ffd264d9 18%,#ff8c0099 40%,#ff3c0040 60%,#0000 78%);position:absolute;inset:-22px}.snap-capsule.snap-done{background:linear-gradient(135deg,#0f0a04,#080604) padding-box padding-box;transition:background .4s,box-shadow .4s;box-shadow:inset 1px 1px #ffc86440,inset 2px 3px 8px #ff960014,inset 0 -1px 1px #0009,0 0 20px #ff640040,0 0 50px #ff3c001a}.snap-capsule.snap-done .lglow-text{color:var(--orange-01);transition:color .4s}.snap-capsule.snap-done:before{opacity:1!important}.snap-capsule.snapping .snap-flash{animation:1.4s ease-out forwards snap-flash-anim}.snap-capsule.snapping:before{animation:.25s ease-out forwards snap-border-hide}.snap-capsule.snapping .snap-aura{animation:1.4s ease-out forwards snap-aura-blast}@keyframes snap-flash-anim{0%{opacity:0;filter:blur(3px);transform:scale(.95)}4%{opacity:1;filter:blur();transform:scale(1.02)}18%{opacity:.8;filter:blur(.5px);transform:scale(1)}to{opacity:0;filter:blur(5px);transform:scale(.97)}}@keyframes snap-border-hide{0%{opacity:1}30%{opacity:0}to{opacity:1}}@keyframes snap-aura-blast{0%{opacity:.4;filter:blur(15px);transform:scale(1)}5%{opacity:1;filter:blur(8px);transform:scale(1.8)}to{opacity:.4;filter:blur(15px);transform:scale(1)}}.snap-status-label{font-size:11px;font-family:var(--font-mono);color:#fff3;letter-spacing:.08em;text-transform:uppercase;text-align:center;min-height:16px;transition:color .3s}.snap-status-label.confirmed{color:var(--orange-02)}.magnetic-capsule{border-radius:var(--radius-pill);isolation:isolate;cursor:crosshair;--mx:92%;--my:50%;--mg-x:100%;--mg-y:50%;background:linear-gradient(135deg,#0d0d0d,#060606) padding-box padding-box;border:1px solid #0000;align-items:center;gap:18px;height:56px;padding:0 28px 0 24px;display:inline-flex;position:relative;box-shadow:inset 1px 1px #ffffff2e,inset 2px 3px 8px #ffffff0d,inset 0 -1px 1px #0009}.magnetic-capsule .mag-aura{border-radius:var(--radius-pill);z-index:-1;pointer-events:none;background:radial-gradient(120px 95px at var(--mg-x) var(--mg-y), #ff6a009e 0%, #ff4d0052 38%, #ff2a001f 65%, transparent 82%);filter:blur(16px);transition:background .12s linear;position:absolute;inset:-45px -55px -55px -35px}.magnetic-capsule:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:conic-gradient(from 0deg at var(--mx) var(--my), #ffffff12 0deg, #ff2a0000 25deg, #ff2a0026 50deg, #ff6a00b3 70deg, #ffb800f2 90deg, #ff6a00b3 110deg, #ff2a0026 135deg, #ff2a0000 165deg, #ffffff0a 270deg, #ffffff12 360deg);-webkit-mask-composite:xor;padding:1.4px;transition:background .12s linear;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magnetic-capsule:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;transition:box-shadow .12s linear;position:absolute;inset:-1px;box-shadow:6px 0 24px #ff6a004d,10px 0 50px #ff6a0026}.mag-coord-label{font-size:10px;font-family:var(--font-mono);color:#ffffff2e;letter-spacing:.04em;text-align:center;min-width:100px}.swatch-row{flex-wrap:wrap;gap:10px;display:flex}.swatch{flex-direction:column;align-items:center;gap:8px;display:flex}.swatch-dot{cursor:default;border:1px solid #ffffff14;border-radius:14px;width:56px;height:56px;transition:transform .2s}.swatch-dot:hover{transform:scale(1.1)}.swatch-name{font-size:10px;font-family:var(--font-mono);color:#ffffff59;letter-spacing:.04em}.glow-demo-row{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.glow-demo-item{flex-direction:column;align-items:center;gap:16px;display:flex}.glow-demo-label-sm{letter-spacing:.1em;text-transform:uppercase;color:#ffffff40;font-size:11px;font-family:var(--font-mono)}.type-row{flex-direction:column;gap:20px;display:flex}.type-sample{border-bottom:1px solid #ffffff0d;align-items:baseline;gap:24px;padding-bottom:20px;display:flex}.type-meta{width:140px;font-size:10px;font-family:var(--font-mono);color:#fff3;flex-shrink:0;line-height:1.6}.type-display{letter-spacing:-.04em;color:#fff;font-size:56px;font-weight:800}.type-h1{letter-spacing:-.03em;color:#fff;font-size:40px;font-weight:700}.type-h2{letter-spacing:-.025em;color:#fff;font-size:28px;font-weight:700}.type-body{color:#ffffffb3;font-size:17px;font-weight:400;line-height:1.6}.type-caption{letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d;font-size:12px;font-weight:500}.type-mono{font-size:13px;font-family:var(--font-mono);color:var(--orange-02)}.motion-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.motion-card{border-radius:var(--radius-surface);background:#ffffff08;border:1px solid #ffffff12;flex-direction:column;gap:12px;padding:24px;display:flex}.motion-card-name{letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;font-size:11px;font-weight:600;font-family:var(--font-mono)}.motion-demo-elem{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--orange-03), var(--orange-05));color:#fff;cursor:pointer;justify-content:center;align-items:center;height:48px;font-size:12px;font-weight:600;display:flex}.motion-expand:hover{transition:transform .6s cubic-bezier(.22,1,.36,1);transform:scale(1.06)}.motion-expand{transition:transform .4s cubic-bezier(.22,1,.36,1)}.motion-glow-pulse{animation:2s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #ff6a0033}50%{box-shadow:0 0 30px #ff6a0080,0 0 80px #ff6a0040}}.motion-fade{opacity:.4;transition:opacity .3s}.motion-fade:hover{opacity:1}.motion-float-demo{animation:3s ease-in-out infinite float}.prohibited-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.prohibited-item{border-radius:var(--radius-surface);text-align:center;background:#ff00000a;border:1px solid #ff00001a;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.prohibited-x{color:#ff5050cc;background:#ff00001f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.prohibited-name{color:#ff5050b3;font-size:13px;font-weight:600}.prohibited-reason{color:#fff3;font-size:11px;line-height:1.5}.playground-wrap{background:var(--dark-02);border:1px solid #ffffff0f;border-radius:24px;padding:48px;position:relative;overflow:hidden}.playground-wrap:before{content:"";pointer-events:none;background:radial-gradient(at bottom,#ff6a0014,#0000 70%);width:500px;height:300px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.playground-title{letter-spacing:.1em;text-transform:uppercase;color:#fff3;font-size:14px;font-weight:600;font-family:var(--font-mono);margin-bottom:36px}.pg-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--dark-01)}::-webkit-scrollbar-thumb{background:#ff6a004d;border-radius:4px}.ds-divider{background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;margin:80px 0 0}.ds-badge{border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.ds-badge.stable{color:#00c864cc;background:#00c8641a;border:1px solid #00c86433}.ds-badge.beta{color:var(--orange-02);background:#ff6a001a;border:1px solid #ff6a0040}.ds-badge.nuevo{color:#a078ffd9;background:#7850ff1f;border:1px solid #7850ff4d}.ds-badge-dot{background:currentColor;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.comp-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.comp-num{font-size:11px;font-family:var(--font-mono);color:#fff3;letter-spacing:.06em;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;padding:4px 10px}.comp-name{letter-spacing:-.02em;color:#fff;font-size:22px;font-weight:700}.comp-use{color:#ffffff59;margin-top:4px;font-size:13px}