@font-face{font-family:Neue Montreal;src:url(/fonts/NeueMontreal-Medium.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Zalando Sans;src:url(/fonts/ZalandoSans-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Zalando Sans;src:url(/fonts/ZalandoSans-ExtraLightItalic.ttf) format("truetype");font-weight:200;font-style:italic;font-display:swap}:root{--room: #161614;--room-ink: #EDEBE6;--room-muted: #7C7974;--room-line: #2E2D2A;--print: #FAF9F7;--print-ink: #1C1B1A;--print-muted: #8C8B88;--print-line: #E4E1DB;--flush: #E39C88;--bg: var(--room);--ink: var(--room-ink);--muted: var(--room-muted);--line: var(--room-line);--sans: "Neue Montreal", "Helvetica Neue", Helvetica, Arial, sans-serif;--display: "Zalando Sans", "Neue Montreal", "Helvetica Neue", sans-serif;color-scheme:dark}:root.paper{--bg: var(--print);--ink: var(--print-ink);--muted: var(--print-muted);--line: var(--print-line);color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:500 15px/1.35 var(--sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;transition:background-color 1.2s ease,color 1.2s ease}#app{min-height:100%;display:flex}.screen{flex:1;display:flex;flex-direction:column;min-height:100dvh;width:100%;max-width:520px;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:22px}.brand{display:flex;align-items:center;gap:8px}.body{flex:1;display:flex;flex-direction:column;gap:14px;padding-top:32px;min-height:0}.foot{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:20px}.spacer{flex:1}.muted{color:var(--muted)}.cap{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.prompt{font-size:22px;line-height:1.2;letter-spacing:0;text-wrap:balance;margin:0}.display{font:300 italic 112px/.85 var(--display);letter-spacing:-.05em;margin:0}.display small{font-size:.38em;letter-spacing:-.02em}p{margin:0}.error{color:var(--flush)}.word{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;padding:10px 0;margin:-10px 0;-webkit-tap-highlight-color:transparent}.word:hover{color:var(--muted)}.word:focus-visible,.row-btn:focus-visible,input:focus-visible{outline:1px solid var(--flush);outline-offset:4px}.word[disabled]{color:var(--muted);cursor:default;text-decoration:none}.word.quiet{color:var(--muted);text-decoration:none}.rows{list-style:none;margin:0;padding:0}.rows>li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.rows>li:last-child{border-bottom:1px solid var(--line)}.rows>li>:last-child{text-align:right}.rows>li.stack{display:block}.rows>li.stack>*{text-align:left}.rows>li.trio{display:grid;grid-template-columns:76px 1fr auto;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field input{all:unset;font:500 22px/1.2 var(--sans);padding:8px 0 10px;border-bottom:1px solid var(--line);width:100%;caret-color:var(--flush)}.field input::placeholder{color:var(--muted)}.field input.code{font:300 italic 64px/1 var(--display);letter-spacing:.02em;text-transform:uppercase}.check{all:unset;cursor:pointer;display:flex;gap:10px;align-items:flex-start;padding:6px 0}.check i{flex:none;width:9px;height:9px;border-radius:50%;margin-top:5px;box-shadow:inset 0 0 0 1px var(--muted);transition:background-color .14s,box-shadow .14s}.check[aria-checked=true] i{background:var(--flush);box-shadow:none}.prog{display:flex;gap:3px;margin-top:12px}.prog i{flex:1;height:1px;background:var(--line)}.prog i.on{background:var(--ink)}.scale{position:relative;height:64px;margin:4px 0}.scale .rule{position:absolute;left:14px;right:14px;top:22px;height:1px;background:var(--line)}.scale button{all:unset;position:absolute;top:0;width:44px;height:44px;margin-left:-22px;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}.scale button i{width:9px;height:9px;border-radius:50%;background:var(--muted);transition:transform .14s ease,background-color .14s ease}.scale button[aria-checked=true] i{background:var(--flush);transform:scale(2.6)}.scale button:focus-visible i{outline:1px solid var(--flush);outline-offset:6px}.scale .ends{position:absolute;left:0;right:0;top:46px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.scale-label{font-size:22px;min-height:27px}.choices{list-style:none;margin:0;padding:0}.choices li{border-top:1px solid var(--line)}.choices li:last-child{border-bottom:1px solid var(--line)}.row-btn{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:22px 1fr 12px;gap:10px;align-items:center;padding:14px 0;color:var(--muted);-webkit-tap-highlight-color:transparent}.row-btn[aria-checked=true]{color:var(--ink)}.row-btn .dot{width:8px;height:8px;border-radius:50%;justify-self:end;transition:transform .14s,background-color .14s}.row-btn[aria-checked=true] .dot{background:var(--flush);transform:scale(1.3)}.count{font:200 italic min(110vw,560px)/.78 var(--display);letter-spacing:-.08em;margin:auto 0 -.06em -.04em}.count.tick{animation:cut .9s ease both}@keyframes cut{0%{opacity:0;transform:translateY(2%)}15%{opacity:1;transform:none}to{opacity:1}}.develop .reveal-in{animation:in .6s ease .5s both}@keyframes in{0%{opacity:0}to{opacity:1}}.venn{position:relative;height:44px;width:100px}.venn i{position:absolute;top:0;width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1px currentColor}.venn i:nth-child(1){left:0}.venn i:nth-child(2){left:24px}.venn em{position:absolute;top:3px;left:25px;width:18px;height:38px;border-radius:50%;background:var(--flush)}.develop .venn i:nth-child(2){animation:slide .9s cubic-bezier(.2,.7,.1,1) .3s both}.develop .venn em{animation:in .4s ease 1.1s both}@keyframes slide{0%{left:56px}to{left:24px}}.sheet{position:fixed;inset:0;background:var(--bg);z-index:10;overflow:auto;display:flex}.share-img{width:100%;max-width:320px;aspect-ratio:9/16;box-shadow:0 0 0 1px var(--line)}.toast{position:fixed;left:20px;right:20px;top:calc(max(18px,env(safe-area-inset-top)) + 34px);color:var(--flush);background:var(--bg);padding:6px 0;text-align:left;z-index:20}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}