@property --dss-glow{syntax:"<color>";inherits:true;initial-value:#e63946}@property --dss-glow2{syntax:"<color>";inherits:true;initial-value:#7c3aed}.dss{transition:--dss-glow .9s,--dss-glow2 .9s;position:relative}.dss-stage{--mx:.5;--my:.5;perspective:1700px;perspective-origin:50% 38%;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;height:clamp(300px,39vw,520px);position:relative;overflow-x:clip}.dss-stage:active{cursor:grabbing}.dss-stage:focus-visible{outline:none}.dss-stage:focus-visible .dss-card.is-front .dss-card-face{outline-offset:6px;outline:2px solid #ffffffd9}.dss-glow{pointer-events:none;background:radial-gradient(ellipse 42% 46% at 50% 44%, color-mix(in srgb, var(--dss-glow) 34%, transparent), transparent 70%), radial-gradient(ellipse 30% 30% at 72% 30%, color-mix(in srgb, var(--dss-glow2) 22%, transparent), transparent 70%);filter:blur(10px);position:absolute;inset:-10% 0 0}.dss-floor{pointer-events:none;transform-origin:50% 0;background:linear-gradient(90deg,#ffffff12 1px,#0000 1px) 50% 0/72px 72px,linear-gradient(#ffffff12 1px,#0000 1px) 0 0/72px 72px;height:52%;animation:6s linear infinite dss-floor;position:absolute;bottom:-6%;left:-30%;right:-30%;transform:perspective(700px)rotateX(72deg);-webkit-mask:radial-gradient(50% 70% at 50% 0,#000 20%,#0000 75%);mask:radial-gradient(50% 70% at 50% 0,#000 20%,#0000 75%)}@keyframes dss-floor{to{background-position:50% 72px,0 72px}}.dss-world{transform-style:preserve-3d;position:absolute;inset:0}.dss-card{width:clamp(270px,46vw,760px);transform-style:preserve-3d;will-change:transform, opacity;position:absolute;top:7%;left:50%}.dss-card[data-hide]{display:none}.dss-card-face{color:inherit;-webkit-box-reflect:below 10px linear-gradient(transparent 72%, #ffffff29);-webkit-user-drag:none;border-radius:14px;text-decoration:none;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;display:block;position:relative;box-shadow:0 50px 90px -30px #000000d9,0 0 0 1px #ffffff17}.dss-card-face .dt-frame{border-radius:14px}.dss-card-face:after{content:"";border-radius:inherit;opacity:var(--shade,0);pointer-events:none;background:#05050a;position:absolute;inset:0}.dss-card.is-front .dss-card-face{transform:translateZ(40px) rotateX(calc((var(--my) - .5) * -9deg)) rotateY(calc((var(--mx) - .5) * 12deg));box-shadow:0 60px 110px -30px #000000e6, 0 0 0 1px #ffffff24, 0 0 80px -10px color-mix(in srgb, var(--dss-glow) 45%, transparent)}.dss-card-face:focus-visible{outline-offset:4px;outline:2px solid #fff}.dss-glare{z-index:2;border-radius:inherit;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #ffffff47, transparent 42%);transition:opacity .3s;position:absolute;inset:0}.dss-card.is-front .dss-glare{opacity:1}.dss-plate{z-index:3;font-family:var(--font-sora), system-ui, sans-serif;letter-spacing:-.01em;color:#fff;-webkit-backdrop-filter:blur(10px);background:#0a0a0e80;border:1px solid #ffffff2e;border-radius:999px;padding:.38em .85em;font-size:clamp(.78rem,1.3vw,1rem);font-weight:400;transition:opacity .3s;position:absolute;bottom:12px;left:14px}.dss-card.is-front .dss-plate{opacity:0}.dss-arrow{z-index:2000;color:#fff;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#1212188c;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .2s,background .2s,opacity .2s;display:grid;position:absolute;top:42%}.dss-arrow:hover:not(:disabled){background:#282832b3;transform:scale(1.06)}.dss-arrow:disabled{opacity:.25;cursor:default}.dss-arrow:focus-visible{outline-offset:2px;outline:2px solid #fff}.dss-prev{left:clamp(8px,3vw,40px)}.dss-next{right:clamp(8px,3vw,40px)}.dss-scrub{z-index:5;cursor:pointer;touch-action:none;width:min(100% - 48px,560px);height:26px;margin:clamp(.25rem,1.2vw,.75rem) auto 0;position:relative}.dss-scrub-ticks{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.dss-scrub-ticks span{background:#ffffff38;border-radius:2px;width:2px;height:8px;transition:height .35s cubic-bezier(.2,.7,.2,1),background .35s}.dss-scrub:hover .dss-scrub-ticks span{background:#ffffff59;height:12px}.dss-scrub-ticks span.is-on{background:var(--dss-glow);height:16px}.dss-scrub-thumb{--p:0;top:50%;left:calc(var(--p) * (100% - 2px));background:color-mix(in srgb, var(--dss-glow) 25%, transparent);width:22px;height:22px;box-shadow:0 0 18px color-mix(in srgb, var(--dss-glow) 60%, transparent);pointer-events:none;border:1px solid #ffffff80;border-radius:50%;margin:-11px 0 0 -10px;position:absolute}.dss-info{z-index:5;justify-content:space-between;align-items:flex-end;gap:1.5rem 3rem;width:min(100% - 32px,1200px);margin:clamp(.5rem,2vw,1.5rem) auto 0;display:flex;position:relative}.dss-info-main{min-width:0;animation:.6s cubic-bezier(.2,.7,.2,1) both dss-in}@keyframes dss-in{0%{opacity:0;filter:blur(6px);transform:translateY(12px)}}.dss-count{letter-spacing:.18em;color:var(--ctw-text-muted,#9a9a9a);font-variant-numeric:tabular-nums;margin-bottom:.35rem;font-size:.78rem;display:block}.dss-count span{opacity:.55}.dss-name{font-family:var(--font-sora), system-ui, sans-serif;letter-spacing:-.045em;color:var(--ctw-text,#fff);text-shadow:0 0 60px color-mix(in srgb, var(--dss-glow) 40%, transparent);margin:0;font-size:clamp(2.4rem,6vw,5.2rem);font-weight:300;line-height:.98}.dss-vibe{max-width:34rem;color:var(--ctw-text-muted,#a3a3a3);margin:.7rem 0 0;font-size:1.02rem}.dss-info-side{flex-direction:column;flex:0 26rem;align-items:flex-start;gap:1rem;display:flex}.dss-tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.dss-tags li{border:1px solid var(--ctw-border,#ffffff24);color:var(--ctw-text-muted,#b5b5b5);border-radius:999px;padding:.3rem .72rem;font-size:.75rem}.dss-ctas{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.dss-link{color:var(--ctw-text,#fff);opacity:.8;font-size:.92rem;text-decoration:none;transition:opacity .2s}.dss-link:hover{opacity:1}.dss-compact .dss-stage{perspective:1400px;height:clamp(230px,26vw,360px)}.dss-compact .dss-card{width:clamp(220px,32vw,470px);top:6%}.dss-compact .dss-info{text-align:center;flex-direction:column;align-items:center;gap:1rem}.dss-compact .dss-info-side{flex-basis:auto;align-items:center}.dss-compact .dss-name{font-size:clamp(2rem,4.2vw,3.4rem)}.dss-compact .dss-floor{opacity:.6}@media (max-width:760px){.dss-stage{height:clamp(260px,78vw,420px)}.dss-card{width:72vw}.dss-compact .dss-card{width:64vw}.dss-arrow{display:none}.dss-scrub{width:calc(100% - 48px)}.dss-info{flex-direction:column;align-items:flex-start}.dss-compact .dss-info{align-items:center}}.dsd{color:#fff;background:#0b0b10;border:1px solid #ffffff1f;border-radius:22px;width:min(1220px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;transition:--dss-glow .8s,--dss-glow2 .8s;inset:0;overflow:auto}.dsd::backdrop{-webkit-backdrop-filter:blur(8px);background:#040408b8}.dsd[open] .dsd-inner{animation:.55s cubic-bezier(.2,.75,.2,1) both dsd-in}@keyframes dsd-in{0%{opacity:0;transform:perspective(1200px)translateY(24px)rotateX(8deg)scale(.96)}}.dsd-inner{grid-template-columns:1.65fr 1fr;min-height:min(640px,80dvh);display:grid;position:relative}.dsd-view{perspective:1300px;background:radial-gradient(ellipse 60% 55% at 50% 50%, color-mix(in srgb, var(--dss-glow) 30%, transparent), transparent 75%), radial-gradient(ellipse 40% 40% at 80% 20%, color-mix(in srgb, var(--dss-glow2) 22%, transparent), transparent 70%), #08080c;border-right:1px solid #ffffff14;place-items:center;padding:clamp(1.25rem,4vw,3.5rem);display:grid}.dsd-tilt{--tx:0;--ty:0;width:100%;transform-style:preserve-3d;transform:rotateX(calc(var(--ty) * -10deg)) rotateY(calc(var(--tx) * 14deg));transition:transform .25s ease-out}.dsd-browser{border-radius:12px;animation:7s ease-in-out infinite dsd-float;position:relative;overflow:hidden;transform:translateZ(30px);box-shadow:0 60px 120px -30px #000000e6,0 0 0 1px #ffffff1f}@keyframes dsd-float{50%{transform:translateZ(30px)translateY(-8px)}}.dsd-browser .dt-frame{aspect-ratio:16/10}.dsd-chrome{background:#1a1a20;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.dsd-chrome span{background:#ff5f57;border-radius:50%;width:9px;height:9px}.dsd-chrome span:nth-child(2){background:#febc2e}.dsd-chrome span:nth-child(3){background:#28c840}.dsd-chrome em{color:#ffffff8c;background:#ffffff0f;border-radius:6px;margin-left:12px;padding:3px 12px;font-size:11px;font-style:normal}.dsd-glare{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at calc((var(--tx) + .5) * 100%) calc((var(--ty) + .5) * 100%), #fff3, transparent 45%);position:absolute;inset:0}.dsd-info{flex-direction:column;justify-content:center;gap:1rem;padding:clamp(1.5rem,4vw,3rem);display:flex}.dsd-name{font-family:var(--font-sora), system-ui, sans-serif;letter-spacing:-.045em;margin:0;font-size:clamp(2.2rem,4.4vw,3.8rem);font-weight:300;line-height:1}.dsd-vibe{color:#ffffffbf;margin:0;font-size:1.05rem;line-height:1.55}.dsd .dss-tags li{color:#ffffffbf;border-color:#ffffff29}.dsd .dss-count{color:#fff9}.dsd-ctas{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.dsd-step{gap:.4rem;display:flex}.dsd-step button,.dsd-close{color:#fff;width:42px;height:42px;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;border-radius:50%;place-items:center;transition:background .2s;display:grid}.dsd-step button:hover,.dsd-close:hover{background:#ffffff1f}.dsd-close{z-index:3;position:absolute;top:14px;right:14px}@media (max-width:860px){.dsd-inner{grid-template-columns:1fr}.dsd-view{border-bottom:1px solid #ffffff14;border-right:0;padding-top:3.5rem}}.dts{position:relative}.dts-hero{--hx:0;--hy:0;background:radial-gradient(ellipse at 85% 30%, #e6394629, transparent 55%), radial-gradient(ellipse at 60% 90%, #7c3aed1f, transparent 55%), var(--ctw-bg);padding:clamp(2.5rem,7vh,5rem) 0 clamp(2rem,6vh,4rem);position:relative;overflow:clip}.dts-hero-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:2rem;display:grid}.dts-title{font-family:var(--ctw-font-display,var(--font-sora)), system-ui, sans-serif;letter-spacing:-.035em;max-width:13ch;margin:0 0 1rem;font-size:clamp(2.3rem,5vw,4.4rem);font-weight:800;line-height:1.04}.dts-title em{color:var(--ctw-primary);font-style:normal}.dts-sub{max-width:34rem;color:var(--ctw-text-muted);margin:0;font-size:clamp(1rem,1.3vw,1.12rem)}.dts-hero-ctas{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.dts-hero-visual{perspective:1500px;height:clamp(320px,38vw,520px);position:relative}.dts-hero-glow{filter:blur(20px);background:radial-gradient(50% 50%,#e639464d,#0000 70%);position:absolute;inset:5% 0}.dts-hero-floor{transform-origin:50% 0;background:linear-gradient(90deg,#ffffff12 1px,#0000 1px) 0 0/56px 56px,linear-gradient(#ffffff12 1px,#0000 1px) 0 0/56px 56px;height:46%;animation:6s linear infinite dss-floor;position:absolute;bottom:-4%;left:-20%;right:-20%;transform:perspective(600px)rotateX(70deg);-webkit-mask:radial-gradient(50% 70% at 50% 0,#000 20%,#0000 75%);mask:radial-gradient(50% 70% at 50% 0,#000 20%,#0000 75%)}.dts-cluster{transform-style:preserve-3d;transform:rotateX(calc(8deg + var(--hy) * -8deg)) rotateY(calc(-14deg + var(--hx) * 12deg));transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.dts-float{border-radius:12px;width:58%;animation:8s ease-in-out infinite dts-float;position:absolute;overflow:hidden;box-shadow:0 40px 80px -24px #000000d9,0 0 0 1px #ffffff1f}.dts-float .dt-frame{border-radius:12px}.dts-float-1{z-index:5;--z:120px;animation-delay:0s;top:26%;left:18%;box-shadow:0 50px 100px -24px #000000e6,0 0 0 1px #ffffff29,0 0 80px -10px #e6394673}.dts-float-2{z-index:4;--z:60px;width:48%;animation-delay:-2s;top:50%;left:46%}.dts-float-3{z-index:3;--z:20px;width:40%;animation-delay:-4s;top:58%;left:-2%}.dts-float-4{z-index:2;--z:-80px;width:46%;animation-delay:-1s;top:4%;left:44%}.dts-float-5{z-index:1;--z:-160px;filter:brightness(.7);width:42%;animation-delay:-5s;top:4%;left:0%}@keyframes dts-float{0%,to{transform:translateZ(var(--z)) translateY(0)}50%{transform:translateZ(var(--z)) translateY(-12px)}}.dts-float{transform:translateZ(var(--z))}.dts-browse{background:var(--ctw-bg);padding:clamp(3rem,8vh,5rem) 0 clamp(2rem,5vh,3rem)}.dts-browse-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;margin-bottom:1.75rem;display:flex}.dts-filters{flex-wrap:wrap;gap:.5rem;display:flex}.dts-filters button{border:1px solid var(--ctw-border,#ffffff24);color:var(--ctw-text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.88rem;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.dts-filters button span{opacity:.55;font-variant-numeric:tabular-nums;font-size:.72rem}.dts-filters button:hover{border-color:#ffffff59}.dts-filters button.is-on{background:var(--ctw-text,#fff);color:var(--ctw-bg,#0f0f0f);border-color:#0000}.dts-index-title{letter-spacing:-.035em;margin:0 0 .5rem;font-size:clamp(1.9rem,4vw,3rem);font-weight:300}.dts-index-sub{max-width:40rem;color:var(--ctw-text-muted);margin:0 0 1rem}.dts-index-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.dts-index-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;perspective:900px;background:0 0;border:0;flex-direction:column;gap:.55rem;padding:0;display:flex}.dts-index-card .dt-frame{border-radius:12px;outline:1px solid #ffffff14;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,outline-color .2s}.dts-index-card:hover .dt-frame,.dts-index-card:focus-visible .dt-frame{outline-color:var(--ctw-primary);transform:translateY(-6px)rotateX(6deg)rotateY(-6deg);box-shadow:0 24px 40px -18px #000000b3}.dts-index-card.is-picked .dt-frame{outline:2px solid var(--ctw-primary);outline-offset:2px}.dts-index-card:focus-visible{outline:none}.dts-index-name{justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.95rem;display:flex}.dts-index-name small{color:var(--ctw-text-muted);font-size:.72rem}.dts-stage-wrap{background:var(--ctw-bg);padding:clamp(3rem,8vh,5rem) 0 clamp(4rem,10vh,6rem);scroll-margin-top:90px;overflow-x:clip}.dts-browse{scroll-margin-top:90px}@media (max-width:900px){.dts-hero-grid{grid-template-columns:1fr}.dts-hero-visual{height:clamp(260px,70vw,420px);margin-top:.5rem}}@media (prefers-reduced-motion:reduce){.dss-floor,.dsd-browser,.dts-hero-floor,.dts-float{animation:none}.dts-cluster{transition:none}.dss-info-main,.dsd[open] .dsd-inner{animation:none}.dss-card.is-front .dss-card-face,.dsd-tilt{transform:none}}