.chero h1{max-width:18ch}.lgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start;margin-top:40px}.letter{position:relative;background:#fff;border:1px solid var(--rule);border-radius:28px;overflow:hidden}.lt-head{display:flex;align-items:center;gap:14px;padding:22px 28px;background:var(--sky);border-bottom:1px solid var(--rule)}.lt-av{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:50%;background:#fff;border:1px solid var(--rule)}.lt-av img{width:36px;height:auto}.lt-bubble{position:relative;margin:0;padding:12px 16px;background:#fff;border:1px solid var(--rule);border-radius:18px 18px 18px 6px;font:500 15px/1.45 var(--body);color:var(--ink)}.lt-bubble.pop{animation:bubPop .45s cubic-bezier(.2,.9,.3,1.3)}@keyframes bubPop{0%{transform:scale(.94) translateY(4px);opacity:.4}}.lt-body{padding:28px 32px 8px;font:400 clamp(19px,2vw,23px)/1.9 var(--head);letter-spacing:-.015em;color:var(--ink)}.lt-line{margin:0 0 14px}.lt-line>span,.lt-more label{display:block;margin-bottom:8px}.lt-hi{font-weight:600}.ink{font:inherit;color:var(--accent);font-weight:600;min-width:6ch;max-width:100%;padding:0 4px 2px;margin:0 2px;border:0;border-bottom:2px dashed #c9cfc2;background:0 0;border-radius:0;transition:border-color .2s,background .2s}.ink::placeholder{color:#a9b0a4;font-weight:500}.ink:focus{outline:0;border-bottom:2px solid var(--ink);background:linear-gradient(transparent 62%,var(--lime) 62%)}textarea.ink{display:block;width:100%;min-height:96px;padding:10px 2px;margin:0;resize:vertical;font:500 17px/1.6 var(--body);color:var(--ink);border-bottom:2px dashed #c9cfc2}textarea.ink:focus{background:0 0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative;cursor:pointer}.chip input{position:absolute;opacity:0;pointer-events:none}.chip span{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1.5px solid var(--rule);border-radius:999px;background:#fff;font:600 15px var(--body);color:var(--text);letter-spacing:0;transition:background .2s,border-color .2s,color .2s,transform .25s cubic-bezier(.2,.9,.3,1.4)}.chip:hover span{border-color:var(--ink);color:var(--ink)}.chip input:checked+span{background:var(--lime);border-color:var(--ink);color:var(--ink);transform:rotate(-2deg)}.chip input:checked+span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink)}.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.lt-sign{margin-top:18px;line-height:1.5}.sig{display:inline-block;margin-top:4px;font:italic 500 30px/1.2 var(--head);letter-spacing:-.03em;color:#b5bcb0;transform:rotate(-3deg);transform-origin:left;transition:color .3s}.sig.on{color:var(--accent)}.lt-foot{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;padding:18px 32px 28px}.meter{flex:1 1 140px;height:8px;border-radius:999px;background:var(--soft);overflow:hidden}.meter i{display:block;height:100%;width:0;border-radius:999px;background:var(--ink);transition:width .5s cubic-bezier(.2,.7,.2,1)}.letter.ready .meter i{background:linear-gradient(90deg,var(--ink),var(--accent))}.lt-status{margin:0;font:500 14px var(--body);color:var(--muted);white-space:nowrap}.lt-status b{color:var(--ink);font-variant-numeric:tabular-nums}.letter .send{border:0;cursor:pointer}.letter .send span{display:inline-flex}.letter.ready .send{background:var(--ink)}.letter.ready .send span{animation:nudge 1.4s ease-in-out infinite}@keyframes nudge{50%{transform:translateX(4px)}}.letter.is-sent .lt-body,.letter.is-sent .lt-foot{opacity:.12;pointer-events:none;filter:blur(1px)}.sent{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:32px;text-align:center;background:rgba(255,255,255,.72)}.sent[hidden]{display:none}.sent h2{font:600 clamp(28px,3.4vw,40px)/1.1 var(--head);letter-spacing:-.03em}.sent p{margin:0;max-width:42ch;color:var(--text)}.sent .sent-alt{font-size:14px;color:var(--muted)}.stamp{display:grid;place-items:center;width:120px;height:120px;border:3px solid var(--ink);border-radius:50%;background:var(--lime);font:800 26px/1 var(--head);text-transform:uppercase;letter-spacing:.02em;transform:rotate(-12deg);animation:stamp .5s cubic-bezier(.2,.9,.3,1.4) both}.stamp small{display:block;margin-top:4px;font:700 10px var(--body);letter-spacing:.08em}@keyframes stamp{0%{transform:rotate(-12deg) scale(1.8);opacity:0}}.linkbtn{padding:0;border:0;background:0 0;font:600 14px var(--body);color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.lside{display:grid;gap:12px;position:sticky;top:96px}.lcard{padding:20px;background:#fff;border:1px solid var(--rule);border-radius:22px}.lcard h3{margin:0 0 10px;font:600 15px var(--head);color:var(--ink)}.lcard.now{display:flex;align-items:center;gap:12px}.lcard.now b{display:block;font:600 16px var(--head);color:var(--ink)}.lcard.now span:not(.dot){font-size:13.5px;color:var(--muted)}.dot{width:12px;height:12px;flex:none;border-radius:50%;background:#c9cfc2}.dot.on{background:#4caf50;animation:live 2s ease-in-out infinite}@keyframes live{50%{opacity:.45}}.lrow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%;padding:11px 0;border:0;border-top:1px solid var(--rule);background:0 0;text-align:left;cursor:pointer;font:inherit;color:var(--ink)}.lrow span{font:600 12px var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.lrow b{font:600 14px var(--body);min-width:0;overflow-wrap:anywhere;text-align:right;transition:color .2s}.lrow:hover b{color:var(--accent)}.lsteps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:12px}.lsteps li{position:relative;padding-left:36px;counter-increment:s}.lsteps li::before{content:counter(s);position:absolute;left:0;top:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--lime);font:700 12px var(--body);color:var(--ink)}.lsteps b{display:block;font:600 14.5px var(--body);color:var(--ink)}.lsteps span{font-size:13.5px;color:var(--muted)}@media (max-width:900px){.lgrid{grid-template-columns:minmax(0,1fr)}.lside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.lside .now{grid-column:1/-1}}@media (max-width:560px){.lside{grid-template-columns:minmax(0,1fr)}.lt-head{padding:16px 18px}.lt-av{width:44px;height:44px}.lt-av img{width:28px}.lt-body{padding:22px 20px 4px;font-size:19px;line-height:1.85}.lt-foot{padding:14px 20px 22px}.letter .send{width:100%;justify-content:center}.chip span{min-height:42px;padding:0 14px;font-size:14px}}@media (prefers-reduced-motion:reduce){.lt-bubble.pop,.stamp,.letter.ready .send span,.dot.on{animation:none}.chip input:checked+span{transform:none}}.lgrid{grid-template-columns:minmax(0,760px);justify-content:center}.chero{text-align:center;display:grid;justify-items:center}.chero h1{margin-left:auto;margin-right:auto}.chero .lead{margin-left:auto;margin-right:auto}.lalt{margin:22px 0 0;text-align:center;font:500 14.5px var(--body);color:var(--muted)}.lalt a{color:var(--ink);font-weight:600;background:linear-gradient(currentColor,currentColor)0 100%/0 1.5px no-repeat;transition:background-size .3s;padding-bottom:1px}.lalt a:hover{background-size:100% 1.5px}.lalt i{font-style:normal;margin:0 10px;color:#c4c9be}.chero .lead{text-wrap:balance}.chero{padding-top:12px}.chero .kick2{display:none}.chero h1{margin-top:0;font-size:clamp(32px,3.8vw,46px);max-width:none}.chero .lead{margin-top:10px;font-size:16.5px}.lgrid{margin-top:22px}.lt-head{padding:12px 22px;gap:12px}.lt-av{width:42px;height:42px}.lt-av img{width:26px}.lt-bubble{padding:8px 14px;font-size:14px}.lt-body{padding:18px 26px 4px;font-size:18px;line-height:1.7}.lt-line{margin:0 0 10px}.lt-hi{margin-bottom:6px}.lt-line:has(.chips){display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.lt-line>span,.lt-more label{display:inline;margin:0}.chips{gap:6px}.chip span{min-height:36px;padding:0 13px;font-size:14px}.lt-more label{display:block;margin-bottom:2px}textarea.ink{min-height:56px;padding:6px 2px;font-size:15.5px}.meter{height:3px;border-radius:0;margin:6px 0 0}.meter i{border-radius:0}.lt-foot{padding:14px 26px 18px;gap:12px 16px}.lt-sign{margin:0;flex:1;display:flex;align-items:baseline;gap:10px;font:400 18px var(--head);color:var(--ink)}.sig{margin:0;font-size:24px}.lalt{margin-top:14px}@media (max-width:560px){.lt-body{padding:18px 18px 4px;font-size:17px}.lt-line:has(.chips){display:block}.lt-line:has(.chips)>span{display:block;margin-bottom:6px}.lt-foot{padding:14px 18px 18px}.lt-sign{flex-basis:100%}}.crumbs{margin-top:10px}.chero{padding-top:6px;padding-bottom:0}.lgrid{margin-top:18px}.lt-head{padding:10px 20px}.lt-body{padding-top:14px}.lt-line{margin-bottom:8px}.lt-foot{padding-top:12px;padding-bottom:16px}.qrows-top{margin-top:4px}.lt-line.qrow{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:10px 16px;margin:0;padding:10px 0;border-top:1px solid var(--rule)}.lt-line.qrow+.lt-more{border-top:1px solid var(--rule);padding-top:10px}.q{display:grid!important;font:500 16.5px/1.25 var(--head);color:var(--ink)}.q small{font:500 12px var(--body);color:var(--muted);letter-spacing:0;margin-top:2px}.qrow .chips{gap:6px}@media (max-width:640px){.lt-line.qrow{grid-template-columns:minmax(0,1fr);gap:8px}.q{display:flex!important;align-items:baseline;gap:8px}}.lt-more.qrow{align-items:start}.lt-more.qrow .q{padding-top:6px}.lt-line.qrow+.lt-more{padding-top:10px}.lt-more.qrow textarea.ink{min-height:52px}.lt-more.qrow+.lt-line{padding-top:8px;border-top:1px solid var(--rule)}.qrow .chip span{padding:0 12px}.fly{position:absolute;inset:0;z-index:5;display:none;place-items:center;background:#fff}.letter.is-sending .fly{display:grid;animation:flyIn .25s ease both}.letter.is-sending .lt-body,.letter.is-sending .lt-foot,.letter.is-sending .meter{opacity:0;transition:opacity .25s}@keyframes flyIn{0%{opacity:0}}.env{position:relative;width:260px;height:170px}.env-back{position:absolute;inset:0;border:2px solid var(--ink);border-radius:6px;background:var(--sky)}.env-front{position:absolute;inset:0;width:100%;height:100%;z-index:3}.env-flap{position:absolute;left:0;top:0;width:100%;height:100px;z-index:1;transform-origin:top;transform:rotateX(180deg)}.paper{position:absolute;left:22px;right:22px;bottom:26px;z-index:2;height:260px;transform-origin:bottom}.paper-top,.paper-bot{position:absolute;left:0;right:0;height:50%;padding:18px 18px 0;background:#fff;border:2px solid var(--ink);display:grid;align-content:start;gap:9px}.paper-top{top:0;border-radius:4px 4px 0 0;transform-origin:bottom}.paper-bot{bottom:0;border-top-style:dashed;border-radius:0 0 4px 4px}.paper i{display:block;height:6px;border-radius:3px;background:var(--rule)}.paper i:nth-child(2){width:80%}.paper i:nth-child(3){width:60%;background:var(--lime)}.paper em{font:italic 600 16px var(--head);color:var(--accent)}.inbox{position:absolute;top:22px;right:24px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;font:600 13px var(--body);color:var(--ink)}.inbox svg{width:20px;height:20px}.badge1{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--lime);font:700 11px var(--body);transform:scale(0)}.letter.is-sending .paper{animation:pRise .5s cubic-bezier(.2,.7,.2,1) both,pIn .5s cubic-bezier(.6,0,.3,1) 1.1s both}.letter.is-sending .paper-top{animation:pFold .6s cubic-bezier(.6,0,.3,1) .5s both}.letter.is-sending .env-flap{animation:flap .4s cubic-bezier(.6,0,.3,1) 1.6s both}.letter.is-sending .env{animation:envGo .7s cubic-bezier(.6,0,.4,1) 2.05s both}.letter.is-sending .badge1{animation:badge .35s cubic-bezier(.2,.9,.3,1.5) 2.7s both}.letter.is-sending .inbox{animation:inboxBump .35s ease 2.65s both}@keyframes pRise{0%{transform:translateY(80px);opacity:0}}@keyframes pFold{to{transform:rotateX(180deg)}}@keyframes pIn{0%{transform:translateY(0)}to{transform:translateY(14px) scaleY(.8)}}@keyframes flap{0%{transform:rotateX(180deg);z-index:1}49%{z-index:1}50%{z-index:4}to{transform:rotateX(0);z-index:4}}@keyframes envGo{0%{transform:none}30%{transform:translate(-10px,14px) rotate(-6deg)}to{transform:translate(var(--fx, 300px),var(--fy, -260px)) rotate(14deg) scale(.12);opacity:0}}@keyframes badge{to{transform:scale(1)}}@keyframes inboxBump{50%{transform:scale(1.12)}}.paper{backface-visibility:hidden}.paper-top{backface-visibility:visible}.env{perspective:600px}@media (max-width:560px){.env{transform:scale(.85)}.inbox{top:14px;right:14px}}@media (prefers-reduced-motion:reduce){.letter.is-sending .fly{display:none}}.letter .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}