:root{--world-deep: #14162b;--world-mid: #26264a;--world-far: #4a3f5c;--world-horizon: #c4a186;--world-sand: #e3c9ac;--world-quiet: rgba(227, 201, 172, .62);--world-faint: rgba(227, 201, 172, .34);--letter-void: #0c0c0e;--letter-dim: #17171b;--ui-text: #7c7c86;--ui-text-lit: #b4b4bd;--paper-bone: #e9e2d6;--paper-ash: #cbc7bf;--paper-rose: #c9a6a0;--paper-sage: #a9b5a3;--paper-slate: #9ca6b1;--paper-ochre: #d3b383;--paper-oxblood: #8d5b5b;--paper-indigo: #6c7a99;--ink: #1b1b1e;--ink-light: #e9e2d6;--font-letter: "Newsreader", "Spectral", "EB Garamond", Georgia, serif;--font-ui: "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--letter-size: 1.3125rem;--letter-leading: 1.75;--letter-measure: 58ch;--ui-size: .8125rem;--ui-tracking: .01em;--ease-settle: cubic-bezier(.16, 1, .3, 1);--dur-short: .6s;--dur-long: .9s;--gutter: clamp(1.5rem, 6vw, 4rem)}@media(prefers-reduced-motion:reduce){:root{--dur-short: 1ms;--dur-long: 1ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--letter-void);color:var(--ui-text);font-family:var(--font-ui);font-size:var(--ui-size);letter-spacing:var(--ui-tracking);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}#app{min-height:100%}button{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea{font:inherit;color:inherit;background:none;border:0}input:focus,textarea:focus,button:focus{outline:none}:focus-visible{outline:1px solid var(--world-quiet);outline-offset:4px}::selection{background:#e3c9ac38}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:var(--gutter)}.screen--world{background:radial-gradient(150% 58% at 50% 122%,rgba(196,161,134,.42) 0%,rgba(196,161,134,.11) 40%,transparent 66%),linear-gradient(to bottom,var(--world-deep) 0%,var(--world-mid) 66%,var(--world-far) 100%);color:var(--world-quiet)}.screen--letter{background:var(--letter-void);color:var(--ui-text)}@keyframes settle-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.settle{animation:settle-in var(--dur-long) var(--ease-settle) both}.settle-1{animation-delay:.12s}.settle-2{animation-delay:.3s}.settle-3{animation-delay:.52s}.serif{font-family:var(--font-letter);font-weight:300;font-optical-sizing:auto}.prompt{font-family:var(--font-letter);font-weight:300;font-size:clamp(1.75rem,5.2vw,3rem);line-height:1.28;letter-spacing:-.012em;color:var(--world-sand);margin:0;text-wrap:balance}.quiet{font-size:var(--ui-size);color:var(--world-quiet)}.faint{color:var(--world-faint)}.action{display:inline-block;padding:.85rem 1.9rem;border:1px solid var(--world-faint);border-radius:1px;color:var(--world-sand);background:transparent;transition:border-color var(--dur-short) var(--ease-settle),background-color var(--dur-short) var(--ease-settle),opacity var(--dur-short) var(--ease-settle)}.action:hover:not(:disabled){border-color:var(--world-quiet);background:#e3c9ac0d}.action:disabled{opacity:.32;cursor:default}.action--letter{color:var(--ui-text-lit);border-color:#b4b4bd3d}.action--letter:hover:not(:disabled){border-color:#b4b4bd80;background:#b4b4bd0d}.back{align-self:flex-start;padding:.5rem 0;color:inherit;opacity:.5;transition:opacity var(--dur-short) var(--ease-settle)}.back:hover{opacity:.9}.landing{justify-content:center;align-items:center;text-align:center;gap:3rem}.landing__center{max-width:30ch}.landing__counter{position:absolute;bottom:var(--gutter);left:0;right:0;text-align:center}.landing__wall{color:inherit;opacity:.55;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;transition:opacity var(--dur-short) var(--ease-settle)}.landing__wall:hover{opacity:.95}.compose{gap:2rem}.compose__sheet{flex:1;display:flex;justify-content:center;align-items:flex-start;padding-top:clamp(1rem,5vh,4.5rem)}.paper{width:min(100%,46rem);min-height:min(52vh,32rem);padding:clamp(2rem,5vw,3.75rem) clamp(1.75rem,5vw,3.5rem);background:var(--paper, var(--paper-bone));color:var(--paper-ink, var(--ink));transition:background-color var(--dur-long) var(--ease-settle),color var(--dur-long) var(--ease-settle)}.paper__field{display:block;width:100%;max-width:var(--letter-measure);margin:0 auto;min-height:38vh;resize:none;font-family:var(--font-letter);font-weight:400;font-size:var(--letter-size);line-height:var(--letter-leading);color:inherit;caret-color:currentColor}.paper__field::placeholder{color:currentColor;opacity:.34}.templates{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem}.template{width:2rem;height:2rem;border-radius:50%;background:var(--swatch);opacity:.5;transition:opacity var(--dur-short) var(--ease-settle),transform var(--dur-short) var(--ease-settle)}.template:hover{opacity:.8}.template[aria-pressed=true]{opacity:1;transform:scale(1.12)}.compose__foot{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.ask{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;text-align:center}.ask__question{font-family:var(--font-letter);font-weight:300;font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.3;color:var(--ui-text-lit);margin:0;text-wrap:balance}.ask__input{width:min(100%,24rem);padding:.65rem 0;text-align:center;font-family:var(--font-letter);font-size:1.375rem;color:var(--ui-text-lit);border-bottom:1px solid rgba(180,180,189,.22);transition:border-color var(--dur-short) var(--ease-settle)}.ask__input:focus{border-bottom-color:#b4b4bd8c}.ask__input::placeholder{color:var(--ui-text);opacity:.4}.counter{min-height:1.25rem;color:var(--ui-text);transition:opacity var(--dur-short) var(--ease-settle)}.counter__n{font-family:var(--font-letter);font-size:1rem;color:var(--ui-text-lit)}.typeahead{position:relative;width:min(100%,24rem)}.typeahead__list{list-style:none;margin:.5rem 0 0;padding:0;text-align:left;max-height:15rem;overflow-y:auto}.typeahead__item{display:block;width:100%;padding:.6rem .75rem;text-align:left;color:var(--ui-text);transition:color var(--dur-short) var(--ease-settle),background-color var(--dur-short) var(--ease-settle)}.typeahead__item:hover,.typeahead__item[aria-selected=true]{color:var(--ui-text-lit);background:var(--letter-dim)}.typeahead__city{opacity:.5}.years{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.year{padding:.7rem 1.25rem;border:1px solid rgba(180,180,189,.18);border-radius:1px;color:var(--ui-text);transition:color var(--dur-short) var(--ease-settle),border-color var(--dur-short) var(--ease-settle)}.year:hover,.year[aria-pressed=true]{color:var(--ui-text-lit);border-color:#b4b4bd80}.gate{gap:3rem;justify-content:center}.gate__inner{width:min(100%,34rem);margin:0 auto;display:flex;flex-direction:column;gap:2.75rem}.advisory{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem;color:var(--ui-text);line-height:1.5}.advisory__lead{font-family:var(--font-letter);font-size:1.125rem;color:var(--ui-text-lit);margin:0 0 .35rem}.gate__field{width:100%;padding:.6rem 0;font-family:var(--font-letter);font-size:1.125rem;color:var(--ui-text-lit);border-bottom:1px solid rgba(180,180,189,.18);transition:border-color var(--dur-short) var(--ease-settle)}.gate__field:focus{border-bottom-color:#b4b4bd80}.gate__field::placeholder{color:var(--ui-text);opacity:.4}.gate__answers{display:flex;flex-direction:column;gap:1rem}.gate__label{display:block;margin-bottom:.9rem;color:var(--ui-text)}.sent{justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.sent__word{font-family:var(--font-letter);font-weight:300;font-size:clamp(1.5rem,4vw,2.25rem);color:var(--world-sand);margin:0;opacity:0;animation:settle-in var(--dur-long) var(--ease-settle) 2.6s both}.wall{gap:3rem}.wall__head{display:flex;flex-direction:column;gap:.75rem}.wall__title{font-family:var(--font-letter);font-weight:300;font-size:clamp(1.5rem,4vw,2rem);color:var(--world-sand);margin:0}.wall__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1.75rem;list-style:none;margin:0;padding:0}.wall__item{display:flex;align-items:baseline;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid rgba(227,201,172,.12);animation:settle-in var(--dur-long) var(--ease-settle) both}.wall__seal{width:.5rem;height:.5rem;border-radius:50%;background:var(--swatch);flex:none;transform:translateY(-1px)}.wall__name{font-family:var(--font-letter);font-size:1.125rem;color:var(--world-sand)}.wall__place{margin-left:auto;text-align:right;color:var(--world-faint)}.wall__more{align-self:center}.note{color:var(--ui-text);line-height:1.55;text-wrap:pretty}.centered{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bird{position:absolute;left:0;top:62%;color:var(--world-sand);opacity:0;animation:depart 2.8s cubic-bezier(.38,.08,.5,.98) .3s both;will-change:transform,opacity}@keyframes depart{0%{opacity:0;transform:translate(16vw,4vh) rotate(-3deg) scale(1)}14%{opacity:.8}62%{opacity:.6}to{opacity:0;transform:translate(74vw,-30vh) rotate(-11deg) scale(.34)}}.sent__after{opacity:0;animation:settle-in var(--dur-long) var(--ease-settle) 3.4s both}@media(prefers-reduced-motion:reduce){.bird{display:none}.sent__word,.sent__after{animation-delay:0ms;opacity:1}}