.relation-shell{background:radial-gradient(circle at 18% 12%,#ffffff0f,#0000 30%),#000}.relation-drop{background:repeating-linear-gradient(135deg,#0000 0 28px,#ffffff08 28px 29px);min-height:28rem}.relation-drop:hover,.relation-drop:focus-within{border-color:#ffffffb8}.relation-preview{object-fit:contain;filter:grayscale();width:100%;height:100%;min-height:28rem}.relation-input{color:#fff;background:0 0;border:0;border-bottom:1px solid #ffffff47;outline:none;width:100%;padding:.85rem 0}.relation-input:focus{border-bottom-color:#fff}.relation-input::placeholder{color:#ffffff4d}.relation-couplet{letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,3.2vw,3.4rem);line-height:1.16}.relation-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);display:grid}@media (max-width:850px){.relation-grid{grid-template-columns:1fr}.relation-drop,.relation-preview{min-height:20rem}}