.hpe{z-index:0;pointer-events:none;position:absolute;left:0;right:0;overflow:hidden}.hpe-grid{margin:0;font-size:0;line-height:0;display:grid;gap:0!important}.hpe-cell{box-sizing:border-box;width:calc(100% + 1px);height:calc(100% + 1px);margin:0 -1px -1px 0;display:block;border:none!important}@keyframes hpe-flick{0%,to{opacity:1}45%{opacity:var(--flick-dim)}}.hpe-cell.is-flick{animation:hpe-flick var(--flick-ms) ease-in-out}@keyframes hpe-born{0%{opacity:0;transform:scale(.15)}to{opacity:1;transform:none}}.hpe-cell.is-born{opacity:0;animation:.42s cubic-bezier(.2,.8,.3,1) both hpe-born}@media (prefers-reduced-motion:reduce){.hpe-cell.is-born{opacity:1;animation:none}}
.pxt{z-index:5;pointer-events:none;background:var(--pxt-from,#fff);backface-visibility:hidden;position:absolute;top:0;left:0;right:0;overflow:hidden;transform:translateY(-100%)}.pxt-grid{background:var(--pxt-from,#fff);justify-content:start;margin:0;font-size:0;line-height:0;display:grid;position:relative;gap:0!important}.pxt-cell{box-sizing:border-box;width:calc(100% + 1px);height:calc(100% + 1px);margin:0 -1px -1px 0;display:block;position:relative;box-shadow:none!important;border:none!important;outline:none!important}.pxt.is-solid,.pxt.is-solid .pxt-grid,.pxt.is-solid .pxt-cell{background:var(--pxt-solid,#fff)!important}@media (prefers-reduced-motion:reduce){.pxt{display:none}}
.stu{box-sizing:border-box;width:100%;padding:var(--reg-pad) var(--reg-rail);background:var(--n-ground)}.stu-in{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,72px);width:100%;max-width:1440px;margin:0 auto;display:grid}.stu-copy--l{text-align:right}.stu-copy--r{text-align:left}.stu-copy--l .stu-copyblock{margin-left:auto}.stu-copy--r .stu-copyblock{margin-right:auto}.stu-copy{flex-direction:column;display:flex}.stu-h{margin:0 0 clamp(18px,2.2vw,26px)}.stu-copyblock{align-self:start;width:100%;max-width:46ch}.stu-copyblock .reg-body{margin:0}.stu-fig{--cl:clamp(220px,24vw,360px);--sd:#00000021;--sl:#fffffff2;--sd-cast:#00000036;place-items:center;min-height:clamp(240px,32vh,360px);display:grid}.clock-face{width:var(--cl);height:var(--cl);background:var(--n-ground-2);box-shadow:14px 14px 30px var(--sd-cast),-12px -12px 24px var(--sl);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.clock-face:before{content:"";width:92%;height:92%;box-shadow:inset 8px 8px 16px var(--sd),inset -8px -8px 16px var(--sl);background:0 0;border-radius:50%;position:absolute}.marker{z-index:1;width:100%;height:100%;position:absolute}.marker-dot{background:var(--n-ground-2);width:6px;height:6px;box-shadow:inset 1px 1px 2px var(--sd),inset -1px -1px 2px var(--sl);border-radius:50%;position:absolute;top:5%;left:50%;transform:translate(-50%)}.marker-1{transform:rotate(30deg)}.marker-2{transform:rotate(60deg)}.marker-3{transform:rotate(90deg)}.marker-4{transform:rotate(120deg)}.marker-5{transform:rotate(150deg)}.marker-6{transform:rotate(180deg)}.marker-7{transform:rotate(210deg)}.marker-8{transform:rotate(240deg)}.marker-9{transform:rotate(270deg)}.marker-10{transform:rotate(300deg)}.marker-11{transform:rotate(330deg)}.marker-12{transform:rotate(360deg)}.marker-3 .marker-dot,.marker-6 .marker-dot,.marker-9 .marker-dot,.marker-12 .marker-dot{width:8px;height:8px}.number{z-index:2;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:calc(var(--cl) * .08);color:#cbd0ce;text-shadow:1px 1px 1px var(--sl),-1px -1px 1px var(--sd);font-weight:600;position:absolute;inset:0}.number span{transform:translateX(-50%) rotate(var(--anti,0deg));display:block;position:absolute;top:11%;left:50%}.number-1{transform:rotate(30deg)}.number-1 span{--anti:-30deg}.number-2{transform:rotate(60deg)}.number-2 span{--anti:-60deg}.number-3{transform:rotate(90deg)}.number-3 span{--anti:-90deg}.number-4{transform:rotate(120deg)}.number-4 span{--anti:-120deg}.number-5{transform:rotate(150deg)}.number-5 span{--anti:-150deg}.number-6{transform:rotate(180deg)}.number-6 span{--anti:-180deg}.number-7{transform:rotate(210deg)}.number-7 span{--anti:-210deg}.number-8{transform:rotate(240deg)}.number-8 span{--anti:-240deg}.number-9{transform:rotate(270deg)}.number-9 span{--anti:-270deg}.number-10{transform:rotate(300deg)}.number-10 span{--anti:-300deg}.number-11{transform:rotate(330deg)}.number-11 span{--anti:-330deg}.number-12{transform:rotate(360deg)}.number-12 span{--anti:-360deg}.hand{transform-origin:bottom;border-radius:10px 10px 0 0;position:absolute;bottom:50%;left:50%;box-shadow:2px 2px 5px #00000026}.hour-hand{width:8px;height:calc(var(--cl) * .167);animation:43200s linear infinite stu-hours;animation-delay:var(--sd-h,0s);z-index:5;background:#4f5450;transform:translate(-50%)rotate(0)}.minute-hand{width:6px;height:calc(var(--cl) * .267);animation:3600s linear infinite stu-minutes;animation-delay:var(--sd-m,0s);z-index:6;background:#828a85;transform:translate(-50%)rotate(0)}.second-hand{width:3px;height:calc(var(--cl) * .333);animation:60s steps(60,end) infinite stu-seconds;animation-delay:var(--sd-s,0s);z-index:7;background:#08ef83;transform:translate(-50%)rotate(0)}.clock-face.is-armed{opacity:0;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1);transform:scale(.9)translateY(24px)}.clock-face.is-armed.is-live{opacity:1;transform:none}.hand-spin{z-index:7;transform-origin:50%;position:absolute;inset:0}.clock-face.is-live .hand-spin{animation:2.4s cubic-bezier(.16,1,.3,1) both stu-sweep}@keyframes stu-sweep{0%{transform:rotate(-1080deg)}to{transform:rotate(0)}}.center-pin{background:var(--n-ground-2);z-index:10;width:20px;height:20px;box-shadow:inset 3px 3px 6px var(--sd),inset -3px -3px 6px var(--sl);border-radius:50%;position:absolute}.center-pin:after{content:"";background:#4f5450;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes stu-seconds{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}@keyframes stu-minutes{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}@keyframes stu-hours{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}@media (max-width:900px){.stu-in{grid-template-columns:1fr;gap:clamp(18px,4.5vw,28px)}.stu-copy--l,.stu-copy--r{text-align:center}.stu-copy--l .stu-copyblock,.stu-copy--r .stu-copyblock{margin:0 auto}.stu-h{margin-inline:auto}.stu-fig{margin-block:clamp(22px,6vw,40px)}.stu-copy--l{order:1}.stu-fig{order:2;min-height:0}.stu-copy--r{order:3}.stu-h{margin-bottom:clamp(10px,2.5vw,16px)}.stu{padding-bottom:calc(var(--reg-pad) / 2)}}@media (prefers-reduced-motion:reduce){.hand,.hand-spin{animation:none!important}.clock-face.is-armed{opacity:1;transition:none;transform:none}}
.stc{--stc-lift:100px;--stc-seam:260px;box-sizing:border-box;width:100%;padding:calc(var(--reg-pad) + var(--stc-lift)) var(--reg-rail) calc(var(--reg-pad) + var(--stc-seam))}@media (max-width:900px){.stc{--stc-lift:0px;--stc-seam:140px}}.snap-scroll>section.stc{--sec-ground:var(--p-mono-af-white)}.stc-stage{justify-content:center;width:100%;display:flex}.stc-win{--stc-cols:104;--stc-rows:16;--stc-fs:15px;--stc-pad:22px;--sd:#00000021;--sl:#fffffff2;--sd-cast:#00000036;--t-ink:var(--p-mono-ch-black);--t-mid:var(--p-mono-night);--t-dim:color-mix(in srgb,var(--p-mono-night) 52%,var(--p-mono-white));--t-edge:var(--p-mono-ch-white);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Consolas,Liberation Mono,monospace;font-size:var(--stc-fs);width:calc(var(--stc-cols) * 1ch + var(--stc-pad) * 2);border-radius:var(--radius-6);background:var(--p-mono-white);max-width:100%;box-shadow:14px 14px 30px var(--sd-cast),-12px -12px 24px var(--sl);border:0;flex-direction:column;display:flex;overflow:hidden}@media (max-width:1200px){.stc-win{--stc-cols:92}}@media (max-width:1000px){.stc-win{--stc-cols:80}}@media (max-width:860px){.stc-win{--stc-cols:72;--stc-fs:14px}}@media (max-width:740px){.stc-win{--stc-cols:64;--stc-fs:13px}}@media (max-width:600px){.stc-win{--stc-cols:40;--stc-rows:14;--stc-fs:13px;--stc-pad:16px}}@media (max-width:430px){.stc-win{--stc-fs:11px}}@media (max-width:370px){.stc-win{--stc-fs:10px;--stc-pad:12px}}.stc-top{height:38px;padding:0 var(--stc-pad);border-bottom:1px solid var(--t-edge);flex:none;align-items:center;gap:12px;font-family:inherit;font-size:11px;display:flex}.stc-dots{gap:6px;display:inline-flex}.stc-dots i{background:var(--p-mono-white);width:9px;height:9px;box-shadow:inset 1px 1px 2px var(--sd),inset -1px -1px 2px var(--sl);border-radius:50%}.stc-title{letter-spacing:.02em;color:var(--t-mid)}.stc-shell{letter-spacing:.08em;color:var(--t-dim);border:1px solid var(--t-edge);border-radius:var(--radius-4);padding:2px 8px;font-size:10px;line-height:1.4}.stc-status{letter-spacing:.08em;text-transform:uppercase;color:var(--t-dim);align-items:center;gap:6px;margin-left:auto;font-size:10px;display:inline-flex}.stc-status i{background:var(--t-dim);border-radius:50%;width:6px;height:6px;animation:1.6s step-end infinite stc-blink}.stc-status.is-done{color:var(--t-ink)}.stc-status.is-done i{background:var(--t-ink);animation:none}.stc-mark{padding:16px var(--stc-pad) 12px;text-align:center;color:var(--p-brg);white-space:pre;border-bottom:1px solid var(--t-edge);flex:none;margin:0;font-family:inherit;line-height:1.02;overflow:hidden}.stc-mark--wide{font-size:calc(var(--stc-fs) * var(--stc-cols) / 66)}.stc-mark--compact{font-size:calc(var(--stc-fs) * var(--stc-cols) / 32);display:none}@media (max-width:600px){.stc-mark--wide{display:none}.stc-mark--compact{display:block}}.stc-log{height:calc(var(--stc-rows) * 1.45em);padding:12px var(--stc-pad) 14px;color:var(--t-mid);flex:none;line-height:1.45;overflow:hidden}.stc-line{white-space:pre;margin:0}@media (max-width:900px){.stc-line{white-space:pre-wrap;overflow-wrap:break-word}.stc-log{--stc-rows:18.3;height:calc(var(--stc-rows) * 1.45em);padding-bottom:12px}}@media (max-width:430px){.stc-log{--stc-rows:22}}.stc-ps1{color:var(--t-dim)}.stc-tag{min-width:8ch;color:var(--t-dim);display:inline-block}.stc-line--cmd,.stc-line--ok{color:var(--t-ink)}.stc-line--out{color:var(--t-mid)}.stc-line--gap{height:1.45em}.stc-caret{background:var(--t-ink);vertical-align:text-bottom;width:1ch;height:1.05em;margin-left:1px;animation:1.06s step-end infinite stc-blink;display:inline-block}@keyframes stc-blink{50%{opacity:0}}.stc-foot{padding:8px var(--stc-pad);border-top:1px solid var(--t-edge);letter-spacing:.06em;text-transform:uppercase;color:var(--t-dim);flex:none;justify-content:space-between;align-items:center;gap:16px;font-family:inherit;font-size:10px;display:flex}@media (max-width:600px){.stc-shell{display:none}}@media (prefers-reduced-motion:reduce){.stc-caret{display:none}.stc-status i{animation:none}}@media (max-width:900px){.stc-win{margin-top:-38px}}
