.rt{--ink:#0b1e3d;--paper:#fffdf9;--wa-out:#d9fdd3;--wa-green:#00a884;--tick:#53bdeb;--animal:#2457ce;--place:#0f8a6c;--cond:#e0472b;--photo:#c98a0b;--ease:cubic-bezier(.23,1,.32,1);position:relative;background:var(--ink);color:var(--paper)}.rt-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.rt-track{position:relative;height:150svh}.rt-stage{--say:clamp(36px,4.3vw,66px);--gut:max(var(--sp-gutter,5vw),calc((100vw - 1280px) / 2));position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:clamp(40px,5vw,88px);align-items:center;padding:88px var(--gut) 72px}.rt-label{position:absolute;left:var(--gut);top:92px;display:flex;align-items:center;gap:9px;margin:0;font-size:15px;font-weight:650;letter-spacing:-.01em;color:rgba(255,253,249,.82)}.rt-label svg{width:22px;height:22px}.rt-intro{position:absolute;left:var(--gut);right:var(--gut);top:50%;transform:translateY(calc(-50% - (1 - var(--intro)) * 40px));opacity:var(--intro);pointer-events:none}.rt-intro-h{margin:0;font:600 clamp(48px,7.4vw,120px)/.98 var(--font-sans),sans-serif;letter-spacing:-.055em}.rt-intro-s{margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:rgba(255,253,249,.74)}.rt-say{min-width:0;opacity:calc(1 - var(--intro))}.rt-bubble-big{position:relative;max-width:13.6em;font-size:var(--say);padding:.42em .55em .5em;border-radius:.5em;box-shadow:inset 0 0 0 2px rgba(255,253,249,.22);transition:background-color .45s var(--ease),box-shadow .45s var(--ease),border-radius .45s var(--ease)}.rt-stage.is-sent .rt-bubble-big{background:var(--wa-out);box-shadow:0 30px 80px -40px rgba(0,0,0,.8);border-bottom-right-radius:.1em;color:var(--ink)}.rt-stage.is-sent .rt-bubble-big:after{content:"";position:absolute;right:-.28em;bottom:0;border-left:.16em solid transparent;border-right:.16em solid transparent;border-top:.16em solid transparent;border-left:.28em solid var(--wa-out);border-bottom:.16em solid transparent;border-bottom-color:var(--wa-out)}.rt-words{margin:0;font-weight:600;line-height:1.12;letter-spacing:-.035em}.rt-unsaid{color:transparent}.rt-say-tok{display:inline-block;white-space:nowrap;line-height:1.12;border-radius:.12em}.rt-say .rt-say-tok{visibility:hidden}.rt-caret{display:inline-block;width:0;height:.95em;vertical-align:-.14em;box-shadow:0 0 0 .035em #25d366;visibility:visible;animation:rt-blink 1s steps(1) infinite}.rt-words>span:not(.rt-say-tok){transition:opacity .6s var(--ease)}.rt-stage.is-read .rt-words>span:not(.rt-say-tok){opacity:.22}.rt-attach{display:flex;gap:.7em;margin-top:.9em;font-size:calc(var(--say) * .3)}.rt-slot{visibility:hidden;display:inline-flex}.rt-meta{display:flex;justify-content:flex-end;align-items:center;gap:.3em;margin-top:.4em;font-size:calc(var(--say) * .22);font-variant-numeric:tabular-nums;color:#5c6b5a;opacity:0;transition:opacity .3s}.rt-meta svg{width:1.3em;height:1.3em;color:var(--tick)}.rt-stage.is-sent .rt-meta{opacity:1}.rt-send{position:absolute;right:-.95em;bottom:.05em;display:grid;place-items:center;width:.8em;height:.8em;border-radius:50%;background:var(--wa-green);color:#fff;transition:transform .35s var(--ease),opacity .35s}.rt-send svg{width:.42em;height:.42em;margin-left:.06em}.rt-stage.is-sent .rt-send{transform:scale(.4) translateX(.6em);opacity:0}.rt-chip{display:inline-flex;flex:none;overflow:hidden;border-radius:.5em;box-shadow:0 0 0 1px rgba(11,30,61,.12)}.rt-chip-photo{width:3.6em;height:3.6em;align-items:center;justify-content:center;color:var(--paper);background:radial-gradient(circle at 32% 30%,#b8a07f,#6e5b45 60%,#43362a)}.rt-chip-photo svg{width:1.3em;height:1.3em}.rt-chip-pin{flex-direction:column;width:8.2em;height:3.6em;background:var(--paper)}.rt-chip-pin svg{display:block;width:100%;height:2.5em}.rt-chip-pin b{display:flex;align-items:center;gap:.25em;height:1.1em;padding:0 .45em;font-size:.78em;font-weight:650;line-height:1.1em;color:#0b6e57;white-space:nowrap}.rt-chip-pin b svg{width:1em;height:1em}.rt-rec{align-self:center;padding:18px 22px 20px;border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 40px 90px -40px rgba(0,0,0,.8);opacity:0;transition:opacity .5s var(--ease)}.rt-stage.is-read .rt-rec{opacity:1}.rt-rec-row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:baseline;column-gap:12px;padding:13px 0;border-bottom:1px solid #ebe4d9}.rt-rec-k{font-size:12.5px;font-weight:650;color:#6a7587}.rt-rec-v{display:inline-block;justify-self:start;white-space:nowrap;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.12;visibility:hidden}.rt-rec-place{display:grid;gap:4px}.rt-rec-resolved{font-size:13.5px;color:#4f5d70;opacity:0;transition:opacity .4s}.rt-rec-resolved.is-on{opacity:1}.rt-rec-slot{grid-column:2;display:inline-flex;justify-self:start;margin-top:8px;font-size:12px;visibility:hidden}.rt-rec-row.is-photo{align-items:center;grid-template-columns:92px auto minmax(0,1fr)}.rt-rec-row.is-photo .rt-rec-slot{grid-column:auto;margin-top:0}.rt-rec-aside{font-size:12.5px;color:#6a7587}.rt-rec-status{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:14px;font-weight:600;color:#8a5a00}.rt-rec-status i{width:9px;height:9px;border-radius:50%;background:#d99b1c}.rt-rec-status.is-done{color:var(--place)}.rt-rec-status.is-done i{background:var(--place)}.rt-fly{inset:0;pointer-events:none}.rt-f,.rt-fly{position:absolute}.rt-f{left:0;top:0;transform-origin:0 0;will-change:transform,opacity}.rt-fly .rt-say-tok{font-size:var(--say);font-weight:600;letter-spacing:-.035em;color:var(--paper);transition:color .45s var(--ease),background-color .45s var(--ease),box-shadow .45s var(--ease)}.rt-stage.is-sent .rt-fly .rt-say-tok{color:var(--ink)}.rt-f-chip{font-size:calc(var(--say) * .3)}.rt-stage.is-read .rt-fly .is-animal{background:color-mix(in srgb,var(--animal) 16%,transparent);box-shadow:inset 0 -.07em 0 var(--animal)}.rt-stage.is-read .rt-fly .is-place{background:color-mix(in srgb,var(--place) 16%,transparent);box-shadow:inset 0 -.07em 0 var(--place)}.rt-stage.is-read .rt-fly .is-cond{background:color-mix(in srgb,var(--cond) 16%,transparent);box-shadow:inset 0 -.07em 0 var(--cond)}.rt-note{bottom:30px;margin:0;font-size:14px;font-weight:600;color:rgba(255,253,249,.7);animation:rt-in .4s var(--ease) both}.rt-note,.rt-progress{position:absolute;left:var(--gut)}.rt-progress{right:var(--gut);bottom:22px;height:1px;background:rgba(255,253,249,.14)}.rt-progress i{display:block;height:100%;background:rgba(255,253,249,.6);transform-origin:0 50%}@keyframes rt-blink{50%{opacity:0}}@keyframes rt-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:1100px) and (min-width:821px){.rt-stage{grid-template-columns:minmax(0,1fr) 330px;--say:clamp(32px,4.2vw,48px)}.rt-rec-v{font-size:18px}}@media (max-width:820px){.rt-track{height:165svh}.rt-stage{--say:clamp(25px,7.3vw,36px);--gut:18px;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,4svh,36px);padding:76px 18px 64px}.rt-bubble-big{max-width:none;margin-right:1em}.rt-rec{align-self:stretch;padding:10px 16px 14px;border-radius:16px}.rt-rec-row{grid-template-columns:78px minmax(0,1fr);padding:9px 0}.rt-rec-row.is-photo{grid-template-columns:78px auto minmax(0,1fr)}.rt-rec-v{font-size:17px}.rt-rec-slot{margin-top:6px;font-size:10px}.rt-rec-status{margin-top:10px;font-size:13px}.rt-note{bottom:28px;font-size:13px}}@media (max-width:820px) and (max-height:700px){.rt-stage{--say:clamp(22px,6.4vw,28px)}.rt-rec-aside{display:none}}@media (prefers-reduced-motion:reduce){.rt-caret,.rt-note{animation:none}.rt-bubble-big,.rt-fly .rt-say-tok,.rt-meta,.rt-rec,.rt-rec-resolved,.rt-send{transition:none}}