:root{--ht-font: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--ht-ink: #1d1d1f;--ht-ink-2: #3f3f45;--ht-muted: #6a6a70;--ht-canvas: #ffffff;--ht-panel: #f6f6f8;--ht-panel-2: #ececf0;--ht-fill: #e9e9ee;--ht-fill-hover: #dfdfe6;--ht-fill-press: #d3d3db;--ht-fill-line: #d2d2d9;--ht-fill-edge: #b3b3bd;--ht-line: #e1e1e6;--ht-line-2: #cfcfd6;--ht-accent: #0071e3;--ht-accent-hover: #0066cc;--ht-accent-press: #0057ad;--ht-accent-edge: #0059b5;--ht-accent-ink: #0058b0;--ht-accent-wash: #eef5fe;--ht-accent-line: #8dbcf0;--ht-ring: rgb(0 113 227 / .38);--ht-ok: #1d7a43;--ht-danger: #b4232c;--ht-danger-wash: #fdf0f1;--ht-danger-line: #efbcc0;--ht-r-sm: 5px;--ht-r: 7px;--ht-r-lg: 9px;--ht-ease: cubic-bezier(.22, 1, .36, 1);--ht-fast: .15s}.ht-page,.ht-page *,.ht-page *:before,.ht-page *:after{box-sizing:border-box}.ht-page{margin:0;background:var(--ht-canvas);color:var(--ht-ink);font:400 16px/1.6 var(--ht-font);-webkit-font-smoothing:antialiased}.ht-page [hidden]{display:none!important}.ht-page :is(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0}.ht-page img{max-width:100%}.ht-page .hx-icon,.ht-page svg.hx-icon{flex:none;vertical-align:middle}.ht-skip{position:absolute;left:-9999px}.ht-skip:focus{left:1rem;top:1rem;z-index:50;padding:.5rem 1rem;background:var(--ht-canvas);color:var(--ht-ink);border:1px solid var(--ht-line-2);border-radius:var(--ht-r)}.ht-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ht-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.ht-main a:not(.ht-button){color:var(--ht-accent-ink);text-decoration:underline;text-decoration-color:#0058b059;text-underline-offset:3px;transition:text-decoration-color var(--ht-fast) var(--ht-ease)}.ht-main a:not(.ht-button):hover{text-decoration-color:currentColor}.ht-main :focus-visible{outline:3px solid var(--ht-ring);outline-offset:2px}.ht-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border:1px solid var(--ht-fill-line);border-bottom-color:var(--ht-fill-edge);border-radius:var(--ht-r);background:var(--ht-fill);color:var(--ht-ink);font:600 14px/1.2 var(--ht-font);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--ht-fast) var(--ht-ease),border-color var(--ht-fast) var(--ht-ease),color var(--ht-fast) var(--ht-ease)}.ht-button:hover{background:var(--ht-fill-hover)}.ht-button:active{background:var(--ht-fill-press);border-top-color:var(--ht-fill-edge);border-bottom-color:var(--ht-fill-line)}.ht-button:focus-visible{outline:3px solid var(--ht-ring);outline-offset:2px}.ht-button:disabled{opacity:.55;cursor:progress}.ht-button--primary{border-color:var(--ht-accent);border-bottom-color:var(--ht-accent-edge);background:var(--ht-accent);color:#fff}.ht-button--primary:hover{background:var(--ht-accent-hover)}.ht-button--primary:active{background:var(--ht-accent-press);border-top-color:var(--ht-accent-edge)}.ht-button--sm{min-height:32px;padding:0 10px;font-size:13px}.ht-button .hx-icon{width:16px;height:16px}.ht-link{padding:0;border:0;background:none;color:var(--ht-accent-ink);font:600 14px/1.4 var(--ht-font);text-decoration:underline;text-decoration-color:#0058b059;text-underline-offset:3px;cursor:pointer}.ht-link:hover{text-decoration-color:currentColor}.ht-hero{padding:clamp(40px,6vw,72px) 0 clamp(20px,3vw,32px);background:var(--ht-panel);border-bottom:1px solid var(--ht-line)}.ht-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:end;gap:clamp(20px,5vw,64px)}.ht-hero h1{font:700 clamp(36px,5.2vw,60px)/1.04 var(--ht-font);letter-spacing:-.03em;text-wrap:balance}.ht-hero__copy p{max-width:56ch;color:var(--ht-ink-2);font-size:17px;line-height:1.6;text-wrap:pretty}.ht-hero__copy p+p{margin-top:12px}.ht-hero__more{color:var(--ht-muted)!important;font-size:15px!important}.ht-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:20px}.ht-hero__actions span{color:var(--ht-muted);font-size:14px}.ht-gallery{padding:clamp(20px,3vw,32px) 0 clamp(48px,7vw,80px)}.ht-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.ht-seg{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--ht-fill-line);border-radius:var(--ht-r);background:var(--ht-fill)}.ht-seg button{min-height:34px;padding:0 16px;border:1px solid transparent;border-radius:var(--ht-r-sm);background:transparent;color:var(--ht-ink-2);font:600 14px/1 var(--ht-font);cursor:pointer;transition:background-color var(--ht-fast) var(--ht-ease),color var(--ht-fast) var(--ht-ease)}.ht-seg button:hover{background:var(--ht-fill-hover);color:var(--ht-ink)}.ht-seg button[aria-pressed=true]{background:var(--ht-accent-wash);border-color:var(--ht-accent-line);border-bottom-color:var(--ht-accent);color:var(--ht-accent-ink);cursor:default}.ht-search{display:flex;align-items:center;flex:1 1 18rem;max-width:28rem;gap:6px;padding-left:10px;border:1px solid var(--ht-line-2);border-radius:var(--ht-r);background:var(--ht-canvas);transition:border-color var(--ht-fast) var(--ht-ease)}.ht-search:focus-within{border-color:var(--ht-accent);outline:3px solid var(--ht-ring)}.ht-search__icon{display:inline-flex;color:var(--ht-muted)}.ht-search input{flex:1;min-width:0;min-height:40px;border:0;background:transparent;color:var(--ht-ink);font:500 15px var(--ht-font)}.ht-search input:focus{outline:none}.ht-search .ht-button{min-height:34px;margin:3px}.ht-by{margin-bottom:16px;color:var(--ht-ink-2)}.ht-status{margin:12px 0 24px;color:var(--ht-ink-2)}.ht-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;margin:0;padding:0;list-style:none}.ht-card{display:grid;align-content:start;gap:12px;min-width:0;font-family:var(--ht-font, "DM Sans", system-ui, sans-serif)}.ht-card__picture{display:block;aspect-ratio:5 / 3;overflow:hidden;border:1px solid var(--ht-line, #e1e1e6);border-radius:var(--ht-r-lg, 9px);background:#111114;transition:border-color var(--ht-fast, .15s) var(--ht-ease, ease)}.ht-card__picture:hover{border-color:var(--ht-line-2, #cfcfd6)}.ht-card__picture img{display:block;width:100%;height:100%;object-fit:cover}.ht-card__swatch{display:grid;place-items:center;height:100%;padding:16px;font:700 18px/1.25 var(--ht-font, "DM Sans", sans-serif);text-align:center}.ht-card__meta{display:grid;gap:2px}.ht-card__name{font:650 17px/1.3 var(--ht-font, "DM Sans", sans-serif);overflow-wrap:anywhere}.ht-card__name a{color:var(--ht-ink, #1d1d1f)!important;text-decoration:none!important}.ht-card__name a:hover{color:var(--ht-accent-ink, #0058b0)!important}.ht-card__by,.ht-card__remix{color:var(--ht-muted, #6a6a70);font:500 14px/1.45 var(--ht-font, "DM Sans", sans-serif)}.ht-card__by a,.ht-card__remix a{color:var(--ht-ink-2, #3f3f45)!important}.ht-more{display:flex;justify-content:center;margin-top:36px}.ht-how{padding:clamp(48px,7vw,80px) 0;background:var(--ht-panel);border-top:1px solid var(--ht-line)}.ht-how h2,.ht-about h2{font:700 clamp(26px,3.2vw,36px)/1.15 var(--ht-font);letter-spacing:-.02em}.ht-lead{max-width:62ch;margin-top:10px!important;color:var(--ht-ink-2);font-size:17px}.ht-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px!important;padding:0;list-style:none}.ht-steps li{padding:18px;border:1px solid var(--ht-line);border-radius:var(--ht-r-lg);background:var(--ht-canvas)}.ht-steps h3{font:650 17px/1.3 var(--ht-font)}.ht-steps p{margin-top:8px;color:var(--ht-ink-2);font-size:15px;line-height:1.55}.ht-design{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:28px;padding:20px 22px;border:1px solid var(--ht-line);border-radius:var(--ht-r-lg);background:var(--ht-canvas)}.ht-design>div{flex:1 1 22rem}.ht-design h3{font:650 18px/1.3 var(--ht-font)}.ht-design p{max-width:62ch;margin-top:6px;color:var(--ht-ink-2);font-size:15px}.ht-links{margin-top:22px!important;color:var(--ht-muted);font-size:15px}.ht-detail{padding:clamp(20px,3vw,32px) 0 clamp(40px,6vw,64px)}.ht-back{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-bottom:16px;color:var(--ht-ink-2)!important;font:600 14px/1 var(--ht-font);text-decoration:none!important}.ht-back:hover{color:var(--ht-ink)!important}.ht-detail__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(19rem,1fr);align-items:start;gap:clamp(24px,4vw,48px)}.ht-preview{display:grid;gap:12px}.ht-screen{position:relative;aspect-ratio:5 / 3;overflow:hidden;border:1px solid #2a2c31;border-radius:var(--ht-r-lg);background:#0f141c}.ht-screen__still{display:block;width:100%;height:100%;object-fit:cover}.ht-screen__live{position:absolute;inset:0}.ht-screen__stage{position:absolute;left:0;top:0;width:800px;height:480px;transform-origin:0 0}.ht-screen__bar{display:flex;align-items:center;justify-content:flex-end;height:64px;padding:0 26px;border-bottom:2px solid #9da29e;background:#050807;color:#fff;font-size:32px}.ht-screen__render{position:absolute;left:0;top:64px;width:800px;height:416px}.ht-screen__wait{position:absolute;inset:auto 0 0;padding:10px 14px;background:#0f141cd9;color:#f5f5f7;font-size:14px}.ht-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.ht-controls__label{color:var(--ht-muted);font:600 13px/1 var(--ht-font)}.ht-knob{display:inline-flex;flex-wrap:wrap;gap:6px}.ht-controls__said{flex:1 1 100%;min-height:1.5em;color:var(--ht-ink-2);font-size:14px}.ht-info h1{font:700 clamp(30px,3.6vw,44px)/1.08 var(--ht-font);letter-spacing:-.025em;overflow-wrap:anywhere}.ht-info__by{margin-top:8px!important;color:var(--ht-ink-2);font-size:17px}.ht-info__remix{margin-top:4px!important;color:var(--ht-muted);font-size:15px}.ht-facts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-top:20px!important;border-block:1px solid var(--ht-line)}.ht-facts div{padding:12px 12px 12px 0}.ht-facts div+div{padding-left:12px;border-left:1px solid var(--ht-line)}.ht-facts dt{color:var(--ht-muted);font:600 13px/1.2 var(--ht-font)}.ht-facts dd{margin-top:4px;font:650 16px/1.3 var(--ht-font)}.ht-older{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:14px!important;padding:10px 12px;border:1px solid var(--ht-line);border-radius:var(--ht-r);background:var(--ht-panel);color:var(--ht-ink-2);font-size:14px}.ht-actions{margin-top:20px}.ht-license{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--ht-ink-2);font-size:14px}.ht-license select{min-height:36px;max-width:100%;padding:0 10px;border:1px solid var(--ht-line-2);border-radius:var(--ht-r);background:var(--ht-canvas);color:var(--ht-ink);font:500 14px var(--ht-font)}.ht-actions__buttons{display:flex;flex-wrap:wrap;gap:8px}.ht-actions__buttons .ht-button{min-height:44px}.ht-button.is-on{border-color:var(--ht-accent-line);background:var(--ht-accent-wash);color:var(--ht-accent-ink);cursor:default}.ht-button.is-on .hx-icon{color:var(--ht-accent)}.ht-button.is-gated{background:var(--ht-canvas)}.ht-gate{padding:2px 6px;border:1px solid var(--ht-line);border-radius:var(--ht-r-sm);background:var(--ht-panel);color:var(--ht-muted);font:600 12px/1.3 var(--ht-font)}.ht-result{margin-top:12px!important;padding:10px 12px;border:1px solid var(--ht-line);border-radius:var(--ht-r);background:var(--ht-panel);color:var(--ht-ink);font-size:15px;line-height:1.5}.ht-result.is-error{border-color:var(--ht-danger-line);background:var(--ht-danger-wash);color:var(--ht-danger)}.ht-note{margin-top:12px!important;color:var(--ht-muted);font-size:14px;line-height:1.5}.ht-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:20px;padding-top:16px;border-top:1px solid var(--ht-line)}.ht-share .ht-link,.ht-share a.ht-link{color:var(--ht-ink-2)!important;font-size:14px}.ht-share__done{color:var(--ht-ok);font-size:14px}.ht-history{margin-top:16px;color:var(--ht-ink-2)}.ht-history summary{cursor:pointer;font:600 14px var(--ht-font)}.ht-history__list{display:grid;gap:8px;margin-top:10px!important;padding:0;list-style:none}.ht-history__list li{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--ht-line);border-radius:var(--ht-r);font-size:14px}.ht-history__list li[aria-current=true]{border-color:var(--ht-accent-line);background:var(--ht-accent-wash)}.ht-history__when{font-weight:600;color:var(--ht-ink)}.ht-history__notes{color:var(--ht-muted);white-space:pre-line;overflow-wrap:anywhere}.ht-history__shown{color:var(--ht-accent-ink);font:600 12px/1.4 var(--ht-font)}.ht-history__list .ht-link{justify-self:start;font-size:13px}.ht-missing{padding:24px 0 48px}.ht-missing h1{font:700 clamp(28px,4vw,40px)/1.15 var(--ht-font)}.ht-missing p{margin-top:12px!important}.ht-about{padding:clamp(40px,6vw,64px) 0;background:var(--ht-panel);border-top:1px solid var(--ht-line)}.ht-about__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,4vw,48px)}.ht-about h3{font:650 17px/1.3 var(--ht-font)}.ht-prose{margin-top:12px;color:var(--ht-ink-2);font-size:16px;line-height:1.65;overflow-wrap:anywhere}.ht-prose p+p{margin-top:10px}.ht-muted{color:var(--ht-muted)}.ht-notes{padding:16px 18px;border:1px solid var(--ht-line);border-radius:var(--ht-r-lg);background:var(--ht-canvas)}.ht-sheet{position:fixed;inset:0;width:min(30rem,calc(100vw - 2rem));height:fit-content;max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow:auto;border:1px solid var(--ht-line-2);border-radius:var(--ht-r-lg);background:var(--ht-canvas);color:var(--ht-ink);font-family:var(--ht-font)}.ht-sheet::backdrop{background:#1d1d1f52}.ht-sheet__body{position:relative;display:grid;gap:14px;padding:22px}.ht-sheet h2{padding-right:32px;font:650 19px/1.3 var(--ht-font);overflow-wrap:anywhere}.ht-sheet p{color:var(--ht-ink-2);font-size:15px;line-height:1.55}.ht-sheet__actions{display:flex;flex-wrap:wrap;gap:8px}.ht-sheet__fine{color:var(--ht-muted)!important;font-size:13px!important}.ht-sheet__close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--ht-r);background:none;color:var(--ht-muted);cursor:pointer}.ht-sheet__close:hover{background:var(--ht-panel);color:var(--ht-ink)}.ht-start{min-height:56vh}.ht-start__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,56px)}.ht-start h1{margin-bottom:16px}.ht-start__shot img{display:block;width:100%;height:auto;border:1px solid var(--ht-line);border-radius:var(--ht-r-lg)}.hct{margin-top:clamp(3rem,6vw,4.5rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--meters-cut-on-body, #e1e1e6)}.hct__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}.hct__grid{margin:clamp(1.5rem,3vw,2rem) 0 0!important}.hct__head h3{color:var(--meters-vinyl, #f5f0ed);font:800 clamp(1.6rem,3vw,2.3rem)/1.05 var(--meters-font-display, var(--ht-font));letter-spacing:.01em;text-transform:uppercase}.hct__head h3 em{color:var(--meters-red-bright, #ff4d6d);font-style:normal}.hct__grid{margin-bottom:clamp(1.5rem,3vw,2rem)!important}.hct .ht-card__picture{border-color:var(--meters-cut-on-body, #3d3530)}.hct .ht-card__name a{color:var(--meters-vinyl, #f5f0ed)!important}.hct .ht-card__by,.hct .ht-card__remix{color:var(--meters-on-body-muted, #b0a69e)}@media(max-width:1080px){.ht-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-detail__grid{grid-template-columns:1fr}.hct__grid .ht-card:nth-child(n+5){display:none}}@media(max-width:760px){.ht-hero__grid,.ht-about__grid,.ht-start__grid,.ht-steps{grid-template-columns:1fr}.ht-hero{padding:28px 0 20px}.ht-hero__more{display:none}.ht-toolbar{flex-direction:column;align-items:stretch}.ht-seg{align-self:flex-start}.ht-search{flex:none;max-width:none}.ht-grid{gap:22px 12px}.ht-card__name{font-size:15px}.ht-card__by,.ht-card__remix{font-size:13px}.ht-actions__buttons>*{flex:1 1 9rem}.ht-sheet{margin:auto 0 0;width:100%;max-width:none;border-radius:var(--ht-r-lg) var(--ht-r-lg) 0 0}.ht-sheet__actions>*{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.ht-page *,.ht-card__picture{transition:none!important}}.hct .ht-card__by a,.hct .ht-card__remix a{color:inherit!important}
