@font-face{font-family:Onest;src:url(/static/fonts/Onest.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{--paper:#fbfbf8;--ink:#1f1e1b;--muted:#5b6168;--line:#dce0e4;--desk:#eceff1;--marker:#f2b705;--print:#fbfbf8;--shadow:31 30 27;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#1f1e1b;--ink:#eeece6;--muted:#a4a9af;--line:#3a3935;--desk:#2a2926;--print:#e9e8e2;--shadow:0 0 0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:400 1.0625rem/1.6 Onest,system-ui,sans-serif}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--marker);outline-offset:3px;border-radius:4px}code{overflow-wrap:anywhere;font:.9em ui-monospace,SF Mono,Menlo,monospace}.wrap{max-width:1120px;margin-inline:auto;padding-inline:16px}@media (width>=640px){.wrap{padding-inline:32px}}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-block:20px;display:flex}.brand{align-items:center;gap:10px;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.bar nav{color:var(--muted);flex-wrap:wrap;gap:4px 20px;font-size:.9375rem;display:flex}.bar nav a{text-decoration:none}.bar nav a:hover{color:var(--ink)}.hero{gap:40px;padding-block:32px 72px;display:grid}@media (width>=900px){.hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:56px;padding-block:56px 112px}}h1{letter-spacing:-.025em;text-wrap:balance;margin:0 0 20px;font-size:clamp(2.375rem,5vw,4rem);font-weight:750;line-height:1.04}.lead{max-width:34em;color:var(--muted);text-wrap:pretty;margin:0 0 32px;font-size:1.1875rem}.fine{color:var(--muted);max-width:40em;margin:20px 0 0;font-size:.875rem}.btn{background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:10px;padding:12px 20px;font-weight:600;text-decoration:none;transition:transform .12s cubic-bezier(.2,.8,.2,1);display:inline-block}.btn:hover{text-decoration:none}.btn:active{transform:scale(.97)}.btn-big{padding:16px 28px;font-size:1.125rem}.dl{gap:12px;margin:0;padding:0;list-style:none;display:grid}.dl li{flex-wrap:wrap;align-items:center;gap:4px 14px;display:flex}.dl span,.dl-main>span{color:var(--muted);font-size:.875rem}.dl-main{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.others{color:var(--muted);flex-basis:100%;margin:4px 0 0;font-size:.9375rem}.table{position:relative}.table-in{aspect-ratio:10/9;background:var(--desk);contain:layout paint;border-radius:20px;position:relative;overflow:hidden}.pile-name{width:21%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.75rem,1.4vw,.9375rem);font-weight:600;transition:opacity .3s;position:absolute;top:3%;overflow:hidden}.table-in:not(.sorted) .pile-name{opacity:0;transition-duration:.12s}.print{aspect-ratio:4/5;background:var(--print);width:20%;box-shadow:0 1px 2px rgb(var(--shadow) / .18), 0 8px 18px -8px rgb(var(--shadow) / .35);border-radius:3px;padding:3.5%;position:absolute}.print>span{border-radius:1px;width:100%;height:100%;display:block;overflow:hidden}.print svg{width:100%;height:100%;display:block}.moving .print{transition:left .9s cubic-bezier(.2,.8,.2,1),top .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}.print.best{z-index:2}.print .loop{pointer-events:none;width:auto;height:auto;position:absolute;inset:-18% -24% -12% -16%;overflow:visible}.loop path{fill:none;stroke:var(--marker);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100px}.sorted .loop path{stroke-dashoffset:0}.moving.sorted .loop path{transition:stroke-dashoffset .6s cubic-bezier(.2,.8,.2,1) 1.5s}.again{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:10px 0 0 auto;padding:6px 8px;font-size:.875rem;display:block}.again:hover{color:var(--ink)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.table:not([data-v-app]) .table-in{opacity:0;animation:0s 1s forwards show}}@keyframes show{to{opacity:1}}main>section:not(.hero){border-top:1px solid var(--line);padding-block:48px}@media (width>=900px){main>section:not(.hero){padding-block:72px}}h2{letter-spacing:-.015em;margin:0 0 32px;font-size:clamp(1.625rem,3vw,2.125rem);font-weight:700;line-height:1.15}.text{max-width:40em;margin:0}.can{gap:28px 56px;margin:0;display:grid}@media (width>=720px){.can{grid-template-columns:1fr 1fr}}.can dt{margin-bottom:4px;font-size:1.125rem;font-weight:650}.can dd{color:var(--muted);max-width:34em;margin:0}.steps{counter-reset:step;gap:28px 40px;margin:0;padding:0;list-style:none;display:grid}@media (width>=900px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{counter-increment:step;color:var(--muted)}.steps li:before{content:counter(step);color:var(--ink);margin-bottom:12px;font-size:2.5rem;font-weight:750;line-height:1;display:block}.steps b{color:var(--ink);font-weight:650}.faq{max-width:48em}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:16px 0;font-size:1.0625rem;font-weight:600;list-style-position:outside}.faq details p{color:var(--muted);margin:0 0 20px}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:8px 24px;padding-block:32px 48px;font-size:.9375rem;display:flex}.foot span{margin-right:auto}.picker{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:24px;display:flex}.seg{background:var(--desk);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.seg button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 18px;font-weight:600;transition:background-color .15s,color .15s}.seg button:hover{color:var(--ink)}.seg button[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px rgb(var(--shadow) / .15)}.hint{color:var(--muted);font-size:.875rem}.platform,.pace{gap:32px;display:grid}@media (width>=900px){.platform,.pace{grid-template-columns:300px 1fr;gap:56px}}.platforms>.platform+.platform{border-top:1px solid var(--line);margin-top:48px;padding-top:48px}.platform h3,.pace h3{margin:0 0 16px;font-size:1.25rem;line-height:1.3}.get .btn{margin-bottom:28px}.need{gap:36px;min-width:0;display:grid}.spec{gap:20px 32px;margin:0;display:grid}@media (width>=640px){.need .spec,.pace .spec{grid-template-columns:repeat(3,1fr)}}.spec>div{border-top:1px solid var(--line);padding-top:12px}.spec dt{margin-bottom:4px;font-weight:650}.spec dd{color:var(--muted);text-wrap:pretty;margin:0;font-size:1rem}.spec .fast{margin-top:8px}.spec .fast b{color:var(--ink);font-weight:600}.mem{gap:16px;display:grid}.mem-head{color:var(--muted);margin:0;font-size:1rem}.mem-head b{color:var(--ink);margin-right:8px;font-weight:650}.key:before{content:"";background:var(--ink);vertical-align:-.02em;border-radius:2px;width:.7em;height:.7em;margin-right:8px;display:inline-block}.mem-row{grid-template-columns:3.25rem 1fr;align-items:center;gap:8px 12px;display:grid}.mem-row>b{font-variant-numeric:tabular-nums;font-weight:650}.cells{grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.cells i{background:var(--line);border-radius:2px;height:16px}.cells i:nth-child(-n+5){background:var(--ink)}.cells i:nth-child(6){background:repeating-linear-gradient(135deg, var(--ink) 0 2px, transparent 2px 5px), var(--line)}.ok>b{-webkit-text-decoration:underline 3px var(--marker);text-decoration:underline 3px var(--marker);text-underline-offset:5px;justify-self:start}.say{color:var(--muted);grid-column:2;font-size:.9375rem}.pace{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}.pace .spec>div{border-top:0;padding-top:0}.pace dt{letter-spacing:-.01em;font-size:1.375rem;font-weight:700}@media (prefers-reduced-motion:no-preference){.platform.moved{animation:.22s cubic-bezier(.2,.8,.2,1) settle}}@keyframes settle{0%{opacity:0;transform:translateY(6px)}}
