@font-face{font-family:Instrument;src:url(/fonts/InstrumentSans.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:SpaceMono;src:url(/fonts/SpaceMono.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:LoadingSyne;src:url(/fonts/Syne-LoadingDigits.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+0030-0039}html.x2-is-loading{overflow:hidden}.x2-loading,.x2-loading *{box-sizing:border-box}.x2-loading{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;min-height:100svh;overflow:auto;background:radial-gradient(ellipse at 26% 18%,#fdfdfb,#f4f5f2 74%);color:#202722;font:13px Instrument,Arial,sans-serif;opacity:0;transition:opacity .18s ease;isolation:isolate}.xl-identity{position:absolute;inset:0 clamp(24px,4.5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:clamp(18px,1.8vw,28px);letter-spacing:-.04em;color:#596159}.x2-loading.is-visible{opacity:1}.x2-loading.is-leaving{opacity:0;pointer-events:none;transition:opacity .65s cubic-bezier(.22,1,.36,1)}.xl-composition{position:absolute;right:clamp(24px,4.5vw,80px);bottom:clamp(36px,5vw,80px);margin:0}.xl-count{min-width:3ch;text-align:right;font:500 clamp(112px,15vw,220px)/.8 LoadingSyne,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.xl-count small{display:inline-block;margin-left:.15em;font:400 .25em Instrument,Arial,sans-serif;letter-spacing:-.04em}.xl-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.xl-recovery{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:24px;right:24px;text-align:center;background:#f4f5f2;padding:12px;font-size:12px}.xl-recovery[hidden]{display:none}.xl-recovery p{margin:0 0 8px}.xl-recovery button{min-height:44px;background:transparent;border:0;border-bottom:1px solid #849179;color:inherit;font:12px Instrument,sans-serif;margin:0 12px;cursor:pointer}.xl-recovery button[hidden]{display:none}.xl-preview-controls{position:absolute;bottom:max(38px,env(safe-area-inset-bottom));right:clamp(32px,4.5vw,80px);text-align:right;white-space:nowrap}.xl-preview-controls>span{display:block;font:7px SpaceMono,monospace;letter-spacing:.08em;color:#7b8277;margin-bottom:8px}.xl-preview-controls>div{display:flex;justify-content:flex-end;gap:8px}.xl-preview-controls :is(button,a){display:flex;justify-content:center;align-items:center;min-height:44px;padding:0 12px;color:#5c655c;font:11px Instrument,sans-serif;background:transparent;border:0;cursor:pointer;text-decoration:none;transition:color .16s}.xl-preview-controls :is(button,a):hover{color:#202722}.xl-preview-controls :is(button,a):focus-visible,.xl-recovery button:focus-visible{outline:1px solid #435c38;outline-offset:3px}.xl-preview-controls [aria-pressed=true]{color:#202722;text-decoration:underline;text-underline-offset:4px}@media(max-width:600px),(hover:none)and (pointer:coarse){.xl-identity{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;font-size:24px}.xl-identity>span:first-child{margin-bottom:16px;font-size:16px;font-weight:600}.xl-composition{right:24px;bottom:max(36px,env(safe-area-inset-bottom))}.xl-count{font-size:clamp(90px,28vw,132px);letter-spacing:-.05em}.xl-preview-controls{left:50%;right:auto;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%);text-align:center}.xl-preview-controls>div{justify-content:center}}@media(max-height:460px){.xl-count{font-size:100px}.xl-preview-controls{bottom:22px}}@media(prefers-reduced-motion:reduce){.x2-loading *{animation:none!important;transition:none!important}.x2-loading,.x2-loading.is-leaving{transition:none}}
