:root{--world-deep: #0b1a2a;--world-mid: #17395a;--world-far: #31709b;--world-horizon: #a9cfe4;--world-sand: #e6ddcd;--world-quiet: rgba(230, 221, 205, .84);--world-faint: rgba(230, 221, 205, .42);--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:#a9cfe442}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:var(--gutter)}.screen--world{background:radial-gradient(150% 56% at 50% 122%,rgba(169,207,228,.34) 0%,rgba(169,207,228,.09) 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:#e6ddcd0f}.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}.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}.schools-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.schools{gap:.85rem!important;margin-top:-.5rem}.school{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)}.school:hover,.school[aria-pressed=true]{color:var(--ui-text-lit);border-color:#b4b4bd80}.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}.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)}}@media(prefers-reduced-motion:reduce){.bird{display:none}.sent__word{animation-delay:0ms;opacity:1}}.ways{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;width:min(100%,22rem)}.way{padding:1.05rem 1.5rem;border:1px solid rgba(180,180,189,.18);border-radius:1px;color:var(--ui-text);font-family:var(--font-letter);font-size:1.125rem;transition:color var(--dur-short) var(--ease-settle),border-color var(--dur-short) var(--ease-settle),background-color var(--dur-short) var(--ease-settle)}.way:hover{color:var(--ui-text-lit);border-color:#b4b4bd73;background:#b4b4bd0a}.ask__input--long{width:min(100%,30rem);resize:none;text-align:left;line-height:1.65;font-size:1.125rem;padding:.65rem .25rem .85rem}.code{font-family:var(--font-letter);font-size:clamp(1.5rem,4.5vw,2rem);letter-spacing:.04em;color:var(--ui-text-lit);background:var(--letter-dim);padding:1rem 1.75rem;margin:0;-webkit-user-select:all;user-select:all;text-align:center}.sent__depart{display:flex;flex-direction:column;align-items:center}.keep{display:flex;flex-direction:column;align-items:center;gap:1.6rem;padding:2rem 1.25rem 3rem;max-width:30rem;margin:0 auto}.keep__card{width:min(72vw,20rem);height:auto;display:block;opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1)}.keep__card.is-here{opacity:1}.keep__acts{display:flex;gap:2.25rem}.keep__act{font-family:var(--font-ui);font-size:.95rem;color:var(--ui-text);background:none;border:0;padding:.35rem 0;cursor:pointer;text-decoration:none;transition:color .32s ease}.keep__act:hover,.keep__act:focus-visible{color:var(--ui-text-lit)}.keep__done{font-family:var(--font-ui);font-size:.9rem;color:var(--ui-text);background:none;border:0;padding:.5rem 0;margin-top:.5rem;cursor:pointer;opacity:.6}.keep__done:hover{opacity:1}.support{margin-top:2.5rem;font-size:.85rem;opacity:.7}.support a{color:inherit;text-underline-offset:3px}
