.ec-chrome{border:1px solid rgba(20,20,15,.16);background:#fff;box-shadow:0 40px 100px -60px #14140f8c}.ec-chrome--sm{box-shadow:0 30px 80px -55px #14140f80}.ec-bar{display:flex;align-items:center;gap:12px;padding:9px 13px;background:#efebe1;border-bottom:1px solid rgba(20,20,15,.12)}.ec-dots{display:flex;gap:6px;flex:none}.ec-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#14140f29}.ec-url{flex:1;min-width:0;font-family:JetBrains Mono,monospace;font-size:10.5px;color:#14140f80;background:#14140f0d;border-radius:3px;padding:4px 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ec-img{display:block;width:100%;height:auto}.ec-plain{border:1px solid rgba(20,20,15,.16);background:#fff;box-shadow:0 30px 80px -55px #14140f80;overflow:hidden}.ec-next-card{display:flex;flex-direction:column;gap:8px;padding:20px 24px 22px;background:transparent;border:1px solid rgba(20,20,15,.2);border-radius:2px;text-decoration:none;transition:all .22s cubic-bezier(.22,1,.36,1)}.ec-next-card:hover{border-color:#0c8f4e80;background:#fcfbf7}.ec-next-kicker{font-size:15px;line-height:1.5;color:#14140f9e}.ec-next-title{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.012em;line-height:1.25;color:#14140f}.ec-modegrid{display:grid;grid-template-columns:minmax(250px,.3fr) minmax(0,1fr);gap:clamp(32px,3.6vw,64px);align-items:start}.ec-moderail{position:sticky;top:96px}.ec-modes{display:flex;flex-direction:column;margin-top:clamp(24px,3.2vh,36px);border-top:1px solid rgba(20,20,15,.2)}.ec-mode-tab{appearance:none;border:0;border-bottom:1px solid rgba(20,20,15,.2);background:transparent;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:6px;padding:18px 0 18px 18px;color:#14140f;transition:color .2s ease,box-shadow .2s ease}.ec-mode-tab[aria-selected=true]{color:#0c8f4e;box-shadow:inset 3px 0 #0c8f4e}.ec-mode-tab:hover{color:#0c8f4e}.ec-mode-tab:focus-visible{color:#0c8f4e;outline:2px solid rgba(12,143,78,.45);outline-offset:-2px}.ec-mode-label{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.012em;line-height:1.25;color:currentColor}.ec-mode-desc{font-size:15.5px;line-height:1.55;color:#14140fa8;max-width:34ch}.ec-mode-note{display:none}.ec-greeting{display:inline-block;font-family:JetBrains Mono,monospace;font-size:15px;color:#14140f;background:#f4f1ea;border:1px solid rgba(20,20,15,.16);border-radius:2px;padding:9px 14px}.ecm{display:grid;grid-template-columns:minmax(0,1fr) clamp(56px,7vw,112px) minmax(0,1fr);grid-template-areas:"k1 . k2" "src fork out";row-gap:14px;align-items:center}.ecm-kicker{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-60)}.ecm-kicker:before{content:"";flex:none;width:18px;height:1px;background:var(--ink-40)}.ecm-k1{grid-area:k1}.ecm-k2{grid-area:k2}.ecm-src{grid-area:src;align-self:stretch;display:flex;flex-direction:column;background-color:var(--instrument);background-image:radial-gradient(var(--instrument-grid) 1px,transparent 1px);background-size:18px 18px;color:var(--on-instrument);box-shadow:0 44px 90px -60px #0c0f0ee6}.ecm-src-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--instrument-rule);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--on-instrument-40)}.ecm-src-head b{font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--on-instrument-60)}.ecm-code{flex:1;display:flex;flex-direction:column;justify-content:center;list-style:none;margin:0;padding:14px 0 18px;counter-reset:ln;font-family:var(--font-mono);font-size:14px;line-height:24.5px}.ecm-code li{display:grid;grid-template-columns:2.9em minmax(0,1fr) auto;align-items:start;padding-right:16px;transition:background .25s ease,opacity .25s ease,box-shadow .25s ease}.ecm-code li:before{counter-increment:ln;content:counter(ln);text-align:right;padding-right:1.2em;font-size:11px;color:var(--on-instrument-40)}.ecm-line{white-space:pre-wrap;min-height:24.5px}.ecm-tok{color:var(--on-instrument);background:#edeae117;box-shadow:inset 0 0 0 1px #edeae142;border-radius:2px;padding:1px 4px;transition:background .25s ease}.ecm-kw{color:var(--on-instrument-60)}.ecm-pin{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;align-self:center;border:1px solid currentColor;border-radius:2px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;line-height:1;transition:background .25s ease,color .25s ease,border-color .25s ease}.ecm-src .ecm-pin{color:var(--on-instrument-60)}.ecm-fork{grid-area:fork;align-self:stretch;position:relative}.ecm-fork svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ecm-fork path{fill:none;stroke:var(--ink-40);stroke-width:1.25;vector-effect:non-scaling-stroke;transition:opacity .25s ease}.ecm-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--paper-2);border:1.25px solid var(--ink-60);transform:translate(-50%,-50%);transition:opacity .25s ease}.ecm-out{grid-area:out;display:flex;flex-direction:column;gap:14px}.ecm-mail{background:#fcfbf7;border:1px solid var(--rule);box-shadow:0 26px 50px -42px #14140f80;transition:border-color .25s ease}.ecm-mail:hover{border-color:var(--rule-strong)}.ecm-mail-head{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--rule);font-family:var(--font-mono);font-size:11.5px;color:var(--ink-80)}.ecm-mail-head .ecm-pin{color:var(--ink-60)}.ecm-to{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ecm-to i{font-style:normal;color:var(--ink-40);margin-right:6px}.ecm-fields{display:flex;flex-wrap:wrap;gap:6px;padding:11px 14px 0}.ecm-field{font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:2px;padding:2px 7px}.ecm-field i{font-style:normal;color:var(--ink-40);margin-right:7px}.ecm-field--empty{color:var(--noise);border-style:dotted;border-color:var(--noise);background:transparent}.ecm-mail-body{margin:0;padding:10px 14px 16px;font-family:var(--font-serif);font-size:17px;line-height:1.5;color:var(--ink)}.ecm-fill{background:var(--paper-3);box-shadow:inset 0 -1.5px 0 var(--ink-60);padding:0 2px;margin:0 -2px}.ecm:has(.ecm-mail[data-b=a]:hover) .ecm-code li[data-b=b],.ecm:has(.ecm-mail[data-b=b]:hover) .ecm-code li[data-b=a],.ecm:has(.ecm-mail[data-b=a]:hover) .ecm-fork-b,.ecm:has(.ecm-mail[data-b=b]:hover) .ecm-fork-a,.ecm:has(.ecm-mail[data-b=a]:hover) .ecm-dot-b,.ecm:has(.ecm-mail[data-b=b]:hover) .ecm-dot-a{opacity:.28}.ecm:has(.ecm-mail[data-b=a]:hover) .ecm-code li[data-b=a],.ecm:has(.ecm-mail[data-b=b]:hover) .ecm-code li[data-b=b]{background:#edeae112;box-shadow:inset 2px 0 0 var(--on-instrument)}.ecm:has(.ecm-mail[data-b=a]:hover) .ecm-code li[data-b=a] .ecm-pin,.ecm:has(.ecm-mail[data-b=b]:hover) .ecm-code li[data-b=b] .ecm-pin{background:var(--on-instrument);border-color:var(--on-instrument);color:var(--instrument)}.ecm-mail:hover .ecm-mail-head .ecm-pin{background:var(--ink);border-color:var(--ink);color:var(--paper)}.ecm:has(.ecm-mail:hover) .ecm-tok{background:#edeae12e}.ecm.is-armed:not(.is-in) .ecm-fork{clip-path:inset(0 100% 0 0)}.ecm.is-armed:not(.is-in) .ecm-mail{opacity:0}.ecm.is-in .ecm-fork{animation:ecm-draw .8s cubic-bezier(.22,1,.36,1) .15s both}.ecm.is-in .ecm-mail{animation:ecm-arrive .6s cubic-bezier(.22,1,.36,1) both}.ecm.is-in .ecm-mail[data-b=a]{animation-delay:.55s}.ecm.is-in .ecm-mail[data-b=b]{animation-delay:.7s}@keyframes ecm-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(-12px -12px -12px -12px)}}@keyframes ecm-arrive{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@media(max-width:1020px){.ec-split{grid-template-columns:1fr!important}.ec-split>*{min-width:0}.ec-split-r>figure,.ec-split-r>.ec-shotwrap{order:2}.ec-nextrow{grid-template-columns:1fr!important}.ec-modegrid{grid-template-columns:minmax(0,1fr);gap:18px}.ec-moderail{position:static}.ec-modes{flex-direction:row;border:1px solid rgba(20,20,15,.2);border-radius:2px;margin-top:22px}.ec-mode-tab{flex:1 1 0;align-items:center;padding:11px 8px;border-bottom:0}.ec-mode-tab+.ec-mode-tab{border-left:1px solid rgba(20,20,15,.2)}.ec-mode-tab[aria-selected=true]{background:#fcfbf7;box-shadow:inset 0 -3px #0c8f4e}.ec-mode-label{font-size:16px}.ec-mode-desc{display:none}.ecm{grid-template-columns:minmax(0,1fr);grid-template-areas:"k1" "src" "fork" "k2" "out"}.ecm-fork{height:44px}.ecm-code{font-size:12.5px;line-height:22px}.ecm-line{min-height:22px}.ecm-code li{grid-template-columns:2.4em minmax(0,1fr) auto;padding-right:12px}.ecm-kicker{letter-spacing:.1em;align-items:flex-start}.ecm-kicker:before{margin-top:.55em}.ecm-fork svg,.ecm-dot{display:none}.ecm-fork:before{content:"";position:absolute;left:50%;top:4px;bottom:4px;border-left:1.25px solid var(--ink-40)}.ecm.is-armed .ecm-fork,.ecm.is-in .ecm-fork{clip-path:none;animation:none}.ec-mode-note{display:block;font-size:15.5px;line-height:1.55;color:#14140fb8;margin:12px 0 0;min-height:3.1em}}