.kt-home-slot{margin:0 16px;padding-bottom:28px}.kt-home-slot>.nanta-deferred-skeleton{border-radius:24px}.kt-root.kt-home{isolation:isolate;content-visibility:auto;contain-intrinsic-size:auto 1040px;border-radius:24px;min-height:0;container:kt-home/inline-size}.kt-hero.kh-hero{--u:min(1cqw, 13.5px);padding:34px 20px 36px}.kh-ambient{z-index:-1;opacity:.55;pointer-events:none;position:absolute;inset:-12% -8% 0}.kh-ambient canvas{opacity:0;width:100%;height:100%;transition:opacity .6s var(--kt-ease);display:block}.kh-ambient canvas[data-ready="1"]{opacity:1}.kh-ambient:after{content:"";background:#0606078c;position:absolute;inset:0}.kh-stage{flex-direction:column;align-items:center;display:flex}.kh-center{z-index:3;justify-items:center;display:grid;position:relative}.kh-title{font-size:inherit;margin:0;line-height:1}.kh-mark-link{border-radius:12px;display:inline-block}.kh-band{width:100%;height:calc(31 * var(--u));margin-top:calc(3 * var(--u));position:relative}.kh-frames{z-index:1;width:calc(37 * var(--u));perspective:1200px;height:100%;transform:translate3d(calc(var(--kh-px,0) * -14px), calc(var(--kh-py,0) * -8px), 0);transition:transform .7s var(--kt-ease);position:absolute;top:0}.kh-frames-left{right:calc(50% + 1.5 * var(--u));--kh-tilt:16deg}.kh-frames-right{left:calc(50% + 1.5 * var(--u));--kh-tilt:-16deg}.kh-frame{aspect-ratio:9/16;border:1px solid var(--kt-stroke-2);box-shadow:var(--kt-specular), 0 34px 70px -26px #000000e6;transition:border-color .2s var(--kt-ease);background:#ffffff14;border-radius:24px;padding:0;animation:9s ease-in-out infinite kh-float;position:absolute;overflow:hidden}.kh-frame:hover{border-color:#d4ff0080}.kh-frame>img,.kh-frame>video{object-fit:cover;border-radius:19px;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;inset:5px}.kh-frame>video{opacity:0;transition:opacity .5s var(--kt-ease)}.kh-frame[data-live=true]>video{opacity:1}.kh-frames-left .kh-frame:first-child,.kh-frames-right .kh-frame:first-child{z-index:3;width:calc(17 * var(--u));transform:rotateY(var(--kh-tilt));top:0}.kh-frames-left .kh-frame:nth-child(2),.kh-frames-right .kh-frame:nth-child(2){top:calc(2.5 * var(--u));z-index:2;width:calc(14 * var(--u));transform:rotateY(var(--kh-tilt)) translateZ(-60px)}.kh-frames-left .kh-frame:nth-child(3),.kh-frames-right .kh-frame:nth-child(3){top:calc(5 * var(--u));z-index:1;width:calc(12 * var(--u));transform:rotateY(var(--kh-tilt)) translateZ(-110px)}.kh-frames-left .kh-frame:first-child{right:0}.kh-frames-left .kh-frame:nth-child(2){right:calc(12 * var(--u));animation-delay:-3s}.kh-frames-left .kh-frame:nth-child(3){right:calc(24 * var(--u));animation-delay:-6s}.kh-frames-right .kh-frame:first-child{animation-delay:-1.5s;left:0}.kh-frames-right .kh-frame:nth-child(2){left:calc(12 * var(--u));animation-delay:-4.5s}.kh-frames-right .kh-frame:nth-child(3){left:calc(24 * var(--u));animation-delay:-7.5s}@keyframes kh-float{0%,to{translate:0}50%{translate:0 -8px}}.kh-mark{--kh-cut-angle:130.8deg;--kh-seam:1em;font-size:calc(11.5 * var(--u));letter-spacing:-.055em;color:var(--kt-text);padding:0 .08em;font-style:italic;font-weight:900;line-height:.86;animation:.62s cubic-bezier(.2,0,0,1) both kh-rise;display:inline-block;position:relative}@keyframes kh-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.kh-mark-ghost{animation:5s .8s infinite both kh-solid;display:inline-block}.kh-mark-piece{opacity:0;will-change:transform, opacity;padding:0 .08em;position:absolute;inset:0}@keyframes kh-solid{0%,8.1%{opacity:1}8.15%,28.9%{opacity:0}29%,to{opacity:1}}.kh-mark-a{clip-path:polygon(0 0,58.3% 0,42.3% 100%,0 100%);animation:5s .8s infinite both kh-piece-a}.kh-mark-b{clip-path:polygon(57.9% 0,100% 0,100% 100%,41.9% 100%);animation:5s .8s infinite both kh-piece-b}@keyframes kh-piece-a{0%,8.1%{opacity:0;transform:none}8.15%{opacity:1;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:none}12%{transform:translate(-.116em,.058em)rotate(-.45deg)}20%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(-.137em,.067em)rotate(-.55deg)}28.9%{opacity:1;transform:none}29%,to{opacity:0;transform:none}}@keyframes kh-piece-b{0%,8.1%{opacity:0;transform:none}8.15%{opacity:1;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:none}12%{transform:translate(.116em,-.058em)rotate(.45deg)}20%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(.137em,-.067em)rotate(.55deg)}28.9%{opacity:1;transform:none}29%,to{opacity:0;transform:none}}.kh-slash,.kh-seam{pointer-events:none;transform:translate(-50%, -50%) rotate(var(--kh-cut-angle));position:absolute;top:50%;left:50%}.kh-slash{width:calc(var(--kh-seam) * 1.55);height:.12em}.kh-slash i{transform-origin:0;opacity:0;border-radius:999px;width:100%;position:absolute;top:50%;left:0}.kh-slash-halo{background:linear-gradient(90deg,#0000,#d4ff0052 22% 78%,#0000);height:.12em;margin-top:-.06em;animation:5s .8s infinite both kh-slash-halo}.kh-slash-core{background:linear-gradient(90deg,#0000,#fff 16% 84%,#0000);height:max(2px,.022em);margin-top:calc(max(2px,.022em)/-2);animation:5s .8s infinite both kh-slash-core}.kh-slash .kh-slash-tip{background:#fff;width:.16em;height:.05em;margin-top:-.025em;animation:5s .8s infinite both kh-slash-tip;box-shadow:0 0 0 .012em #d4ff00e6}@keyframes kh-slash-core{0%,5.9%{opacity:0;transform:scaleX(0)}6%{opacity:1;animation-timing-function:cubic-bezier(.7,0,.3,1);transform:scaleX(0)}8.6%{opacity:1;transform:scaleX(1)}9.6%{opacity:1;animation-timing-function:ease-out;transform:scaleX(1)}13%,to{opacity:0;transform:scaleX(1)}}@keyframes kh-slash-halo{0%,5.9%{opacity:0;transform:scaleX(0)}6%{opacity:1;animation-timing-function:cubic-bezier(.7,0,.3,1);transform:scaleX(0)}8.6%{opacity:1;animation-timing-function:ease-out;transform:scaleX(1)}11.5%,to{opacity:0;transform:scaleX(1)}}@keyframes kh-slash-tip{0%,5.9%{opacity:0;transform:translate(-.08em)}6%{opacity:1;animation-timing-function:cubic-bezier(.7,0,.3,1);transform:translate(-.08em)}8.6%{opacity:1;transform:translateX(calc(var(--kh-seam) * 1.55 - .08em))}9.4%,to{opacity:0;transform:translateX(calc(var(--kh-seam) * 1.55 - .08em))}}.kh-seam{width:var(--kh-seam);background:var(--kt-accent);opacity:0;border-radius:999px;height:max(1.5px,.012em);animation:5s .8s infinite both kh-seam}@keyframes kh-seam{0%,8.4%{opacity:0}9.6%{opacity:.95}20%{opacity:.7;animation-timing-function:ease-in}27%,to{opacity:0}}.kh-sparks{pointer-events:none;width:0;height:0;position:absolute;top:100%;left:41%}.kh-sparks i{background:var(--kt-accent);opacity:0;border-radius:999px;width:.042em;height:.042em;margin:-.021em;animation:5s .8s infinite both kh-spark;position:absolute;top:0;left:0}.kh-sparks i:first-child{--dx:-.36em;--dy:.2em}.kh-sparks i:nth-child(2){--dx:-.2em;--dy:.32em;background:#fff}.kh-sparks i:nth-child(3){--dx:-.46em;--dy:.06em}.kh-sparks i:nth-child(4){--dx:-.08em;--dy:.38em}.kh-sparks i:nth-child(5){--dx:.12em;--dy:.3em;background:#fff}.kh-sparks i:nth-child(6){--dx:-.3em;--dy:-.04em}.kh-sparks i:nth-child(7){--dx:.24em;--dy:.16em}@keyframes kh-spark{0%,8.3%{opacity:0;transform:translate(0)scale(1)}8.7%{opacity:1;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translate(0)scale(1.2)}18%,to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.2)}}.kh-hero .kt-strips{margin-top:30px;-webkit-mask-image:none;mask-image:none}.kh-hero .kt-strips:before,.kh-hero .kt-strips:after{content:"";z-index:3;pointer-events:none;width:9%;position:absolute;top:0;bottom:0}.kh-hero .kt-strips:before{background:linear-gradient(90deg, var(--kt-bg), transparent);left:0}.kh-hero .kt-strips:after{background:linear-gradient(270deg, var(--kt-bg), transparent);right:0}.kt-home .kt-strip-name{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0e0e10c7}.kt-home[data-onscreen=false] :is(.kh-mark,.kh-mark-ghost,.kh-mark-piece,.kh-slash i,.kh-seam,.kh-sparks i,.kh-frame,.kt-strip-track){animation-play-state:paused}@container kt-home (max-width:759px){.kt-hero.kh-hero{padding:24px 18px 26px}.kh-mark{font-size:16cqw}.kh-band{height:64cqw;margin-top:18px}.kh-frames-right{display:none}.kh-frames-left{perspective:none;width:100%;left:0;right:auto;transform:none}.kh-frames-left .kh-frame:first-child{width:34cqw;top:1cqw;left:calc(50% - 17cqw);right:auto;transform:none}.kh-frames-left .kh-frame:nth-child(2){width:27cqw;top:9cqw;left:calc(50% - 41cqw);right:auto;transform:rotate(-8deg)}.kh-frames-left .kh-frame:nth-child(3){width:27cqw;top:9cqw;left:calc(50% + 14cqw);right:auto;transform:rotate(8deg)}.kh-frame{border-radius:18px}.kh-frame>img,.kh-frame>video{border-radius:14px;width:calc(100% - 8px);height:calc(100% - 8px);inset:4px}.kh-hero .kt-strips{margin-top:22px}}@media (max-width:640px){.kt-home-slot{margin:0 12px;padding-bottom:20px}.kt-home-slot>.nanta-deferred-skeleton,.kt-root.kt-home{border-radius:20px}.kt-root.kt-home{contain-intrinsic-size:auto 780px}}@media (prefers-reduced-motion:reduce){.kh-mark,.kh-mark-ghost,.kh-mark-piece,.kh-slash i,.kh-seam,.kh-sparks i,.kh-frame{animation:none}.kh-slash,.kh-seam,.kh-sparks{display:none}.kh-frames{transition:none}}
.nanta-renoise-hero{--nrh-accent:#dcf806;--nrh-radius:28px;--nrh-peek:300px;--nrh-ease:cubic-bezier(.4, 0, .1, 1);--nrh-dur:.84s;color:#fff;background:0 0;border-radius:0;margin:0 8px;padding:8px 4px 18px;overflow:visible}.nanta-renoise-hero-viewport{border-radius:var(--nrh-radius);touch-action:pan-y;width:100%;height:clamp(420px,48vw,560px);position:relative;overflow:hidden}.nanta-renoise-hero-card.lite-in-next{animation:.42s cubic-bezier(.22,1,.36,1) both nrh-lite-in-next}.nanta-renoise-hero-card.lite-in-prev{animation:.42s cubic-bezier(.22,1,.36,1) both nrh-lite-in-prev}@keyframes nrh-lite-in-next{0%{opacity:.4;transform:translate(22%)}to{opacity:1;transform:none}}@keyframes nrh-lite-in-prev{0%{opacity:.4;transform:translate(-22%)}to{opacity:1;transform:none}}.nanta-renoise-hero-card{isolation:isolate;border-radius:var(--nrh-radius);height:100%;color:inherit;text-align:left;cursor:default;background:#111;border:none;padding:0;text-decoration:none;transition:none;display:block;position:absolute;top:0;overflow:hidden}.nanta-renoise-hero.is-ready:not(.is-lite) .nanta-renoise-hero-card{will-change:left, width, opacity;transition:left var(--nrh-dur) var(--nrh-ease), width var(--nrh-dur) var(--nrh-ease), opacity calc(var(--nrh-dur) * .7) var(--nrh-ease)}.nanta-renoise-hero.is-lite .nanta-renoise-hero-card{will-change:auto;transition:none}.nanta-renoise-hero-card.is-main{width:calc(100% - var(--nrh-peek) - 4px);opacity:1;z-index:2;pointer-events:auto;left:0}.nanta-renoise-hero-card.is-peek{left:calc(100% - var(--nrh-peek));width:var(--nrh-peek);opacity:1;z-index:1;pointer-events:auto;cursor:pointer}.nanta-renoise-hero-card.is-past{left:calc(var(--nrh-peek) - 100%);width:calc(100% - var(--nrh-peek) - 4px);opacity:1;z-index:1;pointer-events:none}.nanta-renoise-hero-card.is-off{width:var(--nrh-peek);opacity:0;z-index:0;pointer-events:none;left:calc(100% + 4px)}.nanta-renoise-hero.is-ready:not(.is-lite) .nanta-renoise-hero-card.is-off{transition:left 0s linear var(--nrh-dur), width 0s linear var(--nrh-dur), opacity calc(var(--nrh-dur) * .5) var(--nrh-ease)}.nanta-renoise-hero-media{z-index:0;position:absolute;inset:0}.nanta-renoise-hero-media img,.nanta-renoise-hero-media video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.nanta-renoise-hero-video{opacity:0;pointer-events:none;transform:translateZ(0)}.nanta-renoise-hero-video.is-on{opacity:1}.nanta-renoise-hero-shade{z-index:1;pointer-events:none;background:linear-gradient(#00000073 0%,#0000 38%),linear-gradient(#0000 58%,#0000008c 100%);position:absolute;inset:0}.nanta-renoise-hero-copy{z-index:2;letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 2px 18px #00000059;max-width:min(92%,720px);margin:0;font-size:clamp(1.55rem,2.6vw,2.55rem);font-weight:800;line-height:1.12;transition:none;position:absolute;top:28px;left:28px;right:28px}.nanta-renoise-hero.is-ready .nanta-renoise-hero-copy{transition:font-size var(--nrh-dur) var(--nrh-ease)}.nanta-renoise-hero-card.is-peek .nanta-renoise-hero-copy{font-size:clamp(1.05rem,1.5vw,1.45rem);top:22px;left:20px;right:16px}.nanta-renoise-hero-accent{color:#fff;display:block}.nanta-renoise-hero-accent.is-accent{color:var(--nrh-accent)}.nanta-renoise-hero-rest{color:#fff;white-space:pre-line;display:block}.nanta-renoise-hero-card.no-copy .nanta-renoise-hero-shade{background:linear-gradient(#0000 60%,#00000080 100%)}.nanta-renoise-hero-dock{--gx:28%;--gy:0%;z-index:3;isolation:isolate;-webkit-backdrop-filter:blur(22px)saturate(1.8)brightness(1.04);backdrop-filter:blur(22px)saturate(1.8)brightness(1.04);opacity:0;pointer-events:none;background:linear-gradient(#ffffff29 0%,#ffffff0f 50%,#ffffff08 100%),#1414184d;border-radius:999px;align-items:center;gap:10px;width:min(720px,100% - 40px);padding:7px 7px 7px 8px;transition:opacity .2s,transform .2s,background-color .2s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)translateY(12px)scale(.965);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #ffffff0f,0 18px 44px -14px #0009,0 2px 6px #00000029}.nanta-renoise-hero-dock:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(130px 70px at var(--gx) var(--gy), #ffffffd9, transparent 70%), linear-gradient(135deg, #ffffff9e 0%, #ffffff24 26%, #ffffff0d 56%, #ffffff42 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.nanta-renoise-hero-dock:after{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 36%,#ffffff29 48%,#ffffff0d 56%,#0000 66%) 120% 0/260% 100%;position:absolute;inset:0}.nanta-renoise-hero-card.is-main .nanta-renoise-hero-dock{opacity:1;pointer-events:auto;transition:opacity .34s .16s,transform .52s cubic-bezier(.22,1.18,.36,1) .16s,background-color .2s;transform:translate(-50%)}.nanta-renoise-hero-card.is-main .nanta-renoise-hero-dock:after{animation:1.15s cubic-bezier(.22,1,.36,1) .34s both nrh-glass-sheen}.nanta-renoise-hero-dock:focus-within{background-color:#1414186b}@keyframes nrh-glass-sheen{0%{opacity:0;background-position:120% 0}18%{opacity:1}to{opacity:0;background-position:-40% 0}}.nanta-renoise-hero-add{color:#fff;cursor:pointer;background:linear-gradient(#ffffff38,#ffffff14);border:none;border-radius:999px;flex:none;place-items:center;width:38px;height:38px;transition:transform .16s,background .16s;display:grid;box-shadow:inset 0 1px #ffffff57,inset 0 0 0 .5px #ffffff29,0 2px 8px #0000002e}.nanta-renoise-hero-add:hover{background:linear-gradient(#ffffff4d,#ffffff1f)}.nanta-renoise-hero-add:active{transform:scale(.92)}.nanta-renoise-hero-input{color:#fff;text-shadow:0 1px 2px #0000004d;background:0 0;border:none;outline:none;flex:auto;min-width:0;font-size:.95rem;font-weight:500}.nanta-renoise-hero-input::placeholder{color:#fff9}.nanta-renoise-hero-cta{background:linear-gradient(180deg, #ecff5c 0%, var(--nrh-accent) 52%, #c9e300 100%);color:#111;white-space:nowrap;cursor:pointer;border:none;border-radius:999px;flex:none;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .16s,filter .16s;display:inline-flex;box-shadow:inset 0 1px #fff9,inset 0 -1px #0000001a,0 6px 18px -6px #dcf80680}.nanta-renoise-hero-cta:hover{filter:brightness(1.05)}.nanta-renoise-hero-cta:active{transform:scale(.96)}@media (max-width:1023px){.nanta-renoise-hero-dock{background:linear-gradient(#404046bd 0%,#1e1e22d1 100%)}}@media (prefers-reduced-motion:reduce){.nanta-renoise-hero-dock,.nanta-renoise-hero-card.is-main .nanta-renoise-hero-dock{transition:opacity .2s;transform:translate(-50%)}.nanta-renoise-hero-card.is-main .nanta-renoise-hero-dock:after,.nanta-renoise-hero-card.lite-in-next,.nanta-renoise-hero-card.lite-in-prev{animation:none}}.nanta-renoise-hero-dots{justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.nanta-renoise-hero-dot{cursor:pointer;background:#ffffff47;border:none;border-radius:999px;width:7px;height:7px;padding:0;transition:width .2s,background .2s}.nanta-renoise-hero-dot.is-active{background:#fff;width:22px}@media (max-width:1100px){.nanta-renoise-hero{--nrh-peek:240px}}@media (max-width:900px){.nanta-renoise-hero{--nrh-peek:0px;--nrh-dur:.28s;margin:0;padding:8px 12px 16px}.nanta-renoise-hero-card{will-change:auto}.nanta-renoise-hero-dock{-webkit-backdrop-filter:none;backdrop-filter:none}.nanta-renoise-hero-viewport{border-radius:22px;height:min(62vw,420px);min-height:320px}.nanta-renoise-hero-card{border-radius:22px}.nanta-renoise-hero-card.is-main{width:100%;left:0}.nanta-renoise-hero-card.is-peek,.nanta-renoise-hero-card.is-off{opacity:0;pointer-events:none;width:100%;left:calc(100% + 8px)}.nanta-renoise-hero-card.is-past{width:100%;left:calc(-100% - 8px)}.nanta-renoise-hero-copy{font-size:clamp(1.35rem,6vw,1.85rem);top:20px;left:18px;right:18px}.nanta-renoise-hero-dock{gap:8px;width:calc(100% - 24px);padding:6px 6px 6px 10px;bottom:14px}.nanta-renoise-hero-input{font-size:.82rem}.nanta-renoise-hero-cta{height:38px;padding:0 12px;font-size:.8rem}.nanta-renoise-hero-cta span{text-overflow:ellipsis;max-width:9.5ch;overflow:hidden}}@media (max-width:640px){.nanta-renoise-hero{padding:4px 0 12px}.nanta-renoise-hero-viewport{border-radius:18px;height:min(72vw,320px);min-height:228px}.nanta-renoise-hero-card{border-radius:18px}.nanta-renoise-hero-card.is-main .nanta-renoise-hero-dock{transition-delay:0s}.nanta-renoise-hero-copy{max-width:100%;max-height:calc(100% - 72px);font-size:clamp(1.02rem,5vw,1.28rem);top:12px;left:12px;right:12px;overflow:hidden}.nanta-renoise-hero-dock{border-radius:999px;flex-direction:row;align-items:center;gap:6px;width:calc(100% - 20px);padding:3px;display:flex;bottom:10px;left:50%}.nanta-renoise-hero-input{height:28px;min-height:0;padding:0 2px;font-size:13px;line-height:28px}.nanta-renoise-hero-input:focus{font-size:16px}.nanta-renoise-hero-add{width:28px;height:28px}.nanta-renoise-hero-add svg{width:15px;height:15px}.nanta-renoise-hero-cta{justify-content:center;gap:5px;width:auto;height:28px;padding:0 11px 0 9px;font-size:11.5px;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000001a}.nanta-renoise-hero-cta svg{width:13px;height:13px}.nanta-renoise-hero-cta span{text-overflow:ellipsis;max-width:12ch;overflow:hidden}.nanta-renoise-hero-dots{gap:10px;margin-top:10px}.nanta-renoise-hero-dot{width:8px;min-width:8px;height:8px;min-height:8px}.nanta-renoise-hero-dot.is-active{width:24px}}
.hsp{color:#fff;width:100%;margin:0;padding:18px 16px 44px}.hsp-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.hsp-head h2{letter-spacing:-.03em;margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:760}.hsp-head p{color:#ebebf58c;margin:6px 0 0;font-size:14px;line-height:1.5}.hsp-all{-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);color:#fff;cursor:pointer;background:#76768033;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;height:38px;padding:0 14px 0 16px;font-size:13.5px;font-weight:650;transition:transform .16s,background .16s;display:inline-flex;box-shadow:inset 0 0 0 .5px #ffffff1f}.hsp-all svg{transition:transform .28s cubic-bezier(.22,1,.36,1)}.hsp-all.is-open svg{transform:rotate(180deg)}.hsp-all:hover{background:#7676804d}.hsp-all:active{transform:scale(.97)}.hsp-grid{flex-direction:column;gap:10px;display:flex}.hsp-row{gap:10px;min-width:0;display:flex}.hsp-row>.hsp-skeleton{flex:1;height:100%}.hsp-card,.hsp-skeleton{background:#151517;border-radius:16px;min-width:0;height:100%;margin:0;display:block;position:relative;overflow:hidden}.hsp-card{cursor:pointer;isolation:isolate;border:0;padding:0;box-shadow:inset 0 0 0 .5px #ffffff0f}.hsp-card:focus-visible{outline-offset:2px;outline:2px solid #d4ff00}.hsp-card video,.hsp-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.hsp-card:hover video,.hsp-card:hover img{transform:scale(1.04)}.hsp-card-title{z-index:1;-webkit-backdrop-filter:blur(14px)saturate(170%);backdrop-filter:blur(14px)saturate(170%);color:#fff;letter-spacing:-.005em;text-align:left;-webkit-line-clamp:2;background:#16161880;border-radius:11px;-webkit-box-orient:vertical;max-width:calc(100% - 20px);max-height:calc(2.6em + 12px);padding:6px 11px;font-size:12.5px;font-weight:650;line-height:1.3;transition:background .2s;display:-webkit-box;position:absolute;bottom:10px;left:10px;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff24}.hsp-card:hover .hsp-card-title{background:#161618ad}.hsp-skeleton{animation:1.4s ease-in-out infinite hsp-pulse}@keyframes hsp-pulse{50%{opacity:.55}}.hsp-modal{z-index:12000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hsp-modal-scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:#000000b8;border:0;position:absolute;inset:0}.hsp-modal-panel{color:#fff;background:#141416;border-radius:24px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);width:min(1080px,100%);max-height:min(86dvh,760px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 120px #0009,inset 0 0 0 .5px #ffffff14}.hsp-modal-panel.is-portrait{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);width:min(920px,100%)}.hsp-modal-x{z-index:2;color:#fff;cursor:pointer;background:#7676804d;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.hsp-modal-media{background:#000;place-items:center;min-height:0;display:grid}.hsp-modal-media video{object-fit:contain;background:#000;width:100%;height:100%;max-height:min(86vh,760px)}.hsp-modal-side{flex-direction:column;gap:10px;min-height:0;padding:26px 22px 20px;display:flex;overflow-y:auto}.hsp-modal-side h3{letter-spacing:-.02em;margin:0;padding-right:36px;font-size:20px;font-weight:720}.hsp-modal-meta{color:#ebebf580;flex-wrap:wrap;gap:4px 12px;margin:0;font-size:12.5px;display:flex}.hsp-modal-meta a{color:#ebebf5bf}.hsp-modal-desc{color:#ebebf5b8;margin:0;font-size:13.5px;line-height:1.5}.hsp-modal-k{color:#ebebf573;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 0;font-size:11px;font-weight:650}.hsp-modal-prompt{color:#ebebf5d6;white-space:pre-wrap;overflow-wrap:anywhere;background:#0b0b0c;border-radius:14px;flex:1;min-height:120px;max-height:340px;margin:0;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;overflow-y:auto}.hsp-modal-actions{gap:8px;margin-top:4px;display:flex}.hsp-btn{cursor:pointer;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;height:44px;font-size:14px;font-weight:700;transition:transform .16s,background .16s;display:inline-flex}.hsp-btn:active{transform:scale(.97)}.hsp-btn.is-ghost{color:#fff;background:#2a2a2d}.hsp-btn.is-primary{color:#0b0d02;background:#d4ff00}.hsp-btn.is-primary:hover{background:#e3ff4d}@media (max-width:900px){.hsp-modal{align-items:end;padding:0}.hsp-modal-panel,.hsp-modal-panel.is-portrait{border-radius:24px 24px 0 0;grid-template-columns:minmax(0,1fr);width:100%;max-height:94dvh;overflow-y:auto}.hsp-modal-media video{max-height:52vh}.hsp-modal-side{padding-bottom:0;overflow:visible}.hsp-modal-actions{padding:12px 22px calc(12px + env(safe-area-inset-bottom,0px));background:#141416;margin:4px -22px 0;position:sticky;bottom:0;box-shadow:0 -.5px #54545899}}@media (max-width:560px){.hsp-head{flex-direction:column;align-items:flex-start}.hsp{padding:12px 12px 32px}.hsp-head{gap:12px}.hsp-card,.hsp-skeleton{border-radius:14px}.hsp-card-title{max-width:calc(100% - 14px);max-height:calc(2.6em + 10px);padding:5px 9px;font-size:11.5px;bottom:7px;left:7px}}.hsp-reels{grid-template-columns:repeat(var(--hsp-reels,8), minmax(0, 1fr));gap:10px;display:grid}.hsp-card.is-reel{aspect-ratio:9/16;height:auto}@media (max-width:900px){.hsp-reels{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:560px){.hsp-reels{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:40%;grid-auto-flow:column;margin-inline:-12px;padding-inline:12px;scroll-padding-inline:12px;display:grid;overflow-x:auto}.hsp-reels::-webkit-scrollbar{display:none}.hsp-reels>.hsp-card{scroll-snap-align:start}}
