.cl-stage{position:relative}.cl-screen{position:absolute;inset:9% 9% 10%;overflow:hidden;background:var(--object);border-radius:var(--r-lg,24px);box-shadow:var(--shadow);container-type:size;--cl-fs:clamp(12px,1.6cqw,14px);--cl-line:55%;--cl-paper:var(--surface,#f0f0ef);color:var(--ink)}.cl-site{position:absolute;inset:0}.cl-face{display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;padding:clamp(16px,5cqw,40px) clamp(18px,6cqw,48px)}.cl-nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.cl-links{display:flex;align-items:center;gap:clamp(8px,3.4cqw,28px)}.cl-screen .cl-title{margin:0;font:600 min(16cqw,24cqh)/.9 var(--font);letter-spacing:-.05em;color:var(--ink)}.cl-title>span{display:block}.cl-stop{color:var(--accent)}.cl-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.cl-screen .cl-sub{margin:0;color:var(--ink-2);white-space:nowrap}.cl-cover{position:absolute;left:0;right:0;display:block;background:var(--ink);will-change:transform}.cl-top{top:0;height:var(--cl-line);transform-origin:50% 0}.cl-bot{bottom:0;height:calc(100% - var(--cl-line));transform-origin:50% 100%}.cl-progress{position:absolute;left:0;right:0;top:var(--cl-line);height:0;font:500 var(--cl-fs)/1 var(--font);color:var(--cl-paper)}.cl-dash{position:absolute;left:0;right:0;top:-.75px;height:1.5px;display:block;background:repeating-linear-gradient(90deg,var(--cl-paper) 0 6px,transparent 6px 11px);opacity:.75}.cl-solid{position:absolute;left:0;top:-.75px;height:1.5px;width:calc(4% + 1.275em);display:block;background:var(--cl-paper)}.cl-cutter{position:absolute;left:0;top:0;width:100%;height:0;will-change:transform}.cl-progress{--cl-sw:3.4em;--cl-pivot:1.275em;--cl-edge:clamp(12px,1.4cqw,20px)}.cl-scissors{position:absolute;left:0;top:-1.02em;width:var(--cl-sw);height:2.04em;overflow:visible;fill:none;stroke:var(--cl-paper);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cl-scissors .cl-pin{fill:var(--cl-paper);stroke:none}.cl-count{display:inline-flex;font:500 1em/1 var(--mono);font-variant-numeric:tabular-nums}.cl-win{display:block;height:1.3em;overflow:hidden}.cl-strip{display:block;will-change:transform}.cl-strip>span{display:block;height:1.3em;line-height:1.3em;text-align:center;width:.75em}.cl-progress .cl-count{position:absolute;left:clamp(12px,1.4cqw,20px);bottom:.75em}.cl-label{position:absolute;right:clamp(12px,1.4cqw,20px);bottom:.9em;display:flex;align-items:center;gap:.9em;letter-spacing:.06em;text-transform:uppercase;font-size:.86em;white-space:nowrap}.cl-arrows{display:flex;gap:1px}.cl-arrows i{display:block;width:0;height:0;border-left:.42em solid var(--cl-paper);border-top:.26em solid transparent;border-bottom:.26em solid transparent}.cl-dots{position:absolute;left:0;right:0;bottom:5%;display:flex;justify-content:center;gap:clamp(6px,1cqw,10px)}.cl-dots i{display:block;width:clamp(6px,.9cqw,10px);aspect-ratio:1;border-radius:50%;background:var(--cl-paper);opacity:.85;will-change:translate}.cl-dots i:first-child{border-radius:1px;rotate:45deg;scale:.85}.cl-only-count{background:transparent;box-shadow:none}.cl-solo{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(40px,16cqw,140px);color:var(--ink);letter-spacing:-.02em}.cl-solo .cl-strip>span{width:.68em}@container (aspect-ratio < 1){.cl-screen .cl-title{font-size:min(24cqw,20cqh)}.cl-screen .cl-sub,.cl-links{display:none}}