:root{--display:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--body:"Iowan Old Style","Palatino Linotype",Georgia,serif;--ui:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--hand:"Segoe Script","Bradley Hand","Snell Roundhand","Noteworthy","Apple Chancery",cursive;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}:root{--bg:#f1eee6;--fg:#0a0a0a;--dim:#6b675f;--line:#cfc9bc;--paper:#faf8f2;--env:#e6e1d2;--env2:#d9d3c0;--wax:#0a0a0a;--waxfg:#f1eee6;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);transition:background .4s,color .4s}.screen{min-height:100dvh;max-width:34rem;margin:0 auto;padding:calc(1.5rem + env(safe-area-inset-top)) clamp(1rem,6vw,1.75rem) calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;gap:1.75rem}.screen>*{min-width:0}.top{display:flex;justify-content:space-between;align-items:center}.link{background:none;border:0;color:var(--dim);font:.7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:.6rem 0;min-height:44px}.label{font:.7rem/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0}.big{font-family:var(--display);font-size:clamp(2.4rem,11vw,3.7rem);line-height:1.14;font-weight:400;margin:0;letter-spacing:-.01em;overflow-wrap:anywhere}.big.small{font-size:clamp(1.7rem,7vw,2.3rem)}.quiet{font-size:1.08rem;line-height:1.65;margin:0;opacity:.82;overflow-wrap:anywhere}.blur{word-break:break-all;color:var(--dim)}.mono{font-family:var(--mono);font-size:.8rem}.dim{color:var(--dim)}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.between{justify-content:space-between}.field{width:100%;background:transparent;color:var(--fg);border:0;border-bottom:1px solid var(--line);font:1.05rem var(--serif);padding:.7rem 0;border-radius:0;resize:none}.field::placeholder{color:var(--dim)}.field:focus{outline:none;border-color:var(--fg)}.big-field{font-size:1.7rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{background:none;color:var(--fg);border:1px solid var(--line);font:.75rem var(--mono);padding:.55rem .8rem;min-height:44px;cursor:pointer}.btn{background:var(--fg);color:var(--bg);border:1px solid var(--fg);border-radius:0;font:.78rem var(--ui);letter-spacing:.12em;text-transform:uppercase;padding:1rem 1.6rem;min-height:48px;cursor:pointer}.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line)}.btn.small{padding:.6rem 1rem;min-height:44px}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:focus-visible,.chip:focus-visible,.link:focus-visible,.field:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.err{color:var(--fg);border-left:2px solid var(--fg);padding-left:.8rem;margin:0;font-size:.95rem;line-height:1.5}.meta{display:grid;grid-template-columns:minmax(5.5rem,.45fr) minmax(0,1fr);gap:.65rem 1rem;margin:0;font:.78rem/1.5 var(--ui)}.meta dt{color:var(--dim);text-transform:uppercase;letter-spacing:.1em}.meta dd{margin:0;overflow-wrap:anywhere}.create{display:contents}.preview{display:none}@media (min-width:60rem){.screen:has(.create){max-width:62rem}.create{display:grid;grid-template-columns:1fr 1fr;gap:4rem;flex:1;align-content:start}.preview{display:flex;flex-direction:column;gap:1.2rem;border-left:1px solid var(--line);padding-left:3rem}}.paper{border:1px solid var(--line);padding:clamp(1.1rem,5vw,1.6rem);display:flex;flex-direction:column;gap:1.2rem;animation:rise .8s .6s both}.letter{font-size:1.55rem;line-height:1.65;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.listen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;text-align:center}.dot{width:1.1rem;height:1.1rem;flex:none;border-radius:50%;background:var(--fg);opacity:.35;animation:breathe 4s ease-in-out infinite}.dot.low{opacity:.5}.dot.medium{opacity:.7;animation-duration:2s}.dot.high,.dot.confirmed{opacity:1;animation-duration:.8s}.dot.medium,.dot.high,.dot.confirmed{outline:1px solid var(--fg);outline-offset:6px}.dot.confirmed{background:#287a45;outline-color:#287a45}.confirmed-text{color:#287a45}.field .field-hide,.field .quiet{opacity:0;transition:opacity 1.5s}.field .label{opacity:.25}.field .dot{opacity:.2}@keyframes breathe{50%{transform:scale(1.9)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:rise .6s both}.debug{font:.72rem/1.6 var(--mono);border:1px solid var(--line);padding:.8rem;margin:0;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}input[type=file]{display:block;margin-top:.5rem;color:var(--fg);font:.75rem var(--mono)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}.dot{animation:none}}.model{border:1px solid var(--line);padding:1.2rem;display:flex;flex-direction:column;gap:.9rem}.model.planned{border-style:dashed}.mname{font:400 1.35rem var(--serif);margin:0}.row.wrap{flex-wrap:wrap}a.link{text-decoration:underline;display:inline-flex;align-items:center}.bar{height:6px;border:1px solid var(--fg)}.bar i{display:block;height:100%;background:var(--fg);transition:width .3s}:root[data-letter=old]{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .2 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-letter=old]{--bg:#efe5cf;--fg:#2a1f16;--dim:#7b6b57;--line:#c8b894;--paper:#f6eedb;--env:#e3d3b0;--env2:#d6c49c;--wax:#7a2b22;--waxfg:#f1dcc8}:root[data-letter=field]{--bg:#f2f0e8;--fg:#141414;--dim:#6a675e;--line:#cdc9bb;--paper:#faf9f4;--env:#e9e5d6;--env2:#ddd8c6;--wax:#141414;--waxfg:#f2f0e8;--accent:#4a5a3a;--body:"Charter","Iowan Old Style",Georgia,serif}:root[data-letter=dove]{--bg:#e8ebee;--fg:#1c2733;--dim:#66737f;--line:#b8c1ca;--paper:#f4f6f8;--env:#d5dce3;--env2:#c6cfd8;--wax:#2c3a49;--waxfg:#eef2f5;--display:Georgia,"Iowan Old Style",serif}:root[data-field]{--bg:#0a0a0a;--fg:#ece8df;--dim:#7a766f;--line:#2e2c29;--paper:#161614;--env:#1c1b19;--env2:#242320;--wax:#ece8df;--waxfg:#0a0a0a;--accent:#9db386;color-scheme:dark}.hand{font-family:var(--hand);font-size:1.05rem;color:var(--accent,var(--dim));margin:0}.sketch{color:var(--accent,var(--dim));display:block;margin-bottom:.4rem}.paper{background-color:var(--paper);background-image:var(--grain,none);box-shadow:inset 0 0 40px #5a3c141f}:root[data-letter=old] .paper{box-shadow:inset 0 0 50px #5a3c1438}.lhead{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.lhead .dove{color:var(--dim)}.themes{display:grid;gap:.5rem}.chip.theme{text-align:left;display:flex;flex-direction:column;gap:.2rem;font-family:var(--ui)}.chip.theme span{color:var(--dim);font-size:.72rem}.chip.theme.on{border-color:var(--fg)}.env{position:relative;width:min(72vw,16rem);aspect-ratio:3/2;margin:1rem auto;background:var(--env);border:1px solid var(--fg);perspective:700px}.env i{position:absolute;display:block;font-style:normal}.sheet{left:7%;right:7%;top:6%;bottom:6%;background:var(--paper);border:1px solid var(--line);opacity:0;z-index:2;transition:transform .9s .3s cubic-bezier(.4,0,.2,1),opacity .3s}.env.open .sheet{opacity:1;transform:translateY(-38%)}.pocket{top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top right,transparent calc(50% - .5px),var(--line) 50%,transparent calc(50% + .5px)) left bottom/50% 64% no-repeat,linear-gradient(to top left,transparent calc(50% - .5px),var(--line) 50%,transparent calc(50% + .5px)) right bottom/50% 64% no-repeat}.addr{position:absolute;left:50%;bottom:14%;transform:translate(-50%);font:400 .95rem var(--hand);color:var(--accent,var(--dim));white-space:nowrap}.flap{left:0;right:0;top:0;height:64%;z-index:3;background:var(--env2);border-bottom:1px solid var(--fg);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform .9s cubic-bezier(.5,0,.2,1)}.env.open .flap{transform:rotateX(180deg);z-index:0}.wax{left:50%;top:58%;width:2rem;height:2rem;margin:-1rem;border-radius:50%;background:var(--wax);color:var(--waxfg);z-index:4;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #00000059,inset 0 0 0 3px #ffffff14;transition:opacity .5s}.wax .dove{width:22px;height:14px}.env.open .wax{opacity:0}.sealing .sheet{opacity:1;animation:tuck 1s forwards}.sealing .flap{transform:rotateX(180deg);animation:shut 1s .9s forwards}.sealing .wax{transform:scale(0);animation:stamp .5s 1.9s forwards}@keyframes tuck{0%{transform:translateY(-38%);opacity:1}80%{opacity:1}to{transform:none;opacity:0}}@keyframes shut{to{transform:none}}@keyframes stamp{60%{transform:scale(1.35)}to{transform:scale(1)}}.marker{color:var(--dim)}.marker.fly{animation:fly 1.4s forwards}@keyframes fly{to{transform:translate(30px,-40px);opacity:0}}.dove.pass{position:absolute;align-self:center;color:var(--dim);animation:pass 2s both}@keyframes pass{0%,to{opacity:0;transform:translateY(8px)}40%,60%{opacity:.9;transform:none}}