:root{--ground:#1d1e20;--tile:#26282b;--fg:#b8bcc0;--white:#ffffff;--accent:#9a86ee;--line:rgba(184,188,192,.22);--r:8px;--cut:16px;--s-body:clamp(1rem,0.96rem + 0.2vw,1.0625rem);--s-mid:clamp(1.5rem,1.25rem + 1.1vw,2.25rem);--s-big:clamp(2rem,1.35rem + 2.9vw,3.75rem);--s-small:0.875rem;color-scheme:dark;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:#45484c var(--ground)}body{margin:0;background:var(--ground);color:var(--fg);font-family:"Geist",system-ui,sans-serif;font-size:var(--s-body);line-height:1.6;overflow-x:clip;transition:background-color .4s ease-out}::selection{background:var(--accent);color:var(--ground)}img,svg{display:block;max-width:100%}a{color:var(--white)}h1,h2,p{margin:0}h1,h2{color:var(--white);text-wrap:balance;letter-spacing:-0.03em}p{text-wrap:pretty}.wrap{width:100%;max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.hero{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:clamp(4rem,2rem + 8vw,9rem)}.hero .wrap{display:grid;gap:clamp(3rem,2rem + 4vw,6rem);align-items:start}.session{background:var(--tile);border-radius:var(--r);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);padding:16px 20px 32px;max-width:640px}.session-top{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.session-top img{width:clamp(48px,30px + 5vw,96px);height:auto;aspect-ratio:1;border-radius:var(--r)}.brand{color:var(--white);font-weight:600}.session-top small{display:block;font-size:var(--s-small);color:var(--fg)}.wish{display:flex;gap:12px;align-items:flex-start;margin:24px 0 24px;font-size:var(--s-body)}.who{flex:none;font-size:var(--s-small);font-weight:600;color:var(--ground);background:var(--fg);border-radius:999px;padding:2px 10px;margin-top:2px}.wish p{color:var(--white)}.reply h1{font-size:var(--s-big);font-weight:800;line-height:1.08}.reply .sub{margin-top:16px;max-width:34ch}.next{margin-top:24px}.btn-go{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;padding:0 32px;border-radius:999px;background:var(--accent);color:var(--ground);font-weight:800;font-size:1.0625rem;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .2s ease-out}.btn-go:focus-visible{outline:3px solid var(--white);outline-offset:3px}.btn-go:active{transform:scale(.98)}@media (hover: hover){.btn-go:hover{transform:translateY(-1px)}}.under{margin-top:12px;font-size:var(--s-small)}.result{max-width:400px;width:100%;container-type:inline-size}.result svg{width:100%;height:auto}.drag{margin-top:24px}.drag-label{display:flex;justify-content:space-between;font-size:var(--s-small);margin-bottom:12px}.drag-label b{color:var(--white);font-weight:600}.track{position:relative;height:44px;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent}.track::before{content:"";position:absolute;left:0;right:0;top:20px;height:4px;border-radius:999px;background:var(--line)}.fill{position:absolute;left:0;top:20px;height:4px;border-radius:999px;background:var(--fg);width:80%;transform-origin:left}.thumb{position:absolute;top:8px;left:80%;width:28px;height:28px;margin-left:-14px;border-radius:999px;background:var(--white);border:4px solid var(--tile)}.track:focus-visible{outline:2px solid var(--white);outline-offset:4px;border-radius:var(--r)}.track.dragging{cursor:grabbing}.guide{background:var(--tile);padding:clamp(5rem,3rem + 7vw,10rem) 0}.parts{font-size:var(--s-small);margin-bottom:48px}.parts a{color:var(--white);text-underline-offset:4px;margin-right:16px;display:inline-block;padding:8px 0}.wiz{max-width:680px}.bar{height:4px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:48px}.bar span{display:block;height:100%;width:33.4%;background:var(--white);transform-origin:left;transition:width .4s ease-out}.wiz:has(#fit.on) .bar span{width:66.7%}.wiz:has(#limit.on) .bar span{width:100%}.panel{padding-bottom:64px;scroll-margin-top:24px}.wiz.js .panel:not(.on){display:none}.panel h2{display:flex;align-items:baseline;gap:20px;font-size:var(--s-mid);font-weight:800;line-height:1.15;margin-bottom:40px}.num{font-size:var(--s-big);line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--fg)}.steps{display:grid;gap:40px;list-style:none;margin:0;padding:0}.step{container-type:inline-size;display:flex;align-items:center;gap:24px}.step svg{flex:none;width:72px;height:72px;padding:16px;background:var(--ground);border-radius:var(--r);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.step span{color:var(--white);font-weight:600;font-size:clamp(1rem,6cqw,1.25rem)}.step em{font-style:normal;color:var(--fg);margin-right:8px}.ask{font-size:var(--s-small);font-weight:600;color:var(--fg);margin-bottom:24px}.qs details{border-top:1px solid var(--line);padding:24px 0}.qs summary{cursor:pointer;list-style:none;color:var(--white);font-size:var(--s-mid);font-weight:600;line-height:1.25;display:flex;justify-content:space-between;gap:16px;min-height:44px;-webkit-tap-highlight-color:transparent}.qs summary::-webkit-details-marker{display:none}.qs summary svg{flex:none;width:24px;height:24px;margin-top:8px;transition:transform .3s ease-out}.qs details[open] summary svg{transform:rotate(90deg)}.qs details p{margin-top:16px;max-width:60ch}.fits{margin-top:32px;color:var(--white)}body:has(.qs details[open]) .guide{background:var(--ground)}body:has(.qs details[open]) .step svg{background:var(--tile)}.honest{padding:48px 0 16px}.honest small{display:block;font-size:var(--s-small);font-weight:600;color:var(--accent);margin-bottom:24px}.honest p{color:var(--white);font-size:var(--s-mid);line-height:1.3;max-width:24ch}.wiz-nav{display:none;gap:12px}.wiz.js .wiz-nav{display:flex}.wiz-nav button{font:inherit;font-weight:600;color:var(--white);background:transparent;border:1px solid var(--line);border-radius:999px;min-height:44px;padding:0 20px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.wiz-nav button svg{width:18px;height:18px}.wiz-nav button:disabled{opacity:.4;cursor:default}.wiz-nav button:focus-visible{outline:2px solid var(--white);outline-offset:2px}.close{padding:clamp(4rem,2rem + 5vw,7rem) 0}.done{list-style:none;margin:0;padding:0;max-width:680px;display:grid;gap:16px}.done li{display:flex;align-items:center;gap:16px;color:var(--fg)}.done li svg{flex:none;width:24px;height:24px}.done li.last{margin-top:16px}.sources{background:var(--tile);padding:32px 0;margin-top:clamp(2rem,1rem + 3vw,4rem)}.sources p{font-size:var(--s-small)}.sources a{display:inline-flex;align-items:center;gap:6px;padding:8px 0}.ext{width:14px;height:14px;display:inline-block}.dom{font-size:0.75rem;color:var(--fg);margin-left:4px}footer{padding:0 0 max(32px,env(safe-area-inset-bottom))}footer .cells{margin-top:32px}.cells{display:grid;grid-template-columns:1fr;border:1px solid var(--line)}.cell{padding:20px;border-bottom:1px solid var(--line);font-size:var(--s-small)}.cell:last-child{border-bottom:0}.cell strong{display:block;color:var(--white);font-weight:600;margin-bottom:4px}@media (min-width: 900px){.hero{padding-top:48px}.hero .wrap{grid-template-columns:minmax(0,640px) minmax(0,400px);justify-content:space-between}.session{padding:24px 40px 48px}.result{margin-top:96px}.cells{grid-template-columns:repeat(3,1fr)}.cell{border-bottom:0;border-right:1px solid var(--line)}.cell:last-child{border-right:0}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}}