.ot-relac{--bg:var(--ot-bg);--panel:var(--ot-surface);--ink:var(--ot-ink);--muted:var(--ot-muted);--line:var(--ot-line);--pink:var(--ot-pink);--violet:var(--ot-violet);--orange:var(--ot-orange);--grad:linear-gradient(120deg,var(--ot-orange),var(--ot-pink) 55%,var(--ot-violet));--font:var(--ot-font);--like:#22c55e;--nope:#fb4e6d;--super:var(--ot-cyan);--rewind:#fbbf24;--boost:#c084fc;--card-glow:0 30px 60px -24px rgba(236,72,153,0.35);font-family:var(--font);background:radial-gradient(130% 80% at 50% -10%,color-mix(in oklab,var(--ot-pink) 9%,var(--bg)),var(--bg) 60%);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background .4s,color .4s}.ot-relac[data-theme=dark]{background:radial-gradient(130% 80% at 50% -10%,#2a0f2e,var(--bg) 60%);--card-glow:0 30px 60px -24px rgba(236,72,153,0.5)}.ot-relac *{box-sizing:border-box}.ot-relac button{font-family:var(--font);cursor:pointer}.ot-relac svg{display:block}.ot-relac a{color:inherit;text-decoration:none}.ot-relac .pw{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15px;letter-spacing:-.02em}.ot-relac .pw .spark{width:26px;height:26px}.ot-relac .stage{max-width:520px;margin:0 auto;padding:6px 20px 0;text-align:center}.ot-relac .stage .kick{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pink)}.ot-relac .stage h1{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:6px 0 2px}.ot-relac .stage p{font-size:13.5px;color:var(--muted);margin:0}.ot-relac .deck{position:relative;max-width:380px;height:540px;margin:18px auto 0}.ot-relac .card{position:absolute;inset:0;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--card-glow);background:var(--panel);will-change:transform;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .35s cubic-bezier(.3,.7,.3,1),opacity .35s;-moz-user-select:none;user-select:none;-webkit-user-select:none}.ot-relac .card.topcard{touch-action:none;cursor:grab}.ot-relac .card .ph{position:absolute;inset:0;z-index:0}.ot-relac .card .ph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.78))}.ot-relac .card .ph .phimg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-user-drag:none}.ot-relac .card .silh{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:62%;opacity:.5}.ot-relac .card .info{position:relative;z-index:2;padding:22px;color:#fff}.ot-relac .card .nm{font-size:27px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:baseline;gap:9px}.ot-relac .card .nm .ag{font-size:20px;font-weight:500}.ot-relac .card .loc{font-size:13.5px;color:rgba(255,255,255,.85);margin-top:4px;display:flex;align-items:center;gap:6px}.ot-relac .card .loc svg{width:14px;height:14px}.ot-relac .card .bio{font-size:13.5px;color:rgba(255,255,255,.9);margin-top:10px;line-height:1.45}.ot-relac .card .tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.ot-relac .card .tag{font-size:11.5px;font-weight:600;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);padding:5px 11px;border-radius:999px;backdrop-filter:blur(4px);color:#fff}.ot-relac .card .tag.hot{background:color-mix(in srgb,var(--pink) 38%,transparent);border-color:color-mix(in srgb,var(--pink) 70%,transparent)}.ot-relac .stamp{position:absolute;top:28px;z-index:3;font-size:30px;font-weight:900;letter-spacing:.05em;padding:6px 16px;border-radius:12px;border:4px solid;opacity:0;transform:rotate(-14deg);transition:opacity .15s}.ot-relac .stamp.like{left:22px;color:var(--like);border-color:var(--like)}.ot-relac .stamp.nope{right:22px;color:var(--nope);border-color:var(--nope);transform:rotate(14deg)}.ot-relac .empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--muted);padding:30px}.ot-relac .empty .e1{font-size:18px;font-weight:800;color:var(--ink)}.ot-relac .empty .e2{font-size:13px}.ot-relac .empty button{margin-top:10px;background:var(--grad);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-weight:700}.ot-relac .skel{position:absolute;inset:0;border-radius:26px;border:1px solid var(--line);background:var(--panel);animation:orh-pulse 1.4s ease-in-out infinite}@keyframes orh-pulse{0%,to{opacity:.55}50%{opacity:1}}.ot-relac .gate{position:absolute;inset:0;border-radius:26px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--card-glow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:34px 28px}.ot-relac .gate .spark{width:44px;height:44px;margin-bottom:4px}.ot-relac .gate h2{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0}.ot-relac .gate p{font-size:13.5px;color:var(--muted);margin:0 0 12px;line-height:1.5}.ot-relac .gate .gbtn{display:block;width:100%;background:var(--grad);color:#fff;border:none;border-radius:13px;padding:14px;font-weight:800;font-size:14px;text-align:center}.ot-relac .gate .gbtn.ghost{background:none;border:1px solid var(--line);color:var(--ink);font-weight:700}.ot-relac .acts{display:flex;align-items:center;justify-content:center;gap:16px;margin:22px auto 0;max-width:380px}.ot-relac .ab{border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--panel);box-shadow:0 10px 24px -10px rgba(0,0,0,.35);transition:transform .15s}.ot-relac[data-theme=dark] .ab{box-shadow:0 10px 24px -10px rgba(0,0,0,.7)}.ot-relac .ab:active{transform:scale(.9)}.ot-relac .ab:disabled{opacity:.4;cursor:not-allowed}.ot-relac .ab svg{width:24px;height:24px}.ot-relac .ab.sm{width:50px;height:50px}.ot-relac .ab.lg{width:68px;height:68px}.ot-relac .ab.rewind{color:var(--rewind)}.ot-relac .ab.super{color:var(--super)}.ot-relac .ab.boost{color:var(--boost)}.ot-relac .ab.like,.ot-relac .ab.nope{border:none;color:#fff}.ot-relac .ab.like{background:linear-gradient(135deg,#22c55e,#16a34a)}.ot-relac .ab.nope{background:linear-gradient(135deg,#fb4e6d,var(--pink))}.ot-relac .tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;gap:30px;padding:14px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.ot-relac .tabs a,.ot-relac .tabs button{background:none;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;position:relative}.ot-relac .tabs a svg,.ot-relac .tabs button svg{width:22px;height:22px}.ot-relac .tabs .on{color:var(--pink)}.ot-relac .tabs .badge{position:absolute;top:-3px;right:6px;background:var(--pink);color:#fff;font-size:9px;font-weight:800;border-radius:999px;padding:1px 5px}.ot-relac .modal{position:fixed;inset:0;z-index:90;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}.ot-relac .mcard{text-align:center;max-width:340px;width:100%}.ot-relac .mcard .mt{font-size:44px;font-weight:900;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.ot-relac .mcard p{color:var(--muted);font-size:14px;margin:8px 0 22px}.ot-relac .mcard .avs{display:flex;justify-content:center;margin-bottom:8px}.ot-relac .mcard .ma{width:88px;height:88px;border-radius:50%;border:3px solid var(--bg);display:grid;place-items:center;color:#fff;font-weight:800;font-size:26px;overflow:hidden}.ot-relac .mcard .ma img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ot-relac .mcard .ma:nth-child(2){margin-left:-18px}.ot-relac .mcard .mb{display:block;width:100%;background:var(--grad);color:#fff;border:none;border-radius:13px;padding:14px;font-weight:800;margin-bottom:10px;text-align:center}.ot-relac .mcard .ml{background:none;border:1px solid var(--line);color:var(--ink);border-radius:13px;padding:13px;width:100%;font-weight:700}.ot-relac .toastEl{position:fixed;bottom:84px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;font-size:13px;font-weight:700;opacity:0;transition:.3s;z-index:120;box-shadow:0 16px 36px -10px rgba(0,0,0,.5);pointer-events:none}.ot-relac .toastEl.show{opacity:1;transform:translateX(-50%) translateY(0)}.ot-relac .foot{text-align:center;color:var(--muted);font-size:11.5px;padding:90px 0 30px}.ot-relac .foot .pw{justify-content:center;font-size:13px;margin-bottom:6px}