.wl{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;max-width:38rem;margin:0 auto;padding:max(14px,env(safe-area-inset-top,0px)) 20px max(20px,env(safe-area-inset-bottom,0px))}.wl-backdrop{inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(18px) brightness(.28) saturate(.8)}.wl-backdrop,.wl:before{position:fixed;z-index:-1;pointer-events:none}.wl:before{content:"";inset:0;background:radial-gradient(120% 70% at 50% 0,var(--amber-soft),transparent 60%),linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--night) 85%,transparent))}.wl-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px;padding-block:4px 8px}.wl-top .brand{justify-self:start}.wl-skip{justify-self:end;color:var(--dim);font-size:.88rem;padding:8px 4px;min-height:44px;min-width:44px;justify-content:center;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}.wl-skip:hover{color:var(--ink)}.wl-dots{list-style:none;margin:0;padding:0;display:flex;gap:6px}.wl-dots li{width:6px;height:6px;border-radius:50%;background:var(--glass-edge);transition:width .3s,background .3s}.wl-dots li.done{background:var(--dim)}.wl-dots li.on{width:18px;border-radius:3px;background:var(--amber)}.wl-step{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:18px;padding-block:28px;animation:wl-in .8s var(--ease)}.wl-title{font-family:var(--display);font-weight:500;font-style:italic;font-size:clamp(2.1rem,8vw,3.2rem);line-height:1.02;margin:0;max-width:18ch}.wl-title:focus{outline:none}.wl-lede{font-family:var(--display);font-size:1.2rem;margin:0;max-width:32ch;color:var(--ink)}.wl-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px}.wl-list li{display:flex;gap:12px;align-items:center}.wl-list svg{color:var(--amber);flex:none}.wl-check{padding:14px 16px;border:1px solid var(--glass-edge);border-radius:10px;font-size:1rem;cursor:pointer;background:color-mix(in srgb,var(--raise) 70%,transparent)}.wl-check:has(input:checked){border-color:var(--amber)}.wl-check input:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.wl-chips{display:flex;flex-wrap:wrap;gap:10px}.wl-chip{border:1px solid var(--glass-edge);border-radius:999px;padding:10px 16px;min-height:44px;font-size:.92rem;background:color-mix(in srgb,var(--raise) 60%,transparent);transition:border-color .2s,color .2s}.wl-chip:hover:not(:disabled){border-color:var(--ink)}.wl-chip[aria-pressed=true]{border-color:var(--amber);color:var(--amber);background:var(--amber-soft)}.wl-surprise{font-family:var(--display);font-style:italic}.wl-options{border:0;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.wl-option{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--glass-edge);border-radius:10px;cursor:pointer;background:color-mix(in srgb,var(--raise) 60%,transparent)}.wl-option:has(input:checked){border-color:var(--amber)}.wl-option:has(input:focus-visible){outline:2px solid var(--amber);outline-offset:2px}.wl-option input{accent-color:var(--amber);width:18px;height:18px;margin:0;flex:none}.wl-option>span{display:grid;grid-gap:2px;gap:2px}.wl-option b{font-family:var(--display);font-weight:500;font-size:1.15rem}.wl-pick{grid-gap:16px}.wl-card,.wl-pick{display:grid;gap:16px}.wl-card{grid-template-columns:7.5rem 1fr;grid-gap:16px;align-items:end}.wl-card img,.wl-cover-blank{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;background:var(--raise)}.wl-card h2{font-family:var(--display);font-weight:500;font-size:1.6rem;line-height:1.05;margin:0 0 6px}.wl-card p{margin:0 0 10px;color:var(--dim);font-size:.92rem}.wl-nav{display:flex;gap:10px;justify-content:space-between;padding-bottom:8px}.wl-nav>*{flex:1 1}body:has(.dock) .wl{padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px))}.wl-nav .ghost:disabled{visibility:hidden}.wl-nav .primary[aria-disabled=true]{opacity:.45;cursor:default}.wl-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (min-width:768px){.wl-card{grid-template-columns:10rem 1fr}.wl-nav>*{flex:0 1 12rem}}@keyframes wl-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.wl-step{animation:none}.wl-chip,.wl-dots li{transition:none}}