.ho-screen{position:absolute;inset:9% 9% 10%;background:var(--object);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden;font:500 clamp(10px,1.4cqw,14px)/1.25 var(--font);letter-spacing:-.01em;color:var(--ink);container-type:size}.ho-head{position:absolute;left:4.5%;right:4.5%;top:7%;display:flex;justify-content:space-between;align-items:center;z-index:2}.ho-logo{display:inline-flex;align-items:center;gap:3px}.ho-logo i{display:block;width:.95em;height:.95em;border-radius:50%;background:var(--ink)}.ho-logo i+i{border-radius:2px}.ho-logo b{font-weight:600;margin-left:.45em;letter-spacing:-.02em}.ho-nav{display:flex;gap:1.6em;color:var(--ink-2)}.ho-nav span:first-child{color:var(--ink)}.ho-page{position:absolute;inset:0}.ho-page[hidden]{display:none}.ho-m{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.ho-l{display:block;white-space:nowrap;will-change:transform}.ho-k{color:var(--ink-3);font-size:.78em;letter-spacing:.08em;text-transform:uppercase}.ho-rule{display:block;height:1px;background:var(--ink);opacity:.9;transform-origin:left center}.ho-row{display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding:.55em 0}.ho-row .ho-v{text-align:right}.ho-title{margin:0 0 .4em;font-weight:500;font-size:3.1em;line-height:1.02;letter-spacing:-.035em}.ho-go{display:block;margin-top:1.4em;border:0;background:none;padding:0;font:inherit;color:var(--ink);cursor:pointer;text-align:left}.ho-go .ho-l{display:inline-block}.ho-go b{font-weight:400;color:var(--accent)}.ho-go:hover .ho-l{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}.ho-go:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:4px}.ho-info{position:absolute;left:6%;top:21%;width:36%}.ho-disc{position:absolute;right:9%;top:47%;width:min(40cqw,62cqh);aspect-ratio:1;transform-origin:center;translate:0 -50%;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hair);display:grid;place-items:center}.ho-disc i{width:17%;aspect-ratio:1;border-radius:50%;background:var(--object);box-shadow:0 0 0 1px var(--hair)}.ho-disc:after{content:"";position:absolute;inset:14%;border-radius:50%;box-shadow:inset 0 0 0 1px var(--hair)}.ho-notes{position:absolute;left:6%;bottom:8%;display:flex;gap:3em}.ho-note{display:grid;gap:.3em;min-width:12em}.ho-note .ho-m:nth-child(n+3) .ho-l{font-size:1.05em}.ho-stars{display:flex;gap:.3em;padding:.15em 0}.ho-stars i{width:.5em;height:.5em;border-radius:50%;background:var(--ink)}.ho-disc--small{right:6%;top:24%;width:min(13cqw,20cqh);translate:0 0}.ho-detail{position:absolute;left:46%;top:23%;width:34%}.ho-copy{margin:0 0 1.4em;font-size:.95em;line-height:1.35;color:var(--ink-2)}.ho-title--xl{position:absolute;left:6%;bottom:6%;margin:0;font-size:6.2em;line-height:1;letter-spacing:-.045em}.ho-title--xl .ho-m{padding-bottom:.14em;margin-bottom:-.14em}.ho-stage .cr-hint{left:50%;right:auto;translate:-50% 0;width:max-content;bottom:3.2%;color:var(--ink-3)}.ho-hand{position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #ffffffe6,0 6px 16px #17181a2e;opacity:0;pointer-events:none;z-index:8;display:none;transition:scale .16s var(--spring)}.ho-stage[data-preview=true] .ho-hand{display:block}.ho-hand.is-down{scale:.8}@container (aspect-ratio<1){.ho-info{width:70%}.ho-disc{inset:auto auto 6% 50%;translate:-50% 0;width:52cqw}.ho-notes{display:none}.ho-detail{left:6%;width:80%;top:22%}.ho-disc--small{display:none}.ho-title--xl{font-size:4em}}.ho-stage .ho-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ho-stage .ho-page:focus{outline:none}