@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin.woff2)format("woff2")}:root{--ink:#16181d;--paper:#fff;--muted:#5b606b;--line:#d9dbe0;--alert:#a3341f;--alert-bg:#fbeeea;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--vs-muted:#8a776a;--vs-line:#f0e1d3;color:var(--ink);background:var(--paper);font-family:Nunito,ui-rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--paper);margin:0}main{flex-direction:column;gap:1rem;max-width:28rem;min-height:100dvh;margin:0 auto;padding:1.5rem 1rem 2rem;display:flex;position:relative}h1{outline:none;margin:.5rem 0 0;font-size:1.5rem;line-height:1.25}p,ol{margin:0;line-height:1.45}.steps{gap:.5rem;padding-left:1.25rem;display:grid}.object,.step,.progress{color:var(--muted)}.alert{color:var(--alert);background:var(--alert-bg);border-radius:.5rem;padding:.75rem}button,.button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;font:inherit;border:1.5px solid var(--ink);cursor:pointer;text-align:center;border-radius:.75rem;justify-content:center;align-items:center;min-height:3rem;padding:.75rem 1rem;font-weight:600;transition:scale .4s cubic-bezier(.3,1.7,.5,1);display:flex}:is(.primary,.secondary,.choice,.link):active:not(:disabled){transition-duration:80ms;scale:.95}.primary{background:var(--ink);color:var(--paper)}.secondary,.choice{background:var(--paper);color:var(--ink)}.choice{border-color:var(--line);justify-content:flex-start}.link{color:var(--ink);background:0 0;border:none;font-weight:400;text-decoration:underline}.choices,.actions{gap:.75rem;display:grid}input[type=text]{font:inherit;border:1.5px solid var(--line);border-radius:.75rem;min-height:3rem;padding:.5rem .75rem;font-size:1rem}label[for]{font-weight:600}.hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.button:focus-within,button:focus-visible{outline-offset:2px;outline:3px solid #e0793a}.preview{object-fit:contain;background:#f3f4f6;border-radius:.75rem;width:100%;max-height:55dvh}.busy{color:var(--muted);justify-items:center;gap:1rem;margin:auto;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:2.5rem;height:2.5rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.qr{align-self:center;width:min(16rem,80vw)}.defs{position:absolute}.pick-title{text-align:center;letter-spacing:-.015em;margin-top:auto;font-size:2rem;font-weight:900}.objects{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.5rem;margin-top:.5rem;display:grid}.objects.n2{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:12%}.objects.n1{grid-template-columns:minmax(0,1fr);padding-inline:30%}button.obj{min-height:0;color:var(--ink);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-content:start;justify-items:center;gap:.25rem;padding:0;font-weight:800;transition:opacity .3s;display:grid}.obj .float{width:100%;transition:scale .45s cubic-bezier(.3,1.8,.5,1);animation:3.4s ease-in-out infinite float;display:block;position:relative}.obj .badge{z-index:1;border:2.5px solid var(--ink);color:var(--ink);white-space:nowrap;background:#f6d47a;border-radius:.9rem .7rem 1rem .65rem;padding:.15rem .6rem .2rem;font-size:.75rem;font-weight:900;line-height:1.1;animation:.5s cubic-bezier(.3,1.7,.5,1) .35s both badge-in;position:absolute;top:-.35rem;left:50%;translate:-50%;rotate:-5deg}@keyframes badge-in{0%{opacity:0;scale:0}}.obj:active .float{transition-duration:.1s;scale:.92}.obj:nth-child(3n+2) .float{animation-duration:3s;animation-delay:-1s}.obj:nth-child(3n) .float{animation-duration:3.8s;animation-delay:-2s}@keyframes float{50%{transform:translateY(-6px)}}.obj svg{aspect-ratio:1;width:100%;height:auto;display:block;overflow:visible}.obj .lbl{color:var(--vs-muted);font-size:.875rem;line-height:1.2;transition:color .2s}.obj:hover .lbl,.obj.picked .lbl{color:var(--ink)}.obj .tick{transform-box:fill-box;transform-origin:50%;transition:transform .35s cubic-bezier(.3,1.8,.5,1);transform:scale(0)}.obj.picked .tick{transform:scale(1)}.objects.has-pick .obj:not(.picked){opacity:.4}button.why{min-height:2.75rem;color:var(--vs-muted);background:0 0;border:none;align-self:center;gap:.5rem;margin-bottom:auto;font-weight:800}button.why:hover{color:var(--ink)}.why-icon{border:2.5px solid;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.875rem;font-weight:900;display:grid}.why-sheet{width:min(28rem,100%);max-width:100%;padding:1.25rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom,0px));color:var(--ink);text-align:center;border:none;border-radius:1.75rem 1.75rem 0 0;margin:auto auto 0}dialog.why-sheet[open]{justify-items:center;gap:.875rem;animation:.38s cubic-bezier(.32,.72,0,1) sheet-up;display:grid}dialog.why-sheet.closing{animation:.24s cubic-bezier(.4,0,1,1) forwards sheet-down}.why-sheet::backdrop{background:#16181d4d;animation:.3s ease-out backdrop-in}.why-sheet.closing::backdrop{animation:.24s ease-in forwards backdrop-out}.why-sheet h2:focus{outline:none}.why-sheet h2{margin:0;font-size:1.5rem;font-weight:900}.why-sheet svg{width:100%;max-width:20rem;height:auto}.why-sheet p{color:var(--vs-muted);max-width:30ch}.why-sheet .primary{border-radius:999px;width:100%;font-weight:800}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes backdrop-in{0%{background:#16181d00}}@keyframes backdrop-out{to{background:#16181d00}}.example{object-fit:cover;background:#efedea;border-radius:1.5rem;align-self:center;width:100%;max-width:20rem;height:auto;max-height:46dvh;display:block}.foot{width:100%;height:min(42dvh,25rem);margin-top:-.5rem;position:relative}.foot>svg{width:100%;height:100%;animation:.7s cubic-bezier(.2,1.2,.4,1) both foot-in;display:block}.foot.two{gap:.25rem;display:flex}.foot.two>svg{width:50%;min-width:0}.foot #vs-room{display:none}.view-switch{border:2.5px solid var(--ink);background:var(--paper);border-radius:16px 18px 17px 19px;grid-template-columns:1fr 1fr;padding:3px;display:grid;position:absolute;bottom:.25rem;right:0}.view-switch button{z-index:1;min-height:0;color:var(--ink);background:0 0;border:none;padding:.375rem .875rem;font-size:.875rem;font-weight:900;transition:color .25s;position:relative}.view-switch button[aria-pressed=true]{color:var(--paper)}.view-switch .thumb{background:var(--ink);border-radius:12px 14px 13px;width:calc(50% - 3px);transition:transform .35s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;bottom:3px;left:3px}.view-switch.in3d .thumb{transform:translate(100%)}.size-pick{grid-template-columns:3.5rem 1fr 3.5rem;align-items:center;display:grid}.size-now{justify-items:center;margin:0;line-height:1;display:grid}.size-label{color:var(--vs-muted);font-size:1rem;font-weight:800}.size-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(4.5rem,24vw,6.5rem);font-weight:900;line-height:.95;animation:.5s cubic-bezier(.2,1.5,.4,1) .25s both num-pop}.size-num.from-left{animation:.36s cubic-bezier(.2,1.3,.4,1) num-from-left}.size-num.from-right{animation:.36s cubic-bezier(.2,1.3,.4,1) num-from-right}.arrow{background:0 0;border:none;border-radius:50%;width:3.5rem;height:3.5rem;min-height:0;padding:.75rem}.arrow svg{width:100%;height:100%;transition:transform .25s cubic-bezier(.3,1.8,.5,1)}.arrow:hover,.arrow:focus-visible{background:#fff3ea}.arrow:active svg{transform:scale(.85)}.room{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;min-height:1.75rem;margin-top:-.375rem;font-weight:800;display:flex}.room .dot{border:2.5px solid var(--ink);background:#f6d47a;border-radius:50%;width:.875rem;height:.875rem}.tag{border-radius:999px;padding:.125rem .625rem;font-size:.875rem;font-weight:900}.tag.tight,.tag.short{color:#b3372b;background:#fbe3df}.tag.roomy{color:#85601a;background:#fdf0d2}.unsure,.handoff-note{text-align:center;color:var(--vs-muted)}.how-sheet h2{max-width:18ch}.how-rows{text-align:left;gap:1rem;width:100%;margin:.25rem 0 .5rem;display:grid}.how-row{grid-template-columns:3rem 1fr;align-items:start;gap:.875rem;display:grid}.how-sheet .how-row svg{width:3rem;height:3rem}.how-row h3{margin:.125rem 0;font-size:1rem;font-weight:900}.how-sheet .how-row p{max-width:none;line-height:1.4}.how-row strong{color:var(--ink);font-weight:800}.result-actions .primary,.result-actions .secondary{border-radius:999px;min-height:3.25rem;font-weight:800}@keyframes foot-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes num-pop{0%{opacity:0;transform:scale(.6)}}@keyframes num-from-left{0%{opacity:0;transform:translate(-32px)}}@keyframes num-from-right{0%{opacity:0;transform:translate(32px)}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.photo-actions{gap:.6rem;display:flex}.photo-actions .primary{flex:1}.button.upload{flex:none;width:3.4rem;padding:.6rem}.button.upload .icon{width:100%;height:100%}.enter-fwd>:not(dialog,.leaving),.enter-back>:not(dialog,.leaving){animation:.32s cubic-bezier(.2,.8,.2,1) both enter-fwd}.enter-back>:not(dialog,.leaving){animation-name:enter-back}.leaving{padding:inherit;gap:inherit;pointer-events:none;background:var(--paper);flex-direction:column;animation:.18s cubic-bezier(.4,0,1,1) forwards leave-fwd;display:flex;position:absolute;inset:0}.leaving.leave-back{animation-name:leave-back}@keyframes leave-fwd{to{opacity:0;transform:translate(-18px)}}@keyframes leave-back{to{opacity:0;transform:translate(18px)}}.enter-fwd>:nth-child(2),.enter-back>:nth-child(2){animation-delay:35ms}.enter-fwd>:nth-child(3),.enter-back>:nth-child(3){animation-delay:70ms}.enter-fwd>:nth-child(4),.enter-back>:nth-child(4){animation-delay:.105s}.enter-fwd>:nth-child(n+5),.enter-back>:nth-child(n+5){animation-delay:.14s}@keyframes enter-fwd{0%{opacity:0;transform:translate(28px)}}@keyframes enter-back{0%{opacity:0;transform:translate(-28px)}}button.back{width:3rem;height:3rem;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;align-self:flex-start;margin:-.75rem 0 -.75rem -.75rem;padding:.5rem;transition:background .15s,transform .15s}.back-arrow{width:100%;height:100%;display:block}button.back:hover{background:var(--vs-line)}button.back:active{transform:scale(.9)}@media (prefers-reduced-motion:reduce){.enter-fwd>*,.enter-back>*{animation:none}button,.button{transition:none}.spinner{animation-duration:3s}.obj .float,.obj .badge,.foot>svg,.size-num,dialog.why-sheet[open],dialog.why-sheet.closing,.why-sheet::backdrop{transition:none;animation:none}}.probe pre{white-space:pre-wrap;word-break:break-all;background:#f3f4f6;border-radius:.5rem;padding:.75rem;font-size:.8rem}
