.wl-page{--paper:#fff7e4;--paper-bright:#fffdf6;--paper-edge:#dfc48a;--ink:#2e2216;--ink-soft:#6b5841;--gold:#f2b12e;--gold-edge:#c38712;--sea:#1f6fba;--sea-deep:#185a9a;--sky:#6b9fd6;--grass:#62b426;--words:var(--ink);--words-soft:var(--ink-soft);--bad:#b3361e;--ring:var(--sea);background:var(--grass);color:var(--words);font-family:var(--font-text), system-ui, sans-serif;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.wl-stage{background:var(--sky);flex:auto;min-height:0;position:relative;overflow:hidden}.wl-clip{object-fit:cover;object-position:50% 27%;width:100%;height:100%;position:absolute;inset:0}.wl-card{padding:20px max(18px, env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));background:var(--paper);box-shadow:0 -3px 0 var(--paper-edge), 0 -18px 36px -18px #1e3c0a80;border-radius:26px 26px 0 0;flex:none;margin-top:-26px;position:relative}.wl-title{font-family:var(--font-display), Georgia, serif;font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(30px,8.9vw,40px);font-weight:700;line-height:1.02}.wl-pitch{max-width:36ch;color:var(--words-soft);text-wrap:pretty;margin:8px 0 0;font-size:15.5px;line-height:1.4}.wl-form{margin:14px 0 0}.wl-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.wl-input{background:var(--paper-bright);min-width:0;height:52px;color:var(--ink);box-shadow:inset 0 0 0 1.5px #2e221633, 0 2px 0 var(--paper-edge);font:inherit;border:0;border-radius:999px;padding:0 18px;font-size:16px}.wl-input::placeholder{color:var(--ink-soft);opacity:.75}.wl-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--bad), 0 2px 0 var(--paper-edge)}.wl-button{background:var(--gold);height:52px;color:var(--ink);box-shadow:0 3px 0 var(--gold-edge);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;padding:0 18px;font-size:15.5px;font-weight:700;transition:transform 90ms ease-out,box-shadow 90ms ease-out}.wl-button:active:not(:disabled){box-shadow:0 1px 0 var(--gold-edge);transform:translateY(2px)}.wl-button:disabled{opacity:.7;cursor:default}.wl-input:focus-visible,.wl-button:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.wl-note,.wl-problem{margin:9px 2px 0;font-size:13px;line-height:1.35}.wl-note{color:var(--words-soft)}.wl-problem{color:var(--bad);font-weight:600}.wl-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wl-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.wl-done{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;margin-top:14px;animation:.42s cubic-bezier(.3,1.5,.5,1) both wl-arrive;display:grid}.wl-face{width:56px;height:56px;box-shadow:0 0 0 3px var(--paper-bright), 0 3px 0 3px var(--paper-edge);object-fit:cover;background:#ffd9a8;border-radius:999px}.wl-bubble{background:var(--paper-bright);color:var(--ink);box-shadow:0 3px 0 var(--paper-edge);border-radius:20px 20px 20px 6px;padding:10px 14px 11px}.wl-who{color:var(--ink-soft);margin:0;font-size:12.5px;font-weight:700}.wl-line{font-family:var(--font-display), Georgia, serif;font-variation-settings:"SOFT" 100, "WONK" 1;margin:1px 0 0;font-size:17px;font-weight:600;line-height:1.25}.wl-done .wl-note{overflow-wrap:anywhere;grid-column:1/-1;margin-top:12px}@keyframes wl-arrive{0%{opacity:0;transform:translateY(8px)scale(.97)}}@media (max-width:349px){.wl-row{grid-template-columns:minmax(0,1fr)}}@media (max-height:600px){.wl-pitch{display:none}}.wl-page[data-keyboard] .wl-pitch,.wl-card[data-done] .wl-pitch{display:none}.wl-page[data-keyboard] .wl-card{padding-bottom:12px}@media (min-width:860px) and (min-aspect-ratio:11/10){.wl-page{--words:var(--paper);--words-soft:#fff7e4db;--bad:#ffd3c7;--ring:var(--paper);background:linear-gradient(var(--sea), var(--sea-deep));flex-direction:row-reverse;justify-content:center;align-items:center;gap:clamp(40px,7vw,120px);padding:4vh 6vw}.wl-stage{aspect-ratio:9/16;height:min(92vh,880px);box-shadow:0 0 0 7px var(--paper), 0 7px 0 7px var(--paper-edge), 0 40px 70px -30px #081e3cbf;border-radius:38px;flex:none}.wl-clip{object-position:50% 50%}.wl-card{box-shadow:none;background:0 0;border-radius:0;flex:0 540px;margin:0;padding:0}.wl-title{letter-spacing:-.03em;font-size:clamp(56px,6.6vw,104px);line-height:.96}.wl-pitch,.wl-card[data-done] .wl-pitch{display:block}.wl-pitch{max-width:30ch;margin-top:22px;font-size:clamp(19px,1.6vw,23px)}.wl-form,.wl-done{max-width:480px;margin-top:32px}.wl-input,.wl-button{height:58px}.wl-input{padding:0 22px;font-size:17px;box-shadow:0 3px #081e3c59}.wl-button{padding:0 24px;font-size:16.5px}.wl-note,.wl-problem{margin-top:12px;font-size:14.5px}}@media (prefers-reduced-motion:reduce){.wl-done{animation:none}.wl-button{transition:none}}