.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}.opair-count{border:1px solid var(--border);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.72rem;font-weight:800}.opair-list{gap:12px;margin:8px 0;padding:0;list-style:none;display:grid}.opair-list>li{border:1px solid var(--border);border-radius:14px;gap:6px;padding:10px;display:grid}.opair-list>li .opair-actions{margin:0}.opair-more{text-align:center;margin:4px 0 0;font-size:.72rem;font-weight:800}.opair-show{position:relative}.opair-show.is-born{border-radius:16px;overflow:hidden}.opair-show>svg{z-index:2;position:relative}.opair-show figure{z-index:1;position:relative}.opair-show.is-born figure:first-of-type{animation:1.1s cubic-bezier(.4,0,.2,1) both opair-meet-l}.opair-show.is-born figure:nth-of-type(2){animation:1.1s cubic-bezier(.4,0,.2,1) both opair-meet-r}@keyframes opair-meet-l{0%{transform:none}45%{transform:translate(24%)scale(1.05)}58%{transform:translate(19%)scale(1.14,.9)}75%{transform:translate(22%)scale(.98,1.04)}to{transform:none}}@keyframes opair-meet-r{0%{transform:none}45%{transform:translate(-24%)scale(1.05)}58%{transform:translate(-19%)scale(1.14,.9)}75%{transform:translate(-22%)scale(.98,1.04)}to{transform:none}}.opair-show.is-born>svg{color:#ff6f9d;filter:drop-shadow(0 4px 14px #ff6f9d8c);animation:1.6s cubic-bezier(.3,1.6,.5,1) .5s both opair-heart}@keyframes opair-heart{0%{transform:scale(0)rotate(-20deg)}30%{transform:scale(1.9)rotate(8deg)}50%{transform:scale(1.3)}70%{transform:scale(1.6)}to{transform:scale(1.35)}}.opair-ring{opacity:0;pointer-events:none;border:3px solid #ff6f9d;border-radius:50%;width:20px;height:20px;animation:1s ease-out .55s both opair-ring;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(0)}.opair-ring.is-second{border-color:#3fa8ff;animation-delay:.75s}@keyframes opair-ring{0%{opacity:.9;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(14)}}.opair-bits{pointer-events:none;position:absolute;inset:0;overflow:visible}.opair-bits i{background:var(--c);opacity:0;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:10px;height:10px;animation:opair-fly 1.3s cubic-bezier(.2,.8,.3,1) var(--d) both;position:absolute;top:42%;left:50%}.opair-bits i.is-heart{clip-path:none;border-radius:50% 50% 0 0}@keyframes opair-fly{0%{opacity:1;transform:translate(0)scale(.3)}to{transform:translate(var(--x),var(--y)) scale(1) rotate(200deg);opacity:0}}.opair-show.is-born .opair-days{animation:.7s cubic-bezier(.3,1.5,.5,1) 1.2s both opair-rise}@keyframes opair-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.opair-ch{animation:opair-ch .4s cubic-bezier(.3,1.8,.5,1) calc(1.2s + var(--i,0)*60ms) both;display:inline-block}@keyframes opair-ch{0%{opacity:0;transform:translateY(8px)scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.opair-show.is-born figure,.opair-show.is-born>svg,.opair-show.is-born .opair-days,.opair-ch{animation:none}.opair-show.is-born>svg{transform:scale(1.2)}.opair-ring,.opair-bits{display:none}}