.tw{margin:0;padding:0;list-style:none;position:relative}.tw:before{content:"";background:linear-gradient(var(--lantern-soft), var(--line-strong) 8%, var(--line-strong) 92%, var(--lantern-soft));width:1px;position:absolute;inset-block:2.1rem;inset-inline-start:50%;transform:translate(50%)}.tw:after{content:"";background:linear-gradient(transparent, var(--lantern), transparent);pointer-events:none;width:1px;height:22%;animation:7s ease-in-out infinite tw-flow;position:absolute;inset-inline-start:50%;transform:translate(50%)}@keyframes tw-flow{0%{opacity:0;top:2.1rem}15%{opacity:.9}85%{opacity:.9}to{opacity:0;top:calc(100% - 2.1rem)}}.tw li{grid-template-columns:1fr 1fr;padding-block:1.1rem;display:grid;position:relative}.tw-right .tw-card{grid-column:1;margin-inline-end:3.6rem}.tw-left .tw-card{grid-column:2;margin-inline-start:3.6rem}.tw-node{z-index:2;background:var(--lantern);width:.62rem;height:.62rem;box-shadow:0 0 0 4px var(--surface), 0 0 14px var(--lantern-glow);border-radius:50%;position:absolute;inset-block-start:2.1rem;inset-inline-start:50%;transform:translate(50%,-50%)}.tw-ring{border:1px solid var(--lantern);opacity:0;border-radius:50%;animation:3.4s ease-out infinite tw-pulse;position:absolute;inset:-.4rem}.tw li:nth-child(2n) .tw-ring{animation-delay:.5s}.tw li:nth-child(3n) .tw-ring{animation-delay:1.1s}.tw li:nth-child(5n) .tw-ring{animation-delay:1.8s}@keyframes tw-pulse{0%{opacity:.8;transform:scale(.7)}70%{opacity:0;transform:scale(1.9)}to{opacity:0;transform:scale(1.9)}}.tw-arm{z-index:1;width:3.6rem;height:1px;position:absolute;inset-block-start:2.1rem}.tw-right .tw-arm{background:linear-gradient(to left, var(--lantern), transparent);inset-inline-start:calc(50% - 3.6rem)}.tw-left .tw-arm{background:linear-gradient(to right, var(--lantern), transparent);inset-inline-start:50%}.tw-card{isolation:isolate;background:var(--line);border-radius:3px;padding:1px;transition:transform .25s;position:relative;overflow:hidden}.tw-edge{z-index:-1;background:conic-gradient(from 0deg, transparent 0deg, var(--water) 60deg, var(--lantern) 110deg, transparent 180deg, transparent 360deg);opacity:0;transition:opacity .3s;animation:9s linear infinite tw-spin;position:absolute;inset:-80%}.tw li:nth-child(2n) .tw-edge{animation-direction:reverse}@keyframes tw-spin{to{transform:rotate(1turn)}}.tw-card:hover{transform:translateY(-2px)}.tw-card:hover .tw-edge,.tw-card:focus-within .tw-edge{opacity:1}.tw-body{background:var(--ground);border-radius:2px;padding:1.2rem 1.4rem 1.3rem}.tw-body time{color:var(--lantern);flex-wrap:wrap;align-items:baseline;gap:.55rem;margin-bottom:.45rem;font-size:.8rem;display:flex}.tw-body time small{color:var(--ink-3);font-size:.75rem}.tw-body h3{margin:0 0 .4rem;font-size:1.05rem;font-weight:400;line-height:1.5}.tw-body p{color:var(--ink-3);margin:0 0 .5rem;font-size:.86rem;line-height:1.95}.tw-place{color:var(--water);font-size:.78rem}@media (max-width:54rem){.tw:before,.tw:after{inset-inline:auto 1rem;transform:none}.tw li{grid-template-columns:1fr;padding-block:.8rem}.tw-right .tw-card,.tw-left .tw-card{grid-column:1;margin-inline:0 3rem}.tw-node{inset-block-start:1.9rem;inset-inline:auto 1rem;transform:translate(50%,-50%)}.tw-arm{background:linear-gradient(to left, var(--lantern), transparent);width:2rem;inset-block-start:1.9rem;inset-inline:auto 1rem}.tw-left .tw-arm{background:linear-gradient(to left, var(--lantern), transparent);inset-inline:auto 1rem}}@media (prefers-reduced-motion:reduce){.tw:after{opacity:0;animation:none}.tw-ring{opacity:.35;animation:none}.tw-edge{animation:none}.tw-card{transition:none}.tw-card:hover{transform:none}}