.relation-field{border-top:1px solid var(--line);gap:14px;padding-top:16px;display:grid;position:relative}.relation-toggle-row{grid-template-columns:auto 1fr;align-items:center;gap:13px;width:fit-content;max-width:100%;display:inline-grid}.relation-toggle-row .switch{margin:0}.relation-toggle-row .option-text{gap:3px;min-width:0;display:grid}.relation-toggle-row .option-title{color:var(--ink);font-family:var(--font-body);letter-spacing:normal;font-size:1rem}.relation-toggle-row .option-help{margin:0}.relation-controls{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--paper-raised) 74%, transparent);width:min(100%,760px);box-shadow:var(--shadow-sm);gap:14px;padding:14px;display:grid;position:relative}.relation-kind-block{gap:14px;min-width:0;display:grid}.relation-controls:before{content:"";background:var(--paper-raised);border-left:1px solid var(--line);border-top:1px solid var(--line);width:12px;height:12px;position:absolute;top:-7px;left:22px;transform:rotate(45deg)}.relation-controls label{min-width:0}.relation-sentence{color:var(--ink-soft);font-family:var(--font-body);flex-wrap:wrap;align-items:center;gap:7px 9px;font-size:1rem;line-height:1.5;display:flex}.relation-phrase-button,.relation-target-pill{border:1px solid var(--line-strong);background:var(--paper);min-height:36px;color:var(--green);font-family:var(--font-body);border-radius:999px;align-items:center;padding:7px 13px;font-size:1rem;line-height:1.2;display:inline-flex;box-shadow:inset 0 1px #ffffff59}.relation-phrase-button{cursor:pointer;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.relation-phrase-button:after{content:"⌄";color:var(--muted);margin-left:9px;font-size:.85em}.relation-phrase-button[aria-expanded=true]{border-color:var(--green);background:color-mix(in srgb, var(--green) 10%, var(--paper));box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 12%, transparent)}.relation-target-pill{max-width:100%;color:var(--ink);text-align:left;cursor:pointer}.relation-target-pill--empty{color:var(--muted);border-style:dashed}.relation-target-pill:focus-visible{outline:2px solid var(--green);outline-offset:3px}.relation-validation-note{margin:0}.relation-kind-palette{border:1px solid var(--line);border-radius:var(--radius);overscroll-behavior:contain;scrollbar-gutter:stable;background:color-mix(in srgb, var(--paper) 92%, transparent);gap:15px;max-height:min(60dvh,480px);padding:18px;display:grid;overflow-y:auto;box-shadow:inset 0 1px #ffffff59}.relation-kind-group{gap:9px;display:grid}.relation-kind-group h4{color:var(--amber);font-family:var(--font-ui);letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:.72rem}.relation-kind-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.relation-kind-card{text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised);min-height:72px;color:var(--ink);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;padding:13px 15px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff52}.relation-kind-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff52;transform:translateY(-1px)}.relation-kind-card--selected{border-color:var(--green);background:color-mix(in srgb, var(--green) 12%, var(--paper-raised));box-shadow:0 0 0 1px color-mix(in srgb, var(--green) 18%, transparent), inset 0 1px 0 #ffffff52}.relation-kind-icon{color:color-mix(in srgb, var(--ink) 72%, var(--green));justify-self:center;display:inline-flex}.relation-kind-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.relation-kind-copy{gap:2px;min-width:0;display:grid}.relation-kind-title{font-family:var(--font-body);font-size:1.02rem;line-height:1.2}.relation-kind-card small{color:var(--muted);font-family:var(--font-ui);letter-spacing:.01em;font-size:.75rem;line-height:1.25}.relation-kind-card--selected .relation-kind-icon,.relation-kind-card--selected .relation-kind-title{color:var(--green)}.relation-kind-check{background:var(--green);width:21px;height:21px;color:var(--paper);font-family:var(--font-ui);border-radius:999px;place-items:center;font-size:.78rem;font-weight:700;line-height:1;display:inline-grid;position:absolute;top:11px;right:11px}.relation-bead-shelf{gap:8px;display:grid}.relation-shelf-label{color:var(--muted);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.relation-bead-options{flex-wrap:wrap;gap:8px;display:flex}.relation-bead-chip{text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);min-width:min(185px,100%);max-width:240px;color:var(--ink);gap:2px;padding:9px 12px;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;display:grid}.relation-bead-chip:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.relation-bead-chip--selected{border-color:var(--green);background:color-mix(in srgb, var(--green) 12%, var(--paper))}.relation-bead-chip span{color:var(--green);font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.relation-bead-chip small{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);font-family:var(--font-body);letter-spacing:normal;font-size:.95rem;overflow:hidden}.relation-bead-chip--browse span{color:var(--amber)}.relation-full-field{gap:6px;display:grid}.relation-browser-field{max-width:520px}.relation-because-field>span{color:var(--ink-soft);font-family:var(--font-body);font-size:1rem}.relation-because-field small{color:var(--muted);font-family:var(--font-ui);letter-spacing:.04em;font-size:.72rem}.relation-select .select-trigger{background:var(--paper)}.relation-select .select-menu{max-width:min(520px,100vw - 32px);max-height:min(260px,45vh)}.relation-select--move .select-menu{width:min(520px,max(100%,36rem))}.relation-move-option{gap:2px;min-width:16rem;display:grid}.relation-move-option>span{color:var(--ink);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.relation-move-option>small{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);font-family:var(--font-body);letter-spacing:normal;font-size:.95rem;overflow:hidden}@media (max-width:800px){.relation-field,.relation-toggle-row,.relation-controls,.relation-kind-block,.relation-kind-palette,.relation-sentence,.relation-bead-shelf,.relation-bead-options{min-width:0;max-width:100%}.relation-controls{grid-template-columns:1fr;width:100%}.relation-kind-cards{grid-template-columns:1fr}.relation-kind-palette{scrollbar-gutter:auto;max-height:none;overflow:visible}.relation-bead-chip{width:100%;max-width:none}}