@layer lab{@keyframes fit-ratio{0%{margin-block-end:-1lh;transform:scale(0)}}.fit-box.live{resize:horizontal;inline-size:260px;min-inline-size:90px;max-inline-size:100%;caret-color:var(--accent)}.fit-box.live>.line:focus{outline:none}@supports not (animation-timeline:view(inline)){.fit-box{font-size:1.6rem}.fit-box>.line{white-space:nowrap;text-overflow:ellipsis;inline-size:auto;animation:none;overflow:hidden}}.cap{color:var(--muted);font-size:11px;font-weight:600;font-family:var(--mono);margin:0 0 7px}.cap b{color:var(--ink)}.fit-box{scroll-snap-type:both mandatory;border:1px solid var(--line-strong);color:var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:16px;font-size:8rem;overflow:hidden}.fit-box>.line{transform-origin:0 0;scroll-snap-align:start;contain:layout;inline-size:max-content;line-height:1;font-family:var(--display);letter-spacing:-.02em;font-weight:600;animation:linear fit-ratio;animation-timeline:view(inline);animation-range:entry-crossing;display:block}.fit-box.preset{inline-size:260px}.fit-box.preset>.line+.line{margin-block-start:12px}.fit-box.preset>.line:first-child{color:var(--accent-deep)}.fit-box.preset>.line:nth-child(3){color:var(--accent)}@supports not (animation-timeline:view(inline)){.fit-box{font-size:1.6rem}.fit-box>.line{white-space:nowrap;text-overflow:ellipsis;inline-size:auto;animation:none;overflow:hidden}}}