.opair{background:var(--card,#fff);border:1px solid var(--border,#0f2a4d1a);border-radius:20px;gap:12px;min-width:0;margin-top:12px;padding:16px;display:grid}.opair h2{align-items:center;gap:8px;margin:0;font-size:1.0625rem;font-weight:900;display:flex}.opair h2 svg{color:#3fa8ff}.opair p{margin:0}.opair-show{color:#3fa8ff;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;width:100%;min-width:0;max-width:420px;margin:0 auto;display:grid}.opair-show figure{gap:6px;min-width:0;margin:0;display:grid}.opair-show img{aspect-ratio:1;object-fit:cover;background:#f2f6fc;border-radius:14px;width:100%;height:auto;display:block}.opair-show figcaption{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground,#0f2a4d);font-size:.8125rem;font-weight:800;line-height:1.4;overflow:hidden}.opair-show .opair-days{text-align:center;color:#2f8fe8;grid-column:1/-1;margin:0;font-size:1.25rem;font-weight:900}.opair-show.is-compact{gap:6px;max-width:240px}.opair-show.is-compact .opair-days{font-size:.9375rem}.opair-show.is-compact figcaption{font-size:.6875rem}.opair-since{text-align:center;color:var(--muted-foreground,#5b6b86);font-size:.8125rem}.opair-note{color:var(--muted-foreground,#5b6b86);font-size:.8125rem;line-height:1.7}.opair-me{align-items:center;gap:6px;display:flex}.opair-actions{flex-wrap:wrap;gap:8px;display:flex}.opair-actions .o-button{white-space:normal;flex:auto;min-width:0}.opair-picker{gap:12px;min-width:0;display:grid}.opair-pick{border:0;min-width:0;margin:0;padding:0}.opair-pick legend{padding:0 0 6px;font-size:.875rem;font-weight:900}.opair-pick ul{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:320px;margin:0;padding:2px;list-style:none;display:grid;overflow-y:auto}.opair-pick button{width:100%;min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:14px;gap:4px;padding:4px;display:grid;position:relative}.opair-pick button[aria-pressed=true]{background:#3fa8ff24;border-color:#3fa8ff}.opair-pick button:focus-visible{outline-offset:2px;outline:2px solid #3fa8ff}.opair-pick img{aspect-ratio:1;object-fit:cover;background:#f2f6fc;border-radius:10px;width:100%;height:auto;display:block}.opair-pick svg{color:#fff;background:#3fa8ff;border-radius:50%;padding:2px;position:absolute;top:8px;right:8px}.opair-pick span{text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:700;overflow:hidden}.opair-pass{border-top:1px solid var(--border,#0f2a4d1a);margin:10px 0 0;padding:10px 0 0}.opair-pass .opair-show{color:#9fd4ff}.opair-pass .opair-show figcaption,.opair-pass .opair-show .opair-days{color:#fff}.opair-pass{border-top-color:#ffffff47}