.px-sheet{container-type:inline-size;position:relative;padding:44px 0 28px;font-size:13px;color:rgb(var(--fg)/calc(.85 + var(--a-boost, 0) * .1275))}.px-win{position:relative;z-index:2;margin:0 7%;border-radius:16px;border:1px solid rgb(var(--fg)/calc(.12 + var(--a-boost, 0) * .1056));background:linear-gradient(rgb(var(--fg)/calc(.008 + var(--a-boost, 0) * .0079)),rgb(var(--fg)/calc(.008 + var(--a-boost, 0) * .0079))),rgb(var(--ink-2));box-shadow:0 50px 100px -40px rgb(var(--shade)/.95),inset 0 1px 0 rgb(var(--fg)/calc(.05 + var(--a-boost, 0) * .0475));overflow:clip;transition:opacity .6s ease,transform .9s cubic-bezier(.16,1,.3,1)}.px-bar{display:flex;align-items:center;gap:12px;height:40px;padding:0 14px;background:rgb(var(--fg)/calc(.04 + var(--a-boost, 0) * .0384))}.px-dots{display:inline-flex;gap:6px}.px-dots i{width:9px;height:9px;border-radius:50%;background:rgb(var(--fg)/calc(.2 + var(--a-boost, 0) * .16))}.px-fname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--fg)/calc(.75 + var(--a-boost, 0) * .1875));font-size:12px}.px-badge{margin-left:auto;flex:none;height:24px;padding:0 10px;border-radius:999px;background:rgb(var(--accent-fill));color:rgb(var(--on-accent));font-size:11px;font-weight:500;line-height:24px;white-space:nowrap;opacity:0;transform:scale(.6);transition:opacity .4s ease,transform .6s cubic-bezier(.16,1,.3,1)}.px-fx{position:relative;display:flex;align-items:center;gap:12px;height:34px;padding:0 14px;background:rgb(var(--fg)/calc(.02 + var(--a-boost, 0) * .0196));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.px-fx-k{color:rgb(var(--accent));font-style:italic}.px-fx-v{position:absolute;left:44px;transition:opacity .4s ease}.px-fx-ok{color:rgb(var(--fg)/calc(.75 + var(--a-boost, 0) * .1875))}.px-fx-bad{color:rgb(var(--accent));opacity:0}.px-grid{display:flex;flex-direction:column;gap:2px;padding:2px;background:rgb(var(--fg)/calc(.03 + var(--a-boost, 0) * .0291))}.px-row{position:relative;display:grid;grid-template-columns:30px 1.3fr .9fr .6fr .8fr 1fr;gap:2px;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .5s ease}.px-row>.px-c,.px-row>.px-n{transition:opacity .5s ease}.px-gone-tag{position:absolute;left:50%;top:50%;z-index:2;padding:3px 12px;border-radius:999px;background:rgb(var(--accent-fill));color:rgb(var(--on-accent));font-size:11px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .4s ease .15s,transform .6s cubic-bezier(.34,1.56,.64,1) .15s}.px-c,.px-n{position:relative;display:flex;align-items:center;height:34px;padding:0 10px;background:linear-gradient(rgb(var(--fg)/calc(.016 + var(--a-boost, 0) * .0157)),rgb(var(--fg)/calc(.016 + var(--a-boost, 0) * .0157))),rgb(var(--ink-2));white-space:nowrap;overflow:hidden}.px-n{justify-content:center;padding:0;color:rgb(var(--fg)/calc(.45 + var(--a-boost, 0) * .2475));font-size:11px;background:rgb(var(--fg)/calc(.03 + var(--a-boost, 0) * .0291))}.px-row--head .px-c{color:rgb(var(--fg)/calc(.6 + var(--a-boost, 0) * .24));font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:rgb(var(--fg)/calc(.04 + var(--a-boost, 0) * .0384))}.px-row--sum .px-c{color:rgb(var(--fg));background:rgb(var(--fg)/calc(.05 + var(--a-boost, 0) * .0475))}.px-c--tot{justify-content:flex-end;font-variant-numeric:tabular-nums}.px-v{transition:opacity .3s ease}.px-ref{position:absolute;inset:3px;display:flex;align-items:center;justify-content:flex-end;padding:0 8px;border-radius:4px;border:1px solid rgb(var(--accent-fill));background:rgb(var(--accent-fill)/.16);color:rgb(var(--accent));font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;opacity:0;transform:scale(.8);transition:opacity .35s ease calc(.25s + var(--r, 5) * 90ms),transform .5s cubic-bezier(.16,1,.3,1) calc(.25s + var(--r, 5) * 90ms)}.px-caret{display:none;width:2px;height:16px;margin-left:2px;background:rgb(var(--accent-fill))}.px-tabs{display:flex;gap:4px;padding:8px 10px 10px;font-size:11px;color:rgb(var(--fg)/calc(.55 + var(--a-boost, 0) * .2475));white-space:nowrap;overflow:hidden}.px-tabs span{padding:4px 10px;border-radius:6px}.px-tabs .is-on{background:rgb(var(--fg)/calc(.08 + var(--a-boost, 0) * .0736));color:rgb(var(--fg))}.px-files{position:absolute;left:7%;top:44px;right:7%;z-index:1}.px-file{position:absolute;left:0;top:0;display:flex;align-items:center;gap:10px;width:min(300px,70%);height:48px;padding:0 14px;border-radius:12px;border:1px solid rgb(var(--fg)/calc(.16 + var(--a-boost, 0) * .1344));background:linear-gradient(rgb(var(--fg)/calc(.04 + var(--a-boost, 0) * .0384)),rgb(var(--fg)/calc(.04 + var(--a-boost, 0) * .0384))),rgb(var(--ink-2));color:rgb(var(--fg)/calc(.8 + var(--a-boost, 0) * .16));font-size:12px;box-shadow:0 20px 40px -20px rgb(var(--shade)/.9);opacity:0;transition:transform .9s cubic-bezier(.16,1,.3,1) calc(var(--f) * 80ms),opacity .5s ease calc(var(--f) * 80ms)}.px-file-ico{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:6px;background:rgb(var(--fg)/calc(.1 + var(--a-boost, 0) * .09));color:rgb(var(--fg));font-size:11px;font-weight:600}.px-phone{position:absolute;right:0;bottom:0;z-index:3;width:31%;min-width:150px;padding:8px;border-radius:30px;border:1px solid rgb(var(--fg)/calc(.14 + var(--a-boost, 0) * .1204));background:linear-gradient(rgb(var(--fg)/calc(.02 + var(--a-boost, 0) * .0196)),rgb(var(--fg)/calc(.02 + var(--a-boost, 0) * .0196))),rgb(var(--ink-2));box-shadow:0 40px 80px -30px rgb(var(--shade)/.95);opacity:0;transform:translate3d(40px,40px,0) rotate(4deg);transition:opacity .5s ease,transform .9s cubic-bezier(.16,1,.3,1)}.px-phone-screen{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px 18px;border-radius:22px;background:radial-gradient(120% 60% at 50% 0,rgb(var(--accent-fill)/.14),transparent 60%),rgb(var(--ink-2));text-align:center}.px-lock{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgb(var(--accent-fill)/.16);color:rgb(var(--accent))}.px-lock svg{width:24px;height:24px}.px-phone-t{margin-top:4px;font-size:12px;color:rgb(var(--fg))}.px-phone-d{font-size:12px;line-height:1.35;color:rgb(var(--fg)/calc(.65 + var(--a-boost, 0) * .2275))}.px-phone-btn{margin-top:6px;padding:6px 12px;border-radius:999px;background:rgb(var(--fg)/calc(.08 + var(--a-boost, 0) * .0736));font-size:11px;color:rgb(var(--fg)/calc(.75 + var(--a-boost, 0) * .1875))}.px-mail{position:absolute;left:0;top:46%;z-index:3;display:flex;flex-direction:column;gap:6px;width:34%;min-width:160px;padding:16px;border-radius:16px;border:1px solid rgb(var(--accent-fill)/.45);background:linear-gradient(rgb(var(--accent-fill)/.04),rgb(var(--accent-fill)/.04)),rgb(var(--ink-2));box-shadow:0 40px 80px -30px rgb(var(--shade)/.95);opacity:0;transform:translate3d(-40px,10px,0) rotate(-3deg);transition:opacity .5s ease,transform .9s cubic-bezier(.16,1,.3,1)}.px-mail-k{margin-bottom:4px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--accent))}.px-mail-l{font-size:13px;color:rgb(var(--fg)/calc(.85 + var(--a-boost, 0) * .1275))}.px-mail-l b{display:inline-block;width:52px;font-weight:400;color:rgb(var(--fg)/calc(.55 + var(--a-boost, 0) * .2475))}.px-mail .px-badge{align-self:flex-start;margin:8px 0 0}.px-s0 .px-file{opacity:1;transform:translate3d(calc(-20px - var(--f) * 16px),calc(-34px + var(--f) * 2px),0) rotate(calc(-7deg + var(--f) * 2deg))}.px-s0 .px-file:nth-child(2){transform:translate3d(calc(14% + 10px),-44px,0) rotate(-2deg)}.px-s0 .px-file:nth-child(3){transform:translate3d(calc(48% + 10px),-30px,0) rotate(4deg)}.px-s0 .px-badge--q{opacity:1;transform:none}.px-s0 .px-win{transform:translate3d(0,26px,0)}.px-s1 .px-row--gone>.px-c,.px-s1 .px-row--gone>.px-n{opacity:.16}.px-s1 .px-gone-tag{opacity:1;transform:translate(-50%,-50%)}.px-s1 .px-c--tot .px-v{opacity:0}.px-s1 .px-ref{opacity:1;transform:none}.px-s1 .px-fx-ok{opacity:0}.px-s1 .px-fx-bad{opacity:1}.px-s2 .px-win{opacity:.4;transform:scale(.97)}.px-s2 .px-phone,.px-s3 .px-mail{opacity:1;transform:none}.px-s3 .px-mail .px-badge{opacity:1;transform:none;transition-delay:.5s}.px-s3 .px-row--typed .px-c{background:rgb(var(--accent-fill)/.16)}.px-s3 .px-row--typed .px-c:nth-child(2){box-shadow:inset 0 0 0 2px rgb(var(--accent-fill))}.px-s3 .px-caret{display:inline-block}.js.motion-ok .px-s3 .px-caret{animation:px-blink 1s steps(1) infinite}@keyframes px-blink{50%{opacity:0}}.js.motion-ok .px-sheet--hero .px-ref{animation:px-glitch 3.2s cubic-bezier(.65,0,.35,1) calc(1.2s + var(--r, 5) * .18s) infinite}@keyframes px-glitch{0%,55%,to{opacity:1;transform:none}62%{opacity:.15;transform:translate3d(3px,0,0)}70%{opacity:1;transform:translate3d(-2px,0,0)}}@container (max-width: 460px){.px-sheet{font-size:11px;padding:34px 0 16px}.px-win{margin:0 4%}.px-row{grid-template-columns:22px 1.4fr .6fr 1fr}.px-row>:nth-child(3),.px-row>:nth-child(5){display:none}.px-c,.px-n{height:28px;padding:0 7px}.px-ref{font-size:10px;padding:0 5px}.px-fx{height:28px;font-size:11px}.px-fx-v{left:36px}.px-bar{height:34px}.px-badge{height:22px;line-height:22px;font-size:10px;padding:0 8px}.px-file{height:36px;font-size:10px;width:62%}.px-phone{width:44%;min-width:0;border-radius:24px}.px-phone-screen{padding:18px 8px 12px;border-radius:18px}.px-lock{width:38px;height:38px}.px-phone-d,.px-phone-t{font-size:10px}.px-phone-btn{font-size:9px}.px-mail{width:52%;min-width:0;top:38%;padding:12px}.px-mail-l{font-size:11px}.px-mail-l b{width:40px}.px-tabs{font-size:10px}}@media (prefers-reduced-motion:reduce){.px-badge,.px-c,.px-file,.px-fx-v,.px-gone-tag,.px-mail,.px-n,.px-phone,.px-ref,.px-row,.px-v,.px-win{transition:none!important}.px-caret,.px-ref{animation:none!important}}