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