.scr{position:relative;width:100%;max-width:var(--w,1100px);aspect-ratio:var(--ar,1100/700);border-radius:18px;background:#fbfaf8;isolation:isolate;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.22),0 8px 18px -6px rgba(0,0,0,.3),0 40px 90px -24px var(--tint),0 90px 160px -40px var(--tint2)}.scr:after{content:"";pointer-events:none;z-index:6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),inset 0 1px 0 rgba(255,255,255,.9)}.scr:after,.scr>.sc{position:absolute;inset:0;border-radius:inherit}.scr>.sc{overflow:hidden;background:#fbfaf8}.scr .sc>img,.scr .sc>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.scr .sc>video{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.scr .sc>video.on{opacity:1}.ph{flex:none;width:358px;padding:8px;border-radius:52px;background:#0c0c0e;box-shadow:inset 0 0 0 1.5px #2a2a2e,inset 0 0 0 3px #0c0c0e,0 1px 2px rgba(0,0,0,.3),0 10px 22px -8px rgba(0,0,0,.4),0 40px 90px -24px var(--tint),0 90px 160px -40px var(--tint2)}.ph,.ph .ps{position:relative}.ph .ps{border-radius:44px;overflow:hidden;background:#fbfaf8}.ph .ps img{display:block;width:342px;height:auto}.ph .ps:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);pointer-events:none}.d-only{display:block}.m-only{display:none!important}@media (max-width:760px){.d-only{display:none!important}.m-only,.ph.m-only{display:block!important}}.wk .wk-l{opacity:0;transform:translateY(8px)}.wk.go .wk-l{animation:wkIn .5s cubic-bezier(.32,.72,0,1) forwards;animation-delay:var(--t)}.wk.done .wk-l{opacity:1;transform:none}.wk.out .wk-l{opacity:0;transform:none;transition:opacity .5s}@keyframes wkIn{to{opacity:1;transform:none}}.wk .wk-dots{position:absolute;z-index:3;left:21.6%;top:21.4%;display:flex;gap:5px;opacity:0}.wk .wk-dots i{width:7px;height:7px;border-radius:50%;background:#b8b4ad}.wk.go .wk-dots{animation:wkDots 1s linear forwards}@keyframes wkDots{0%,10%{opacity:0}20%,80%{opacity:1}to{opacity:0}}.ab{width:380px;font-family:var(--font-outfit),system-ui,sans-serif;color:#1d1c1a;background:#fff;-webkit-font-smoothing:antialiased}.ab-h{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bt,#d9cef3)}.ab-ic{flex:none;width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(0,0,0,.05)}.ab-ic svg{width:19px;height:19px;fill:none;stroke:#1d1c1a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ab-t{font-size:15.5px;font-weight:600;letter-spacing:-.01em}.ab-s{color:#6b6862;margin-top:1px}.ab-s,.ab-tag{font-size:12.5px}.ab-tag{margin-left:auto;height:26px;padding:0 11px;border-radius:999px;background:#1d1c1a;color:#fff;font-weight:600;display:inline-flex;align-items:center}.ab-rows{padding:6px 8px 8px;display:grid;grid-gap:6px;gap:6px}.ab-r{display:grid;grid-template-columns:50px 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:10px 12px;border-radius:14px;background:var(--rb,#efebf8)}.ab-r.k{background:#1d1c1a;color:#fff}.ab-r.k .ab-d,.ab-r.k .ab-s{color:rgba(255,255,255,.7)}.ab-r.p{background:#f4f2ee}.ab-tm{font-size:14px}.ab-n,.ab-tm{font-weight:600}.ab-n{font-size:14.5px;letter-spacing:-.005em}.ab-d{font-size:12.5px;color:#6b6862}.ab-code{margin:8px;border-radius:14px;background:#f4f2ee;padding:10px 0;font:13px/1.65 ui-monospace,SF Mono,Menlo,Consolas,monospace;color:#2b2a27}.ab-code p{padding:0 14px;white-space:pre}.ab-code p b{display:inline-block;width:22px;color:#a8a49c;font-weight:400}.ab-code p.hl{background:#fde3dc;box-shadow:inset 3px 0 0 #ff5a43}.ab-hint{margin:0 8px 8px;padding:12px 14px;border-radius:14px;background:#efebf8;font-size:13.5px;line-height:1.5}.ab-hint b{font-weight:600}.ab-ol{padding:8px 8px 4px;grid-gap:6px}.ab-li,.ab-ol{display:grid;gap:6px}.ab-li{grid-template-columns:26px 1fr;grid-gap:6px;padding:10px 12px;border-radius:14px;background:#f8f1ec}.ab-li>span{font-size:13px;font-weight:600;color:#a0634a;padding-top:1px}.ab-li.th{background:#1d1c1a;color:#fff}.ab-li.th>span{color:#ffb08a}.ab-li.th .ab-d{color:rgba(255,255,255,.7)}.ab-f{padding:4px 16px 12px;font-size:12.5px;color:#6b6862}@media (prefers-reduced-motion:reduce){.wk .wk-l{opacity:1;transform:none;animation:none!important}.wk .wk-dots{display:none}}@media (max-width:760px){.ab{width:min(380px,calc(100vw - 64px));width:100%}}