.wa-msg{max-width:84%;color:var(--color-ink);text-wrap:pretty;padding:6px 9px 5px;font-size:13px;line-height:1.4;position:relative;box-shadow:0 1px .5px #1d1b181a}.wa-in{background:var(--color-card);border-radius:3px 12px 12px;align-self:flex-start}.wa-out{background:#e7f6df;border-radius:12px 3px 12px 12px;align-self:flex-end}.wa-meta{float:right;font-family:var(--font-mono);color:var(--color-faint);align-items:center;gap:3px;margin:5px 0 -2px 10px;font-size:10px;line-height:1;display:inline-flex}.wa-sep{font-family:var(--font-mono);color:var(--color-muted);background:#ffffffd9;border-radius:7px;align-self:center;margin-block:6px;padding:3px 9px;font-size:10.5px;box-shadow:0 1px .5px #1d1b1814}@media (width<48rem){.wa-msg{font-size:14px}.wa-meta,.wa-sep{font-size:11px}}.wa-reply{flex-direction:column;display:flex;position:relative}.wa-msg.wa-file{width:204px;padding:4px}.wa-meta.wa-meta-inline{float:none;margin:0}.wa-typing{background:var(--color-card);border-radius:3px 12px 12px;align-items:center;gap:4px;padding:11px 12px;display:none;position:absolute;top:0;left:0;box-shadow:0 1px .5px #1d1b181a}.wa-typing>span{background:var(--color-faint);opacity:.4;border-radius:999px;width:6px;height:6px}.wa-desk-row{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px 12px;padding:12px 16px;display:grid}.wa-desk-badge{grid-column:2;justify-self:start}@media (width>=64rem){.wa-desk-row{grid-template-columns:36px minmax(0,1fr) auto}.wa-desk-badge{grid-area:1/3;justify-self:end}}.wa-was{opacity:0}@keyframes wa-in{0%{opacity:0;translate:0 6px}}@keyframes wa-typing{0%{opacity:0;translate:0 4px}15%,88%{opacity:1;translate:0}to{opacity:0}}@keyframes wa-dot{50%{opacity:1;translate:0 -2px}}@keyframes wa-out{0%{opacity:1}to{opacity:0}}@media (width<48rem){.wa-stage .wa-chat{justify-content:flex-end;padding-bottom:138px;overflow:hidden}.wa-stage .wa-col{flex:none}@media (width>=40rem){.wa-stage{border:1px solid var(--color-line);max-width:420px;box-shadow:var(--shadow-pop);border-radius:24px;margin:40px auto;overflow:hidden}}.wa-desk{inset-inline:10px}.wa-desk-head{padding-block:10px}.wa-desk-old{display:none}.wa-desk-row{grid-template-columns:36px minmax(0,1fr) auto;gap:3px 10px;padding:12px}.wa-desk-row>:first-child{grid-row:1/span 2}.wa-desk-text{display:contents}.wa-desk-t{grid-area:1/2;align-self:center}.wa-desk-s{grid-area:2/2/auto/span 2}.wa-desk-badge{grid-area:1/3;justify-self:end}.wa-desk-badge>span{font-size:12px}@media (width<22.5rem){.wa-desk-head>:last-child{display:none}.wa-stage .wa-chat{padding-bottom:162px}.wa-desk-t{grid-column:2/span 2}.wa-desk-badge{grid-area:3/2/auto/span 2;justify-self:start;margin-top:3px}}}@keyframes wa-rise{0%{opacity:0;translate:0 12px}}@media (prefers-reduced-motion:no-preference){.js .wa-typing{opacity:0;display:inline-flex}}@media (prefers-reduced-motion:no-preference) and (width>=48rem){.js .wa-stage:not(.is-in) :is(.wa-step,.wa-now){opacity:0}.js .wa-stage:not(.is-in) .wa-was{opacity:1}.js .wa-stage.is-in .wa-step{animation:wa-in .4s var(--ease-calm) var(--t) both}.js .wa-stage.is-in .wa-typing{animation:wa-typing .8s linear calc(var(--t) - .8s) both}.js .wa-stage.is-in .wa-typing>span{animation:wa-dot .6s ease-in-out calc(var(--t) - .7s + var(--n) * .12s) 2}.js .wa-stage.is-in .wa-was{animation:wa-out .25s ease var(--t) both}.js .wa-stage.is-in .wa-now{animation:wa-in .4s var(--ease-calm) var(--t) both}.js .wa-stage[data-settled] :is(.wa-step,.wa-typing,.wa-typing>span,.wa-was,.wa-now){animation:none}}@media (prefers-reduced-motion:no-preference) and (width<48rem){.js .wa-stage .wa-chat{max-height:clamp(320px,100svh - 154px,540px);-webkit-mask-image:linear-gradient(#0000,#000 16px);mask-image:linear-gradient(#0000,#000 16px)}.js .wa-stage:not(.is-play,[data-settled]) :is(.wa-col .wa-step,.wa-now,.wa-desk){opacity:0}.js .wa-stage:not(.is-play,[data-settled]) .wa-was{opacity:1}.js .wa-stage:not(.is-play,[data-settled]) .wa-chat{justify-content:flex-start}.js .wa-stage.is-play .wa-col .wa-step{animation:wa-in .4s var(--ease-calm) var(--t) both}.js .wa-stage.is-play .wa-typing{animation:wa-typing .8s linear calc(var(--t) - .8s) both}.js .wa-stage.is-play .wa-typing>span{animation:wa-dot .6s ease-in-out calc(var(--t) - .7s + var(--n) * .12s) 2}.js .wa-stage.is-play .wa-desk{animation:wa-rise .5s var(--ease-calm) var(--t) both}.js .wa-stage.is-play .wa-was{animation:wa-out .25s ease var(--t) both}.js .wa-stage.is-play .wa-now{animation:wa-in .4s var(--ease-calm) var(--t) both}.js .wa-stage[data-settled] :is(.wa-col .wa-step,.wa-typing,.wa-typing>span,.wa-desk,.wa-was,.wa-now){animation:none}}.wan-layer{background:#ffffff0d;border-radius:16px;height:40px;position:absolute;inset-inline:0;box-shadow:inset 0 0 0 1px #ffffff0f}.wan-layer-1{top:6px;transform:scaleX(.94)}.wan-layer-2{background:#ffffff08;top:12px;transform:scaleX(.88)}@keyframes wan-drop{0%{opacity:0;transform:translateY(-18px)scale(.97)}}@keyframes wan-up{0%{opacity:0;transform:translateY(6px)}}@media (width<48rem){.wan-head{padding-top:8px;padding-bottom:16px}.wan-clock{font-size:52px}.wan-stack{gap:6px}.wan-card{backdrop-filter:none;border-radius:16px;grid-template-columns:32px minmax(0,1fr);column-gap:10px;padding-block:7px}.wan-ic{border-radius:9px;width:32px;height:32px;margin-top:1px}.wan-ic>span{width:18px;height:18px}.wan-name,.wan-text{font-size:13px;line-height:1.35}.wan-time{font-size:11px}.wan-more{height:50px;margin-top:0}.wan-more-bar{backdrop-filter:none}.wan-sum{margin-top:16px;padding-top:12px}}.wan-c4{display:none}@media (width<48rem) and (height<=600px){.wan-card:nth-child(n+5),.wan-c6{display:none}.wan-c4{display:inline}}@keyframes wan-drop-sm{0%{opacity:0;transform:translateY(-12px)scale(.97)}}@media (prefers-reduced-motion:no-preference) and (width>=48rem){.js .wan-phone:not(.is-in) :is(.wan-card,.wan-more,.wan-sum-part){opacity:0}.js .wan-phone.is-in .wan-card{animation:wan-drop .45s var(--ease-calm) var(--t) both}.js .wan-phone.is-in .wan-more,.js .wan-phone.is-in .wan-sum-part{animation:wan-up .4s var(--ease-calm) var(--t) both}.js .wan-phone[data-settled] :is(.wan-card,.wan-more,.wan-sum-part){animation:none}}@media (prefers-reduced-motion:no-preference) and (width<48rem){.js .wan-phone:not(.is-play,[data-settled]) :is(.wan-card,.wan-more,.wan-sum-part){opacity:0}.js .wan-phone.is-play .wan-card{animation:wan-drop-sm .45s var(--ease-calm) var(--t) both}.js .wan-phone.is-play :is(.wan-more,.wan-sum-part){animation:wan-up .4s var(--ease-calm) var(--t) both}.js .wan-phone[data-settled] :is(.wan-card,.wan-more,.wan-sum-part){animation:none}}.wam-bubble{max-width:100%;color:var(--color-ink);text-wrap:pretty;background:#e7f6df;border-radius:12px 3px 12px 12px;padding:7px 10px 6px;font-size:14px;line-height:1.4;display:inline-block;position:relative;box-shadow:0 1px .5px #1d1b181a}.wam-time{float:right;font-family:var(--font-mono);color:var(--color-faint);align-items:center;gap:3px;margin:5px 0 -2px 10px;font-size:10px;line-height:1;display:inline-flex}.wam-src{border:1px solid color-mix(in oklab, var(--color-muted) 40%, transparent);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--color-muted);border-radius:4px;padding:2px 6px;font-size:10px;line-height:1.5;display:inline-block}.wam-link{flex-direction:column;align-items:flex-start;gap:4px;padding-left:14px;display:flex}.wam-line{background:var(--color-edge);width:1px;height:20px;position:relative;overflow:hidden}.wam-line>span{background:var(--color-rule);transform-origin:top;position:absolute;inset:0}.wam-arrow{margin-left:-7.5px;transform:rotate(90deg)}@media (width>=48rem){.wam-link{flex-direction:row;align-items:center;gap:0;padding-left:0}.wam-line{flex:1;width:auto;height:1px}.wam-line>span{transform-origin:0}.wam-arrow{margin-left:-2px;transform:none}}@media (width<48rem){.wam-list{border-top:0;flex-direction:column;gap:22px;margin-top:40px;display:flex}.js .wam-list .wam-row[data-reveal]{opacity:1;transition:none;transform:none}.wam-row{border-bottom:0;row-gap:0;padding-block:0}.wam-time{font-size:11px}.wam-link{height:26px;padding-left:0;display:block;position:relative}.wam-line{background:0 0;height:12px;position:absolute;top:3px;right:48px}.wam-arrow{display:none}.wam-card{padding-top:14px}.wam-src{background:var(--color-card);font-size:11px;position:absolute;top:0;right:14px;translate:0 -50%}.wam-badge{font-size:12px}.wam-sent{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:12px;margin-inline:-20px;padding:2px 0 4px 20px;scroll-padding-inline:20px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000)}.wam-sent::-webkit-scrollbar{display:none}.wam-sent:after{content:"";flex:0 0 8px}.wam-sent>li{scroll-snap-align:start;flex:0 0 min(78%,300px)}.wam-sent-label{font-size:12px}}@media (prefers-reduced-motion:no-preference) and (width>=48rem){.js .wam-row .wam-q{opacity:0;transition:opacity .4s var(--ease-calm) .15s, transform .4s var(--ease-calm) .15s;transform:translateY(6px)}.js .wam-row .wam-line>span{transition:transform .4s var(--ease-in-out-quad) .45s;transform:scaleX(0)}.js .wam-row .wam-arrow{opacity:0;transition:opacity .25s .8s}.js .wam-row .wam-card{opacity:0;transition:opacity .4s var(--ease-calm) .85s, transform .4s var(--ease-calm) .85s;transform:translate(-8px)}.js .wam-row.is-in :is(.wam-q,.wam-card){opacity:1;transform:none}.js .wam-row.is-in .wam-arrow{opacity:1}.js .wam-row.is-in .wam-line>span{transform:none}}@media (prefers-reduced-motion:no-preference) and (width<48rem){.js .wam-list .wam-q{transition:opacity .4s var(--ease-calm) calc(var(--i) * .45s + .1s), transform .4s var(--ease-calm) calc(var(--i) * .45s + .1s)}.js .wam-list .wam-line>span{transition:transform .3s var(--ease-in-out-quad) calc(var(--i) * .45s + .42s)}.js .wam-list .wam-card{transition:opacity .4s var(--ease-calm) calc(var(--i) * .45s + .65s), transform .4s var(--ease-calm) calc(var(--i) * .45s + .65s)}.js .wam-list:not(.is-play) .wam-q{opacity:0;transform:translateY(6px)}.js .wam-list:not(.is-play) .wam-line>span{transform:scaleY(0)}.js .wam-list:not(.is-play) .wam-card{opacity:0;transform:translateY(8px)}}
