:root{--serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--sans:"Hanken Grotesk", system-ui, "Segoe UI", sans-serif;--r:16px;--r-pill:999px;--edge:20px;--panel-w:348px}:root[data-theme=dark]{--bg:#07090d;--ink:#eef1f5;--ink-2:#9aa5b4;--ink-3:#6c7787;--glass:#10141b9e;--glass-strong:#10141bdb;--hair:#ffffff17;--hair-2:#ffffff0e;--accent:#ffcf8a;--on-accent:#1a1206;--shadow:0 24px 60px #00000073;--warn:#f0a08f;--pic-bg:radial-gradient(95% 90% at 50% 62%, #1d2533 0%, #0b0e14 78%)}:root[data-theme=light]{--bg:#e9ecef;--ink:#12161d;--ink-2:#4c5766;--ink-3:#6f7b8a;--glass:#ffffffa8;--glass-strong:#ffffffe6;--hair:#12161d1a;--hair-2:#12161d0f;--accent:#12161d;--on-accent:#fff;--shadow:0 24px 60px #28344629;--warn:#a8321f;--pic-bg:radial-gradient(95% 90% at 50% 62%, #fff 0%, #d9dee5 80%)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:400 15px/1.45 var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.num,.price__num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.app{position:fixed;inset:0}*{scrollbar-width:thin;scrollbar-color:var(--hair) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hair);background-clip:padding-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--ink-3);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{display:none}#canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#canvas:active{cursor:grabbing}.glass,.views,.switch,.panel,.notice{background:var(--glass);border:1px solid var(--hair);-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);transition:background-color .5s,border-color .5s,color .5s}.plate{top:calc(var(--edge) + 4px);left:calc(var(--edge) + 6px);max-width:min(560px, calc(100% - var(--panel-w) - 3 * var(--edge)));pointer-events:none;position:absolute}:root[data-theme=dark] .plate{text-shadow:0 1px 14px #000000bf,0 0 2px #0009}:root[data-theme=light] .plate{text-shadow:0 1px 14px #ffffffd9}.plate__title{font:400 clamp(30px, 3.4vw, 44px)/1.02 var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0}.plate__meta{color:var(--ink-2);flex-wrap:wrap;gap:4px 18px;margin:10px 0 0;font-size:14px;display:flex}.plate__fact .num{color:var(--ink);font-size:15px;font-weight:500}.plate__fact+.plate__fact{position:relative}.plate__fact+.plate__fact:before{content:"";background:var(--ink-3);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:-10px}.corner{top:var(--edge);right:var(--edge);position:absolute}.switch{border-radius:var(--r-pill);gap:2px;padding:4px;display:flex}.switch__btn{border-radius:var(--r-pill);color:var(--ink-2);align-items:center;gap:7px;padding:7px 14px 7px 11px;font-size:13.5px;font-weight:500;transition:color .3s,background-color .3s;display:flex}.switch__btn svg{flex:none;width:16px;height:16px}.switch__btn:hover{color:var(--ink)}.switch__btn[aria-checked=true]{background:var(--accent);color:var(--on-accent)}.corner{align-items:flex-start;gap:8px;display:flex}.lamp{border-radius:var(--r-pill);color:var(--ink-2);background:var(--glass);border:1px solid var(--hair);-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);align-items:center;gap:7px;padding:11px 15px 11px 12px;font-size:13.5px;font-weight:500;transition:color .3s,background-color .5s,border-color .5s;display:flex}.lamp svg{flex:none;width:17px;height:17px}.lamp:hover{color:var(--ink)}.lamp[aria-expanded=true]{color:var(--on-accent);background:var(--accent);border-color:#0000}.lightcard{width:var(--panel-w);z-index:5;border-radius:var(--r);background:var(--glass-strong);border:1px solid var(--hair);-webkit-backdrop-filter:blur(26px)saturate(1.3);backdrop-filter:blur(26px)saturate(1.3);box-shadow:var(--shadow);padding:18px 20px 16px;position:absolute;top:56px;right:0}.lightcard[hidden]{display:none}.lightcard__title{letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-size:12.5px;font-weight:600}.lightrow{border-top:1px solid var(--hair-2);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;padding:11px 0;display:grid}.lightrow__name{font-weight:500}.lightrow__count{color:var(--ink-3);font-size:13px}.lightrow__knob{border-radius:var(--r-pill);background:var(--hair);width:38px;height:22px;transition:background-color .25s;position:relative}.lightrow__knob:after{content:"";background:var(--ink-2);border-radius:50%;width:16px;height:16px;transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .25s;position:absolute;top:3px;left:3px}.lightrow[aria-checked=true] .lightrow__knob{background:var(--accent)}.lightrow[aria-checked=true] .lightrow__knob:after{background:var(--on-accent);transform:translate(16px)}.lightslide{border-top:1px solid var(--hair-2);padding:14px 0 2px;display:block}.lightslide__head{justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.lightslide__value{font-weight:500}.lightslide input{appearance:none;cursor:pointer;background:0 0;width:100%;height:26px;margin:4px 0 0;display:block}.lightslide input::-webkit-slider-runnable-track{background:var(--track,var(--hair));border-radius:2px;height:4px}.lightslide input::-moz-range-track{background:var(--track,var(--hair));border-radius:2px;height:4px}.lightslide input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:3px solid var(--bg);width:18px;height:18px;box-shadow:0 0 0 1px var(--hair);border-radius:50%;margin-top:-7px}.lightslide input::-moz-range-thumb{background:var(--ink);border:3px solid var(--bg);width:12px;height:12px;box-shadow:0 0 0 1px var(--hair);border-radius:50%}.lightslide input:focus-visible{outline:none}.lightslide input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--accent)}.lightslide--kelvin{--track:linear-gradient(90deg, #ff9d3c, #ffd7a8 38%, #fff6ec 62%, #dbe7ff)}.lightslide__scale{color:var(--ink-3);justify-content:space-between;margin-top:-2px;font-size:12px;display:flex}.lightcard__reset{color:var(--ink-2);border-bottom:1px solid var(--hair);margin-top:14px;padding-bottom:1px;font-size:13px}.lightcard__reset:hover{color:var(--ink);border-color:var(--ink-2)}.views{left:var(--edge);bottom:var(--edge);border-radius:var(--r-pill);gap:2px;padding:4px;display:flex;position:absolute}.views__btn{border-radius:var(--r-pill);color:var(--ink-2);padding:9px 18px;font-size:14px;font-weight:500;transition:color .3s,background-color .3s}.views__btn:hover{color:var(--ink)}.views__btn[aria-pressed=true]{background:var(--ink);color:var(--bg)}.notice{left:50%;bottom:var(--edge);max-width:min(460px, calc(100% - 2 * var(--edge)));border-radius:var(--r);color:var(--ink-2);text-align:center;margin:0;padding:10px 16px;font-size:13px;position:absolute;transform:translate(-50%)}.panel{right:var(--edge);top:calc(var(--edge) + 58px);width:var(--panel-w);max-height:calc(100% - 2 * var(--edge) - 58px);border-radius:var(--r);box-shadow:var(--shadow);flex-direction:column;display:flex;position:absolute;overflow:hidden}.panel__head{cursor:default;align-items:baseline;gap:10px;padding:18px 20px 14px;display:flex}.panel__title{letter-spacing:.11em;text-transform:uppercase;font-size:12.5px;font-weight:600}.panel__count{color:var(--ink-3);font-size:13px}.panel__peek{display:none}.items{margin:0;padding:0 20px;list-style:none;overflow-y:auto}.item{border-top:1px solid var(--hair-2);grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:15px 0;display:grid}.item__name{text-wrap:pretty;margin:0;font-weight:500;line-height:1.3}.item__meta{color:var(--ink-2);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:13px}.item__link{color:var(--ink-2);border-bottom:1px solid var(--hair);margin-top:7px;padding-bottom:1px;font-size:13px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.item__link:hover{color:var(--ink);border-color:var(--ink-2)}.item__arrow{font-size:11px}.item__cost{flex-direction:column;align-items:flex-end;gap:2px;padding-top:1px;display:flex}.item__noprice{color:var(--ink-3);font-size:13px}.price{white-space:nowrap;grid-template-columns:auto .85em;justify-items:end;column-gap:.18em;font-weight:500;display:inline-grid}.price__cur{color:var(--ink-2);justify-self:start}.price--was{color:var(--ink-3);font-size:12.5px;font-weight:400}.price--was .price__num{text-decoration:line-through;text-decoration-thickness:1px}.price--was .price__cur{color:inherit}.panel__foot{border-top:1px solid var(--hair);background:var(--hair-2);margin-top:2px;padding:16px 20px 18px}.total{justify-content:space-between;align-items:baseline;display:flex}.total__label{letter-spacing:.11em;text-transform:uppercase;font-size:12.5px;font-weight:600}.price--total{font:400 30px/1 var(--serif);letter-spacing:-.01em}.price--total .price__cur{color:var(--accent);font-size:.7em}:root[data-theme=light] .price--total .price__cur{color:var(--ink-2)}.panel__note{color:var(--ink-3);text-align:right;margin:8px 0 0;font-size:12px}.item__links{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:7px;display:flex}.item__links .item__link{margin-top:0}.item__swap{border-radius:var(--r-pill);border:1px solid var(--hair);color:var(--ink-2);align-items:center;gap:5px;padding:4px 10px 4px 7px;font-size:12.5px;font-weight:500;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.item__swap svg{width:15px;height:15px}.item__swap:hover{color:var(--ink);border-color:var(--ink-2)}.item__swap[aria-expanded=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.items__sub{border-top:1px solid var(--hair);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-2);justify-content:space-between;align-items:center;margin-top:4px;padding:14px 0 8px;font-size:11.5px;font-weight:600;display:flex}.items__sub+.item{border-top:0}.item{cursor:pointer;position:relative}.item--picked:before{content:"";background:var(--hair-2);border:1px solid var(--accent);pointer-events:none;border-radius:12px;position:absolute;inset:4px -12px}.item>*{position:relative}.item[data-off=true] .item__text,.item[data-off=true] .price,.item[data-off=true] .item__noprice{opacity:.4}.item[data-off=true] .price:not(.price--was) .price__num{text-decoration:line-through;text-decoration-thickness:1px}.item__use,.tick{border:1.5px solid var(--ink-3);color:#0000;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;transition:background-color .2s,border-color .2s,color .2s,opacity .2s;display:grid}.item__use{margin-top:auto}.item__cost>.item__use{margin-top:8px}.item__use svg,.tick svg{width:12px;height:12px;display:block}.item__use:hover,.remember:hover .tick{border-color:var(--ink)}.item__use[aria-checked=true],.remember__box:checked+.tick{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent)}:root[data-theme=light] :is(.item__use[aria-checked=true],.remember__box:checked+.tick){border-color:var(--ink);color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.item__use:disabled{opacity:.35;cursor:default}.knob{padding:2px 0;display:inline-flex}.knob[aria-checked=true] .lightrow__knob{background:var(--accent)}.knob[aria-checked=true] .lightrow__knob:after{background:var(--on-accent);transform:translate(16px)}.options{left:var(--edge);top:132px;bottom:calc(var(--edge) + 62px);border-radius:var(--r);width:340px;box-shadow:var(--shadow);flex-direction:column;display:flex;position:absolute;overflow:hidden}.options[hidden]{display:none}.options__head{justify-content:space-between;align-items:center;gap:10px;padding:16px 12px 12px 20px;display:flex}.options__title{letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:12.5px;font-weight:600}.options__close{width:32px;height:32px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;transition:color .2s,background-color .2s;display:grid}.options__close svg{width:18px;height:18px;display:block}.options__close:hover{color:var(--ink);background:var(--hair)}.options__foot{border-top:1px solid var(--hair);background:var(--hair-2);align-items:center;gap:14px;padding:12px 14px 14px 20px;display:flex}.options__hint{color:var(--ink-3);flex:1;margin:0;font-size:12.5px;line-height:1.4}.options__done,.veil__retry{border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);flex:none;padding:10px 20px;font-size:14px;font-weight:600;transition:filter .2s}.options__done:hover,.veil__retry:hover{filter:brightness(1.08)}.options__list{flex-direction:column;flex:1;gap:8px;padding:2px 12px 14px;display:flex;overflow-y:auto}.option{border-radius:calc(var(--r) - 6px);border:1px solid var(--hair-2);text-align:left;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px 10px 10px;transition:border-color .2s,background-color .2s;display:grid;position:relative}.option:hover{border-color:var(--hair);background:var(--hair-2)}.option[aria-checked=true]{border-color:var(--accent);background:var(--hair-2)}.option__pic{background:radial-gradient(circle at 50% 38%,#fffffff2,#d6d8dee6);border-radius:10px;place-items:center;width:84px;height:84px;display:grid;overflow:hidden}.option__pic img{object-fit:contain;width:100%;height:100%;transform:scale(1.12)}.option__text{flex-direction:column;gap:3px;min-width:0;display:flex}.option__name{text-wrap:pretty;padding-right:18px;font-size:14px;font-weight:500;line-height:1.28}.option__meta,.option__more{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12.5px}.option__foot{align-items:baseline;gap:10px;margin-top:3px;display:flex}.option__diff{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12.5px}.option__diff--less{color:#4fae78}.option__mark{background:var(--accent);width:20px;height:20px;color:var(--on-accent);border-radius:50%;place-items:center;display:none;position:absolute;top:9px;right:9px}.option__mark svg{width:13px;height:13px}.option[aria-checked=true] .option__mark{display:grid}.layercard__note{border-top:1px solid var(--hair-2);color:var(--ink-3);margin:12px 0 0;padding-top:12px;font-size:12.5px;line-height:1.45}.veil{background:var(--bg);place-items:center;padding:24px;transition:opacity .25s,visibility;display:grid;position:absolute;inset:0}.app:is([data-state=ready],[data-state=front],[data-state=project]) .veil{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s .15s,visibility 0s linear .9s}.veil__box{text-align:center;max-width:400px}.veil__mark{width:46px;height:46px;margin:0 auto 22px;display:block;overflow:visible}.veil__track{fill:none;stroke:var(--hair);stroke-width:1px}.veil__arc{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:24 100;transform-box:fill-box;transform-origin:50%;animation:1.1s linear infinite turn}.veil[data-progress] .veil__arc{transition:stroke-dasharray .25s;animation:none;transform:rotate(-90deg)}.app[data-state=error] .veil__arc{visibility:hidden}@keyframes turn{to{transform:rotate(360deg)}}.veil__title{font:400 30px/1.1 var(--serif);text-wrap:balance;margin:0}.veil__text{color:var(--ink-2);text-wrap:pretty;margin:10px 0 0}.veil__text .num{color:var(--ink);font-weight:500}.veil__retry{margin-top:22px}.veil__retry[hidden]{display:none}.app:not([data-state=ready]) :is(.plate,.views,.panel,.notice){visibility:hidden}.front{pointer-events:none;flex-direction:column;justify-content:space-between;padding:clamp(28px,5.4vw,84px) clamp(28px,5.4vw,84px) clamp(24px,3.4vw,48px);transition:opacity .5s;display:flex;position:absolute;inset:0}.front>*{pointer-events:auto}.app[data-state=entering] .front{opacity:0;pointer-events:none}.app[data-state=entering] .front>*{pointer-events:none}.app:is([data-state=front],[data-state=project],[data-state=entering]) #canvas{cursor:default}:root[data-theme=dark] .front__lead{text-shadow:0 1px 18px #000000b3,0 0 2px #00000080}:root[data-theme=light] .front__lead{text-shadow:0 1px 18px #ffffffe6}.front__lead{width:min(31rem,100%);margin-top:auto;margin-bottom:auto;padding-top:3vh}.front__brand{font:400 clamp(76px, 9.4vw, 148px)/.9 var(--serif);letter-spacing:-.028em;margin:0 0 0 -.012em}.front__title{font:400 clamp(40px, 4.4vw, 60px)/1 var(--serif);letter-spacing:-.015em;text-wrap:balance;margin:0}.front__line{text-wrap:balance;max-width:21em;margin:clamp(18px,2vw,28px) 0 clamp(26px,2.6vw,38px);font-size:clamp(17.5px,1.42vw,21px);line-height:1.42}.front__actions,.front__pass{min-height:54px;text-shadow:none;align-items:center;gap:8px 22px;display:flex}.front__actions[hidden],.front__pass[hidden]{display:none}.front__go,.front__open{border-radius:var(--r-pill);background:var(--accent);min-height:54px;color:var(--on-accent);white-space:nowrap;align-items:center;gap:10px;padding:0 24px 0 28px;font-size:16px;font-weight:600;transition:filter .2s,transform .2s;display:inline-flex}.front__go svg,.example>svg{flex:none;width:18px;height:18px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.front__go:hover,.front__open:hover{filter:brightness(1.08)}.front__go:hover svg,.example:hover>svg{transform:translate(3px)}.front__key{min-height:44px;color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair);text-underline-offset:5px;padding:0 2px;font-size:15px;font-weight:500;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}.front__key:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink-2);text-decoration-color:var(--ink-2)}.front__go--quiet{background:var(--glass);color:var(--ink);border:1px solid var(--hair);-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3)}.front__key--small{min-height:36px;color:var(--ink-3);font-size:13.5px;font-weight:400}@media (width>=821px){.front__actions:has(.front__key--small){flex-wrap:wrap;row-gap:4px}.front__actions:has(.front__key--small) .front__key--small{text-align:left;flex-basis:100%;align-self:flex-start}}:root[data-theme=dark] .front__key{text-shadow:0 1px 12px #000000b3}.front__pass{gap:8px;width:min(27rem,100%)}.front__input{border-radius:var(--r-pill);border:1px solid var(--hair);background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);min-width:0;height:54px;color:var(--ink);font:inherit;letter-spacing:.04em;flex:1;padding:0 22px;font-size:16px}.front__input::placeholder{color:var(--ink-3);letter-spacing:0}.front__input:focus{border-color:var(--accent);outline:none}.front__open{padding:0 26px}.front__open[aria-busy=true]{filter:saturate(.6)brightness(.9);cursor:progress}.front__shut{width:44px;height:44px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;transition:color .2s,background-color .2s;display:grid}.front__shut svg{width:18px;height:18px;display:block}.front__shut:hover{color:var(--ink);background:var(--hair)}.front__note{min-height:21px;color:var(--warn);text-shadow:none;text-wrap:pretty;margin:12px 0 0;font-size:14px}.front__note--info{color:var(--ink-2)}.front__open .spin{border:2px solid color-mix(in srgb, var(--on-accent) 25%, transparent);border-top-color:var(--on-accent);border-radius:50%;width:16px;height:16px;animation:1.1s linear infinite turn}.front__open:disabled{background:var(--hair);color:var(--ink-3);cursor:default;filter:none}.front__pass.is-resting .front__input{opacity:.5}.remember{width:fit-content;color:var(--ink-2);cursor:pointer;text-shadow:none;align-items:center;gap:10px;margin-top:14px;padding:2px 0;font-size:14px;font-weight:500;display:flex}.remember[hidden]{display:none}.remember__box{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.remember__box:focus-visible+.tick{outline:2px solid var(--accent);outline-offset:3px}.front__rooms{width:min(27rem,100%);text-shadow:none;flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.front__rooms .example>svg{margin-left:auto}.front__sub{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-2);margin:0 0 12px 2px;font-size:12.5px;font-weight:600}.front__list{gap:10px;max-width:100%;margin:-4px;padding:4px;display:flex;overflow-x:auto}.example{border-radius:var(--r);text-align:left;flex:none;align-items:center;gap:16px;padding:8px 22px 8px 8px;transition:border-color .25s,background-color .5s;display:flex}.example:hover{border-color:var(--accent)}.example__pic{border-radius:calc(var(--r) - 6px);object-fit:cover;background:var(--hair-2);width:132px;height:88px;display:block}.example__text{flex-direction:column;gap:3px;min-width:9.5em;display:flex}.example__title{font:400 22px/1.1 var(--serif);letter-spacing:-.005em}.example__meta{color:var(--ink-2);font-size:13.5px}.example>svg{color:var(--ink-2)}.project__spot{pointer-events:none;position:absolute;inset:2% -4% 2% max(36%,clamp(28px,5.4vw,84px) + 28rem)}.project :is(.front__title,.front__line,.front__rooms,.more,.front__key){z-index:1;position:relative}.project__picture{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .9s,transform 1.6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translateY(12px);-webkit-mask-image:linear-gradient(#000 72%,#0000 99%);mask-image:linear-gradient(#000 72%,#0000 99%)}.project__picture.is-shown{opacity:1;transform:none}.example__pic--room{background:var(--pic-bg);color:var(--ink-3);place-items:center;display:grid;position:relative;overflow:hidden}.example__pic--room svg{width:34px;height:34px;transition:opacity .4s}.example__pic--room img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.example__pic--room.has-picture img{opacity:1}.example__pic--room.has-picture svg{opacity:0}.example__date{color:var(--ink-3);font-size:12.5px}.more{border-radius:var(--r);border:1px dashed color-mix(in srgb, var(--ink-3) 55%, transparent);width:min(27rem,100%);text-shadow:none;align-items:center;gap:16px;margin:-8px 0 18px;padding:8px 22px 8px 8px;animation:.9s cubic-bezier(.2,.8,.2,1) .9s both arrive;display:flex}.more__mark{border-radius:calc(var(--r) - 6px);background:var(--hair-2);width:132px;height:64px;color:var(--accent);flex:none;place-items:center;display:grid}.more__mark svg{width:22px;height:22px}.more__text{flex-direction:column;gap:4px;min-width:0;display:flex}.more__title{font:400 22px/1.1 var(--serif);letter-spacing:-.005em}.more__line{color:var(--ink-2);text-wrap:pretty;font-size:13.5px;line-height:1.4}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}}.plate__back{pointer-events:auto;text-shadow:none;margin:14px 0 0 -6px;display:inline-flex}.has-rooms .options{top:190px}.app[data-state=entering] .veil{pointer-events:none;background:0 0;transition:none}.app[data-state=entering] .veil__box{opacity:0;animation:.4s 2.4s forwards late}@keyframes late{to{opacity:1}}.app[data-state=front] .options{display:none}.app[data-state=error] .corner{visibility:hidden}@media (width>=821px) and (height<=560px){.front{padding:22px 32px}.front__brand{font-size:clamp(48px,17vh,76px)}.front__line{margin:10px 0 16px;font-size:16px}.front__examples{display:none}}@media (width<=820px){.front{padding:18px 20px calc(18px + env(safe-area-inset-bottom));justify-content:flex-start}.front__lead{display:contents}.front__brand{font-size:60px}.front__title{font-size:38px}.front__line{max-width:19em;margin:12px 0 0;font-size:17px}.front__examples{order:1;margin-top:auto}.front__actions,.front__pass,.front__rooms{order:2;width:100%;margin-top:14px}.front__examples,.front__actions,.front__pass,.front__rooms,.remember,.more{max-width:27rem}.remember{order:3;margin-top:12px}.front:not(:has(.front__examples)) :is(.front__actions,.front__pass){margin-top:auto}.project__spot{flex:1 1 0;order:1;min-height:110px;margin:6px -20px 0;position:relative;inset:auto}.project__picture{width:140%;height:116%;top:-8%;left:-20%}.project .front__rooms{margin-top:6px;margin-bottom:10px}.project .more{order:2;margin:0 0 8px}.project .front__key{order:3;align-self:flex-start}.more__mark{width:96px;height:56px}.front__rooms{align-items:stretch;margin-top:auto}.front__actions{flex-direction:column;align-items:stretch;gap:2px}.front__go{justify-content:center}.front__key{order:3;align-self:center}.front__rooms+.front__key{align-self:flex-start}.front__pass{flex-wrap:wrap}.front__input{flex-basis:100%}.front__open{flex:1;justify-content:center}.front__note{order:4;min-height:0;margin-top:8px}.front__note:empty{display:none}.front:has(.front__pass:not([hidden])) .front__note{min-height:42px;display:block}.example{flex:1}@media (height<=700px){.front__examples{display:none}.front__actions,.front__pass{margin-top:auto}}.front:has(.front__pass:not([hidden])) .front__examples{visibility:hidden}.example__pic{width:96px;height:64px}.example>svg{margin-left:auto}:root{--edge:12px}.plate{max-width:calc(100% - 150px);top:16px;left:16px}.plate__title{font-size:28px}.plate__meta{gap:2px 14px;margin-top:7px;font-size:12.5px}.plate__fact .num{font-size:13.5px}.plate__fact+.plate__fact:before,.switch__btn span,.lamp span{display:none}.plate__back{margin:10px 0 0 -4px}.plate__back span{display:inline}.options{z-index:15;width:auto;max-height:46dvh;position:fixed;inset:auto 12px 82px}.options-open .views,.options-open .notice{display:none}.options-open #canvas{height:calc(100% - 46dvh - 60px)}.lamp{padding:12px}.lightcard{z-index:20;width:auto;position:fixed;inset:auto 12px 82px}.lighting-open #canvas{height:calc(100% - 372px)}.lighting-open .views,.lighting-open .notice{display:none}.switch__btn{padding:8px 10px}.views{bottom:82px}.notice{font-size:12px;bottom:138px}.panel{border-radius:var(--r) var(--r) 0 0;background:var(--glass-strong);width:auto;max-height:62dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),background-color .5s;inset:auto 0 0;transform:translateY(calc(100% - 70px))}.panel-open .panel{transform:none}.panel__head{cursor:pointer;width:100%;padding:24px 18px 18px;position:relative}.panel__head:before{content:"";background:var(--hair);border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:9px;left:50%}.panel__peek{margin-left:auto;display:inline-grid}.panel-open .panel__peek{visibility:hidden}.items{padding:0 18px}.panel__foot{padding:14px 18px 16px}}@media (prefers-reduced-motion:reduce){*,:before{transition-duration:.01ms!important;animation:none!important}}