body:has(.kiss-room){--gallery-paper:#e9e6db;--gallery-ink:#14232a;background:var(--gallery-paper);color:var(--gallery-ink)}.kiss-room{--frame-top:84px;--kiss-ink:#14232a;--kiss-red:#8f3f31;--kiss-sky:#5f92cc;--kiss-sky-low:#93b7e2;--kiss-stone:#d7cdb3;--kiss-stone-low:#c9bea2;--kiss-linen:#f5f2e9;--spread:1.15;--tall:1.5;--apple-x:56%;--apple-y:45%;color:var(--kiss-ink);font-family:Helvetica Neue,Arial,sans-serif}.kiss-room em{font-weight:400}.kiss-eyebrow{font:10px var(--mono);text-transform:uppercase;letter-spacing:.16em}.kiss-stage{isolation:isolate;min-height:calc(100svh - var(--frame-top));background:#c9bea2;display:grid;position:relative;overflow:clip;container-type:inline-size}.kiss-canvas{position:absolute;inset:0}.kiss-sky{background:linear-gradient(var(--kiss-sky), var(--kiss-sky-low) calc(var(--apple-y) + var(--spread) * 30cqw), var(--kiss-stone) calc(var(--apple-y) + var(--spread) * 30cqw + 1px), #c9bea2);position:absolute;inset:0;overflow:clip}.kiss-painting{--w:max(calc(var(--spread) * 100cqw), calc(var(--tall) * (100svh - var(--frame-top))));width:var(--w);aspect-ratio:3/2;left:calc(var(--apple-x) - .49 * var(--w));top:calc(var(--apple-y) - .3 * var(--w));transform-origin:49% 45%;will-change:transform;position:absolute;-webkit-mask-image:linear-gradient(#0000,#000 7% 91%,#0000);mask-image:linear-gradient(#0000,#000 7% 91%,#0000);container-type:inline-size}.kiss-painting>img{width:100%;height:100%;display:block}.kiss-light,.kiss-night{pointer-events:none;opacity:0;position:absolute}.kiss-light{aspect-ratio:1;mix-blend-mode:screen;background:radial-gradient(circle,#fff5d8 0%,#fff5d800 64%);border-radius:50%;width:72cqw;top:45%;left:49%;translate:-50% -50%}.kiss-night{background:#0b161b;inset:0}.kiss-cloths{transform-origin:49% 45%;position:absolute;inset:0}.kiss-layer{pointer-events:none;position:absolute;inset:0}.kiss-traces{z-index:1}.kiss-shroud-seat{z-index:2}.kiss-sheets{z-index:3}.kiss-seat{--size:33;--tilt:0deg;--cx:49%;--cy:45%;left:var(--cx);top:var(--cy);width:calc(var(--size) * 1cqw);aspect-ratio:1/1.08;translate:-50% -50%;rotate:var(--tilt);pointer-events:none;transition:scale .5s cubic-bezier(.16,1,.3,1);position:absolute}.kiss-seat:has(.kiss-veil:hover){scale:1.014}.kiss-cloth-0{--size:35;--tilt:-5deg;--cx:48%;--cy:46%;z-index:3}.kiss-cloth-1{--size:34;--tilt:3.5deg;--cx:50.5%;--cy:44%;z-index:2}.kiss-cloth-2{--size:33;--tilt:-1.5deg;z-index:1}.kiss-shroud-seat{--size:31;--tilt:.9deg}.kiss-cloth{color:var(--kiss-ink);font:inherit;text-align:left;pointer-events:auto;-webkit-tap-highlight-color:transparent;border:0;border-radius:3px;margin:0;padding:0;position:absolute;inset:0}.kiss-veil{cursor:pointer;-webkit-backdrop-filter:blur(7px)saturate(.9);background:radial-gradient(120% 80% at 28% 14%,#fffdf6b0,#fffdf600 60%),repeating-linear-gradient(112deg,#ffffff12 0 5px,#0000 5px 21px),linear-gradient(164deg,#f4f0e69e,#d6d1c38c 58%,#e7e3d799);border-radius:4px 7px 5px 9px/8px 4px 10px 5px;transition:box-shadow .5s;box-shadow:inset 0 0 0 1px #ffffffa6,0 34px 60px -30px #0f202a80}.kiss-veil:hover{box-shadow:inset 0 0 0 1px #fffc,0 44px 70px -30px #0f202a99}.kiss-veil[data-present=false]{pointer-events:none}.kiss-ghost{cursor:pointer;outline-offset:-1px;opacity:0;pointer-events:none;background:#ffffff10;outline:1px dashed #fffffff2;transition:opacity .6s,background .3s}.kiss-ghost[data-present=false]{opacity:.7;pointer-events:auto}.kiss-ghost:hover{background:#ffffff2e}.kiss-stage[data-verdict=clean] .kiss-ghost{opacity:0;pointer-events:none}.kiss-shroud{color:#f1ede3;opacity:0;background:radial-gradient(110% 70% at 30% 10%,#4a4a52cc,#4a4a5200 60%),linear-gradient(160deg,#2b2b31f2,#16171cf0 65%,#24252bee);box-shadow:inset 0 0 0 1px #ffffff26,0 34px 60px -30px #0f202a99}.kiss-cloth-label{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:14px}.kiss-cloth-label b{opacity:.55;font-weight:400}.kiss-cloth-label i{font-size:15px;font-style:normal;line-height:10px}.kiss-ghost .kiss-cloth-label{opacity:0;transition:opacity .3s}.kiss-ghost:hover .kiss-cloth-label{opacity:1}.kiss-inscription{white-space:nowrap;color:#10222b;clip-path:inset(0 100% 0 0);pointer-events:none;font:italic clamp(20px,2.2cqw,42px) Georgia,serif;position:absolute;top:65%;left:49%;translate:-50%}.kiss-column{z-index:3;pointer-events:none;flex-direction:column;justify-content:space-between;gap:24px;width:min(36%,540px);padding:26px 0 28px 5%;display:flex;position:relative}.kiss-poster,.kiss-console{pointer-events:auto}.kiss-apple-room{display:none}.kiss-poster>.kiss-eyebrow{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.kiss-poster h1{letter-spacing:-.055em;text-shadow:0 0 34px #dce9f8c0;margin:26px 0 18px;font:400 clamp(46px,5.4vw,88px)/.94 Georgia,serif}.kiss-poster h1 em{color:var(--kiss-red)}.kiss-intro{text-shadow:0 0 18px #dce9f8d0;max-width:30em;font:italic 16px/1.55 Georgia,serif}.kiss-steps{gap:7px;margin:0;padding:0;list-style:none;display:grid}.kiss-step{-webkit-backdrop-filter:blur(10px);width:100%;color:var(--kiss-ink);text-align:left;cursor:pointer;background:#f5f2e9d9;border:1px solid #fff9;border-radius:3px;grid-template-columns:auto 1fr auto;grid-template-areas:"n name x""n reason x";align-items:center;column-gap:13px;padding:10px 14px 10px 15px;transition:background .35s,border-color .35s,translate .35s;display:grid;position:relative}.kiss-step:hover{background:#fffdf5ec;translate:2px}.kiss-step b{font:10px var(--mono);letter-spacing:.1em;opacity:.55;grid-area:n}.kiss-step-name{grid-area:name;font:15px/1.2 Georgia,serif;transition:opacity .35s}.kiss-step small{opacity:.72;grid-area:reason;margin-top:2px;font-size:11px;line-height:1.4}.kiss-step i{opacity:.75;grid-area:x;font-size:19px;font-style:normal;line-height:1}.kiss-step[aria-pressed=false]{background:#f5f2e94d;border-style:dashed}.kiss-step[aria-pressed=false] .kiss-step-name{opacity:.6;text-decoration:line-through}.kiss-step-essential{border-color:#8f3f3199}.kiss-step-essential input{opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px;position:absolute}.kiss-step-essential:has(:focus-visible){outline:3px solid var(--blue);outline-offset:5px}.kiss-step-essential[data-on=false]{color:#f1ede3;background:#2b2b31e6;border-color:#2b2b31}.kiss-step-essential[data-on=false] .kiss-step-name{text-decoration:line-through}.kiss-actions{align-items:center;gap:16px;margin-top:12px;display:flex}.kiss-deliver{border:1px solid var(--kiss-ink);background:var(--kiss-ink);color:#f4f1e8;border-radius:3px;flex:1;justify-content:space-between;gap:24px;padding:15px 18px;font-size:14px;transition:background .3s,translate .3s;display:flex}.kiss-deliver:hover{background:#223a44;translate:0 -1px}.kiss-reset{color:inherit;text-underline-offset:5px;white-space:nowrap;text-shadow:0 0 14px #dce9f8d0;background:0 0;border:0;padding:6px 0;font-size:12px;text-decoration:underline}.kiss-verdict{text-shadow:0 0 24px #dce9f8d0;min-height:78px;margin-top:16px}.kiss-verdict strong{letter-spacing:-.035em;font:400 clamp(24px,2.3vw,36px)/1.05 Georgia,serif;display:block}.kiss-verdict p{max-width:30em;margin-top:7px;font:italic 14px/1.5 Georgia,serif}.kiss-verdict[data-kind=nothing] strong{color:var(--kiss-red)}.kiss-verdict strong:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.kiss-verdict-actions{display:none}.kiss-verdict-back{border:1px solid var(--kiss-ink);background:var(--kiss-ink);color:#f4f1e8;border-radius:3px;justify-content:space-between;gap:24px;padding:15px 18px;font-size:16px;display:flex}.kiss-hint{z-index:3;font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.7;text-shadow:0 0 12px #dce9f8;position:absolute;bottom:22px;right:5%}.kiss-coda{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:8%;max-width:1220px;margin:0 auto;padding:86px 6% 96px;display:grid}.kiss-principle h2{letter-spacing:-.045em;margin:22px 0 26px;font:400 clamp(38px,4.6vw,66px)/1.02 Georgia,serif}.kiss-principle h2 em{color:var(--kiss-red)}.kiss-principle>p:not(.kiss-eyebrow){max-width:34em;font-size:16px;line-height:1.75}.kiss-principle details{border-block:1px solid #14232a30;max-width:34em;margin-top:30px}.kiss-principle summary{cursor:pointer;font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:18px 0}.kiss-principle summary span{float:right}.kiss-principle pre{font:12px / 1.9 var(--mono);background:#dedbcf;margin:0 0 16px;padding:20px;overflow:auto}.kiss-code-note{margin-bottom:14px;font-size:12px;line-height:1.6}.kiss-reference{margin:34px 0 0}.kiss-reference img{width:100%;height:auto;display:block;box-shadow:0 30px 60px -34px #14232a66}.kiss-reference figcaption{justify-content:space-between;align-items:end;gap:18px;margin-top:16px;font:italic 13px/1.55 Georgia,serif;display:flex}.kiss-reference figcaption a{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;text-underline-offset:4px;flex-shrink:0;text-decoration:underline}@media (min-width:761px) and (max-height:860px){.kiss-column{gap:12px;padding:16px 0 18px 5%}.kiss-poster h1{margin:16px 0 12px;font-size:clamp(40px,min(5.4vw,8.4svh),88px)}.kiss-intro{font-size:14px;line-height:1.5}.kiss-steps{gap:6px}.kiss-step{padding:6px 12px 6px 13px}.kiss-step-name{font-size:14px}.kiss-step small{font-size:10.5px;line-height:1.3}.kiss-actions{margin-top:8px}.kiss-deliver{padding:11px 16px}.kiss-verdict{min-height:58px;margin-top:8px}.kiss-verdict strong{font-size:clamp(22px,2vw,30px)}.kiss-verdict p{margin-top:4px;font-size:13px}.kiss-hint{bottom:14px}}@media (max-width:760px){.kiss-room{--spread:1.42;--tall:0;--apple-x:50%;--apple-y:44%;--gutter:20px}.kiss-canvas{inset:auto;top:calc(var(--frame-top) - var(--pin,0px));z-index:0;grid-area:1/1;align-self:start;height:0;position:sticky}.kiss-sky{height:calc(100svh - var(--frame-top) + var(--pin,0px));inset:0 0 auto}.kiss-apple-room{height:calc(var(--spread) * 46cqw);display:block}.kiss-traces{display:none}.kiss-column{width:100%;padding:16px var(--gutter) 0;grid-area:1/1;justify-content:flex-start;gap:0}.kiss-poster,.kiss-console{pointer-events:auto}.kiss-poster>.kiss-eyebrow{letter-spacing:.08em;font-size:8px}.kiss-poster h1{margin:16px 0 10px;font-size:clamp(38px,11vw,48px)}.kiss-intro{max-width:26em;font-size:13px}.kiss-cloth-label{letter-spacing:.1em;font-size:8px;top:9px;left:10px}.kiss-steps{gap:6px}.kiss-step{column-gap:11px;padding:9px 12px}.kiss-step-name{font-size:14px}.kiss-step small{font-size:11px}.kiss-step i{font-size:16px}.kiss-actions{z-index:4;margin:6px calc(-1 * var(--gutter)) 0;padding:18px var(--gutter) max(12px, env(safe-area-inset-bottom));background:linear-gradient(#c9bea200, #c9bea2e6 40%, var(--kiss-stone-low));gap:14px;position:sticky;bottom:0}.kiss-deliver{white-space:nowrap;padding:14px 16px;font-size:15px}.kiss-reset{padding:6px 0;font-size:11px}.kiss-verdict{min-height:0;margin-top:14px;padding-bottom:28px}.kiss-verdict strong{font-size:34px}.kiss-verdict p{font-size:15px}.kiss-waiting{font-size:13px}.kiss-stage:not([data-verdict=none]):is(.kiss-poster,.kiss-steps,.kiss-actions){display:none}.kiss-stage:not([data-verdict=none]) .kiss-apple-room{height:calc(var(--spread) * 52cqw)}.kiss-stage:not([data-verdict=none]) .kiss-verdict{padding-bottom:max(40px, env(safe-area-inset-bottom))}.kiss-verdict-actions{flex-direction:column;align-items:stretch;gap:2px;margin-top:24px;display:flex}.kiss-verdict-actions .kiss-reset{align-self:center;padding:10px 0 0}.kiss-hint{display:none}.kiss-coda{grid-template-columns:1fr;gap:40px;padding:56px 5% 64px}.kiss-reference{margin-top:0}.kiss-reference figcaption{flex-direction:column;align-items:start;gap:10px}}@media (prefers-reduced-motion:reduce){.kiss-veil,.kiss-ghost,.kiss-step,.kiss-deliver{transition:none}}