.page .tog{max-width:980px;margin-inline:auto;padding:28px;border-radius:28px;border:1px solid var(--line);background:var(--surface)}.page .seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:5px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);max-width:560px;margin:0 auto 28px}.page .seg button{position:relative;z-index:1;padding:12px 10px;border:0;background:none;font:600 15px var(--display);color:var(--muted);cursor:pointer;border-radius:999px}.page .seg button[aria-selected=true]{color:#1a1a1a}.page .seg .thumb{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/3);border-radius:999px;background:linear-gradient(90deg,var(--b1),var(--b2),var(--b3));transition:transform .5s cubic-bezier(.2,.7,.2,1)}.page .tog[data-mode="1"] .thumb{transform:translate(100%)}.page .tog[data-mode="2"] .thumb{transform:translate(200%)}.page .togbody{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.page .venn{position:relative;height:300px;overflow:hidden}.page .vc{position:absolute;top:50%;left:50%;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:1.5px solid var(--line2);transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .5s}.page .vc.l{background:radial-gradient(circle,#96e9f347,#96e9f30f 70%);padding-right:60px;transform:translate(-62px)}.page .vc.r{background:radial-gradient(circle,#da49c942,#da49c90f 70%);padding-left:60px;transform:translate(62px)}.page .vo{position:absolute;top:50%;left:50%;width:90px;height:160px;margin:-80px 0 0 -45px;border-radius:50%;background:radial-gradient(closest-side,rgba(174,168,226,.95),rgba(218,73,201,.35),transparent);filter:blur(4px);opacity:0;transition:opacity .6s}.page .tog[data-mode="0"] .vc.l{transform:translate(0) scale(1.05)}.page .tog[data-mode="0"] .vc.r{transform:translate(200px) scale(.8);opacity:.2}.page .tog[data-mode="1"] .vc.r{transform:translate(0) scale(1.05)}.page .tog[data-mode="1"] .vc.l{transform:translate(-200px) scale(.8);opacity:.2}.page .tog[data-mode="0"] .vc.l,.page .tog[data-mode="1"] .vc.r{padding:0}.page .tog[data-mode="2"] .vo{opacity:1}.page .vburst{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;border:2px solid rgba(218,73,201,.7);box-shadow:0 0 40px #da49c980,inset 0 0 30px #96e9f359;opacity:0;pointer-events:none}.page .tog.scrolly .vc,.page .tog.scrolly .vo{transition:none}.page .tog.scrolly .venn{overflow:visible}.page #together.pinfit{padding-top:calc(var(--hdr,65px) + 28px);padding-bottom:48px}.page #together.pinfit .hd{margin-bottom:28px}.page .brings li.star{border-color:transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(90deg,var(--b1),var(--b3)) border-box;border:1.5px solid transparent;box-shadow:0 0 24px #da49c940;font-weight:600}.page .brings{list-style:none;margin:0;padding:0;display:grid;gap:12px}.page .brings li{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid var(--line);color:var(--faint);transition:color .4s,border-color .4s,background .4s}.page .brings .mk{width:20px;height:20px;flex:none;border-radius:50%;border:1.5px solid var(--line2);transition:background .4s,border-color .4s,box-shadow .4s}.page .brings li.on{color:var(--ink);border-color:var(--line2);background:var(--panel)}.page .brings li.on .mk{background:linear-gradient(135deg,var(--b1),var(--b3));border-color:transparent;box-shadow:0 0 10px #da49c966}.page .big2{font-size:clamp(32px,4vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-top:14px}@media(max-width:820px){.page .togbody{grid-template-columns:1fr}.page .venn{height:240px}.page .vc{width:170px;height:170px;margin:-85px 0 0 -85px;font-size:11px}.page .vc.l{transform:translate(-46px);padding-right:44px}.page .vc.r{transform:translate(46px);padding-left:44px}.page .tog[data-mode="0"] .vc.r{transform:translate(150px) scale(.8)}.page .tog[data-mode="1"] .vc.l{transform:translate(-150px) scale(.8)}.page .seg button{font-size:13px;padding:11px 4px}.page .tog{padding:18px}}@media(prefers-reduced-motion:reduce){.page .vc,.page .seg .thumb,.page .brings li{transition:none}}