.liquid-page{--liquid-ink:var(--text);--liquid-muted:var(--muted);--liquid-line:var(--line);background:var(--bg);color:var(--liquid-ink);padding:128px clamp(20px,4vw,72px) 0}.liquid-page__intro,.liquid-page__stage-top,.liquid-page__stage-bottom,.liquid-page__note{justify-content:space-between;align-items:center;gap:20px;display:flex}.liquid-page__intro{padding-bottom:28px}.liquid-page__intro p{color:var(--liquid-muted);margin:0;font-size:13px}.liquid-page__label{letter-spacing:.12em;align-items:center;gap:12px;font-size:11px;display:flex}.liquid-page__label>span:first-child{background:var(--accent);border-radius:50%;width:7px;height:7px}.liquid-page__label>span:last-child{color:var(--liquid-muted);margin-left:16px}.liquid-page__stage{border-block:1px solid var(--liquid-line);margin-inline:calc(-1*clamp(20px,4vw,72px));position:relative}.liquid-page__stage-top,.liquid-page__stage-bottom{z-index:2;pointer-events:none;position:absolute;left:clamp(20px,4vw,72px);right:clamp(20px,4vw,72px)}.liquid-page__stage-top{color:var(--liquid-muted);letter-spacing:.16em;font-size:10px;top:24px}.liquid-page__stage-bottom{color:var(--liquid-muted);letter-spacing:.08em;font-size:10px;bottom:22px}.liquid-page__overline{letter-spacing:.23em;color:var(--liquid-muted);margin-bottom:26px;font-size:9px;font-weight:500}.liquid-page__hint{color:var(--liquid-muted);text-wrap:balance;margin:28px 0 0;font-size:13px;line-height:1.7}.liquid-page__drop{border:1px solid var(--line-strong);color:var(--text);background:var(--surface);cursor:pointer;border-radius:50px;align-items:center;gap:14px;margin-top:26px;padding:12px 19px;font-size:12px;transition:background .16s,border-color .16s;display:inline-flex}.liquid-page__drop svg{width:15px;height:19px}.liquid-page__drop>span{margin-left:12px}.liquid-page__drop:hover:enabled{background:var(--surface-raised);border-color:var(--accent)}.liquid-page__drop:disabled{opacity:.45;cursor:default}.liquid-page__mobile-break{display:none}.liquid-page__status{letter-spacing:0;align-items:center;gap:8px;font-size:11px;display:inline-flex}.liquid-page__status i{background:var(--faint);border-radius:50%;width:5px;height:5px}.liquid-page__status i[data-active=true]{background:var(--accent)}.liquid-page__controls{border-bottom:1px solid var(--liquid-line);grid-template-columns:1.25fr 1fr 1fr 1fr;align-items:center;gap:42px;padding:35px 0;display:grid}.liquid-page__controls-title>span{letter-spacing:.13em;color:var(--liquid-muted);font-size:9px}.liquid-page__controls-title p{letter-spacing:-.03em;max-width:190px;margin:10px 0 0;font-family:Georgia,Times New Roman,serif;font-size:21px;line-height:1.25}.liquid-page__slider{gap:13px;font-size:12px;display:grid}.liquid-page__slider>span{justify-content:space-between;gap:10px;display:flex}.liquid-page__slider output{color:var(--liquid-muted);font-variant-numeric:tabular-nums;font-size:11px}.liquid-page__slider input{width:100%;height:4px;accent-color:var(--accent);cursor:pointer;margin:0;display:block}.liquid-page__range-ends small{color:var(--liquid-muted);font-size:10px}.liquid-page__actions{border-left:1px solid var(--liquid-line);justify-content:end;gap:17px;padding-left:20px;display:grid}.liquid-page__toggle,.liquid-page__reset{width:fit-content;color:var(--liquid-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:11px;display:inline-flex}.liquid-page__switch{background:var(--faint);border-radius:20px;width:29px;height:17px;display:block;position:relative}.liquid-page__switch:after{content:"";background:var(--bg);border-radius:50%;width:11px;height:11px;transition:transform .16s;position:absolute;top:3px;left:3px}.liquid-page__toggle[aria-checked=true] .liquid-page__switch{background:var(--accent)}.liquid-page__toggle[aria-checked=true] .liquid-page__switch:after{transform:translate(12px)}.liquid-page__reset{color:var(--liquid-muted)}.liquid-page__reset>span{border-bottom:1px solid #0000}.liquid-page__reset:hover>span{border-color:currentColor}.liquid-page button:focus-visible,.liquid-page input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.liquid-page__note{align-items:flex-start;padding:38px 0 45px}.liquid-page__note>span:first-child{letter-spacing:.1em;color:var(--liquid-muted);font-size:9px}.liquid-page__note p{color:var(--liquid-muted);margin:0;font-size:12px;line-height:1.8}.liquid-page__asterisk{color:var(--warm);font-size:42px;line-height:1}@media (width>=1600px){.liquid-page__controls,.liquid-page__intro,.liquid-page__note{max-width:1440px;margin-inline:auto}}@media (width<=1000px){.liquid-page__controls{grid-template-columns:1fr 1fr;gap:28px}.liquid-page__controls-title p{max-width:none}.liquid-page__actions{border-left:0;justify-content:start;padding-left:0}}@media (width<=600px){.liquid-page{padding-top:106px}.liquid-page__intro{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:20px}.liquid-page__intro p{font-size:11px}.liquid-page__stage-top{letter-spacing:.08em;gap:12px;font-size:8px}.liquid-page__overline{letter-spacing:.13em;font-size:7px}.liquid-page__hint{padding-inline:18px;font-size:11px}.liquid-page__mobile-break{display:initial}.liquid-page__stage-bottom>span:last-child{display:none}.liquid-page__controls{gap:30px 24px;padding-block:28px}.liquid-page__controls-title{grid-column:1/-1}.liquid-page__actions{grid-column:1/-1;justify-content:space-between;display:flex}.liquid-page__note{flex-wrap:wrap;padding-block:28px}.liquid-page__note p{order:2;width:85%;font-size:11px}.liquid-page__asterisk{font-size:32px}}@media (prefers-reduced-motion:reduce){.liquid-page *,.liquid-page :after{transition:none!important}}