.ev-card{--cal-tint:#fdecf1;--cal-color:#ff4d79;background:var(--cal-tint);text-align:left;border-radius:18px;padding:16px 18px 15px 24px;transition:background .5s;position:relative;overflow:hidden}.ev-cell{box-shadow:0 1px 2px #141e3c0d,0 12px 26px -16px #141e3c4d}.ev-bar{background:linear-gradient(#5c8cff 0 25%,#ff8fa3 25% 50%,#54c98a 50% 75%,#ffb454 75% 100%);border-radius:99px;width:6px;transition:background .5s;position:absolute;top:13px;bottom:13px;left:9px}.ev-grid{grid-template-columns:1fr auto;align-items:baseline;gap:4px 14px;display:grid}.ev-title{white-space:nowrap;color:#1b1b22;letter-spacing:-.01em;grid-area:1/1;min-width:0;font-size:16px;font-weight:750;overflow:hidden}.ev-start{text-align:right;color:#1b1b22;grid-area:1/2;font-size:14px;font-weight:750}.ev-loc{white-space:nowrap;color:#1b1b2299;grid-area:2/1;min-width:0;font-size:13px;font-weight:550;overflow:hidden}.ev-end{text-align:right;color:#1b1b2273;grid-area:2/2;font-size:13px;font-weight:600}.ev-card.is-locked{background:#eef1f6}.ev-card.is-locked .ev-bar{background:#c3ccdb}.ev-card.is-locked .scramble,.ev-card.is-locked .ev-cipher{letter-spacing:.01em;color:#8493b5;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.ev-card.is-locked .ev-start{color:#6b7794}.e2ee-stage{aspect-ratio:960/480;max-width:900px;margin:max(24px,min(3vw,40px)) auto 0;position:relative}.e2ee-guide{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.e2ee-guide path{fill:none;stroke:var(--line);stroke-width:2px;stroke-dasharray:2 10;stroke-linecap:round}.e2ee-zone{white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:750;transition:color .4s;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.e2ee-zone svg{opacity:.65}.zone-device{top:91%;left:20%}.zone-cloud{top:7%;left:50%}.zone-group{top:91%;left:80%}.zdot{background:var(--line);border-radius:50%;width:8px;height:8px;transition:background .4s,box-shadow .4s,transform .4s}.zkey{color:var(--muted);align-items:center;margin-left:5px;transition:color .4s;display:inline-flex}.e2ee-stage[data-zone=device] .zone-device .zkey,.e2ee-stage[data-zone=group] .zone-group .zkey{color:var(--blue)}.zkey.no-key{color:var(--muted);opacity:.85;position:relative}.zkey.no-key:after{content:"";background:#e5484d;border-radius:2px;width:18px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.e2ee-stage[data-zone=device] .zone-device,.e2ee-stage[data-zone=cloud] .zone-cloud,.e2ee-stage[data-zone=group] .zone-group{color:var(--blue)}.e2ee-stage[data-zone=device] .zone-device .zdot,.e2ee-stage[data-zone=cloud] .zone-cloud .zdot,.e2ee-stage[data-zone=group] .zone-group .zdot{background:var(--blue);transform:scale(1.2);box-shadow:0 0 0 5px #0b83ff26}.e2ee-card{width:300px;transition:left .95s cubic-bezier(.6,.05,.2,1),top .95s cubic-bezier(.6,.05,.2,1),transform .95s cubic-bezier(.6,.05,.2,1),opacity .45s,box-shadow .6s;position:absolute;top:60%;left:20%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #141e3c0f,0 34px 64px -30px #141e3c6b}.e2ee-stage[data-stage=transit-cloud] .e2ee-card{top:33%;left:50%;transform:translate(-50%,-50%)scale(.92)}.e2ee-stage[data-stage=transit-group] .e2ee-card,.e2ee-stage[data-stage=decrypt] .e2ee-card,.e2ee-stage[data-stage=fadeout] .e2ee-card{top:60%;left:80%}.e2ee-card.is-hidden{opacity:0;transition:opacity .4s}.e2ee-card.is-locked{box-shadow:0 1px 2px #141e3c0f,0 34px 64px -30px #0b3c8c80}.e2ee-caption{text-align:left;max-width:36em;min-height:28px;color:var(--ink);opacity:0;justify-content:center;align-items:center;gap:11px;margin:0 auto;font-size:16px;font-weight:700;display:flex}.e2ee-step{flex:none;width:30px;height:30px;position:relative}.e2ee-ring{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--line);stroke-width:2.5px}.ring-fill{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:88;stroke-dashoffset:88px}.e2ee-num{color:var(--ink);justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes ring-fill-anim{0%{stroke-dashoffset:88px}to{stroke-dashoffset:0}}.e2ee-caption.show{animation:.5s forwards cap-in}@keyframes cap-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.e2ee-card,.e2ee-phone,.zdot{transition:none}.e2ee-caption{opacity:1}}@media (max-width:820px){.e2ee-stage{aspect-ratio:auto;max-width:340px;height:500px}.e2ee-guide{display:none}.e2ee-stage:before{content:"";background:radial-gradient(circle at center, var(--line) 1.4px, transparent 1.6px) center / 3px 13px repeat-y;width:3px;position:absolute;top:8%;bottom:24%;left:27px;transform:translate(-50%)}.e2ee-zone{opacity:1;font-size:11px;top:auto;left:23px;transform:translateY(-50%)}.zone-device{top:8%}.zone-cloud{top:42%}.zone-group{top:76%}.e2ee-card{width:min(280px,84vw);top:19%;left:15px;transform:translateY(-50%)}.e2ee-stage[data-stage=transit-cloud] .e2ee-card{top:53%;left:15px;transform:translateY(-50%)scale(1)}.e2ee-stage[data-stage=transit-group] .e2ee-card,.e2ee-stage[data-stage=decrypt] .e2ee-card,.e2ee-stage[data-stage=fadeout] .e2ee-card{top:87%;left:15px}}.e2ee-embed{background:#f2f0ed;border-radius:16px;margin:28px 0;padding:28px 16px 32px;overflow:hidden}.e2ee-embed .e2ee-card{width:260px}