.compare-page{--ease-out: cubic-bezier(.05, .7, .1, 1)}.compare-page .chip{display:inline-flex;align-items:center;gap:.35rem;height:2rem;padding:0 .75rem;border-radius:9999px;border:1px solid #d1d5db;font-size:.8125rem;font-weight:500;cursor:pointer;user-select:none;white-space:nowrap;background:transparent;transition:background .15s,border-color .15s,color .15s,transform .1s}[data-theme=dark] .compare-page .chip{border-color:#374151}.compare-page .chip:hover{border-color:#2563eb}.compare-page .chip:active{transform:scale(.96)}.compare-page .chip.on{background:#2563eb;border-color:#2563eb;color:#fff}.compare-page .chip.zero{color:#9ca3af;border-color:#e5e7eb}[data-theme=dark] .compare-page .chip.zero{border-color:#1f2937;color:#6b7280}.compare-page .chip .n{font-variant-numeric:tabular-nums;opacity:.7;font-size:.75rem}.compare-page input.rng{width:100%;height:2.125rem;border:1px solid #d1d5db;border-radius:.5rem;padding:0 .6rem;font-size:.8125rem;background:transparent}.compare-page input.rng:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}[data-theme=dark] .compare-page input.rng{border-color:#374151}.compare-page .strip{position:relative;height:128px}.compare-page .strip .band,.compare-page .strip .medline,.compare-page .strip .own,.compare-page .strip .dot,.compare-page .strip .lab{position:absolute;transition:left .35s var(--ease-out),width .35s var(--ease-out),top .35s var(--ease-out),opacity .25s,transform .25s var(--ease-out)}.compare-page .strip .band{top:28px;height:64px;border-radius:8px;background:#f3f4f6}[data-theme=dark] .compare-page .strip .band{background:#1f2937}.compare-page .strip .medline{top:24px;height:72px;border-left:1.5px dashed #9ca3af;margin-left:-1px}.compare-page .strip .dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:9999px;background:#9ca3af;opacity:.75}.compare-page .strip .dot.new{opacity:0;transform:scale(.4)}.compare-page .strip .dot.hl{background:#f59e0b;opacity:1;transform:scale(1.9);z-index:2}.compare-page .strip .own{top:60px;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:9999px;background:#2563eb;box-shadow:0 0 0 3px #fff,0 2px 8px #2563eb80;z-index:3}[data-theme=dark] .compare-page .strip .own{box-shadow:0 0 0 3px #111827,0 2px 8px #2563eb99}.compare-page .strip .own:after{content:"";position:absolute;inset:-6px;border-radius:9999px;border:2px solid #2563eb;opacity:.35;animation:compare-ping 2.4s var(--ease-out) infinite}@keyframes compare-ping{0%{transform:scale(.6);opacity:.6}to{transform:scale(1.6);opacity:0}}.compare-page .strip .lab{font-size:11px;color:#6b7280;transform:translate(-50%);white-space:nowrap;top:102px}.compare-page .strip .lab.t{top:0;color:#1d4ed8;font-weight:600}[data-theme=dark] .compare-page .strip .lab.t{color:#93c5fd}.compare-page .vwrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease-out)}.compare-page .vwrap.open{grid-template-rows:1fr}.compare-page .vwrap>div{overflow:hidden}.compare-page .vgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 20px 20px}@media(min-width:1280px){.compare-page .vgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.compare-page .vgrid{grid-template-columns:1fr;padding:0 16px 16px}}.compare-page .vcard{border:1px solid #e5e7eb;border-radius:.875rem;padding:14px 16px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}[data-theme=dark] .compare-page .vcard{border-color:#1f2937}.compare-page .vcard .vl{display:flex;align-items:center;gap:6px;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:#6b7280}.compare-page .vcard .v{font-size:1.375rem;font-weight:700;line-height:1.15;margin-top:2px}.compare-page .vcard .r{font-size:.8125rem;color:#6b7280;line-height:1.4}.compare-page .ms{position:relative;height:44px;margin-top:auto;padding-top:6px}.compare-page .ms .band,.compare-page .ms .medline,.compare-page .ms .own,.compare-page .ms .lab,.compare-page .ms .bar{position:absolute;transition:left .35s var(--ease-out),width .35s var(--ease-out),opacity .25s}.compare-page .ms .band{top:12px;height:18px;border-radius:6px;background:#f3f4f6}[data-theme=dark] .compare-page .ms .band{background:#1f2937}.compare-page .ms .medline{top:9px;height:24px;border-left:1.5px dashed #9ca3af;margin-left:-1px}.compare-page .ms .own{top:21px;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:9999px;background:#2563eb;box-shadow:0 0 0 2px #fff;z-index:2}[data-theme=dark] .compare-page .ms .own{box-shadow:0 0 0 2px #111827}.compare-page .ms .lab{top:33px;font-size:10px;color:#9ca3af;transform:translate(-50%);white-space:nowrap}.compare-page .ms .bar{left:0;height:10px;border-radius:5px}.compare-page .ms .bar.in{top:9px;background:#2563eb}.compare-page .ms .bar.out{top:25px;background:#9ca3af}.compare-page .ms .barlab{position:absolute;font-size:10px;color:#6b7280;white-space:nowrap;transition:left .35s var(--ease-out)}.compare-page .vtog{transition:transform .3s var(--ease-out)}.compare-page .vhead[aria-expanded=true] .vtog{transform:rotate(180deg)}.compare-page .pcard{position:relative;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;overflow:hidden;transition:box-shadow .2s,transform .2s var(--ease-out)}[data-theme=dark] .compare-page .pcard{border-color:#1f2937;background:#111827}.compare-page .pcard:hover{box-shadow:0 10px 30px -10px #00000040;transform:translateY(-2px)}.compare-page .pcard img{transition:transform .3s}.compare-page .pcard:hover img{transform:scale(1.03)}.compare-page .pcard.sel{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b40}.compare-page .rbtn{display:grid;place-items:center;width:32px;height:32px;border-radius:9999px;background:#00000073;color:#fff;backdrop-filter:blur(4px);transition:background .15s,transform .1s}.compare-page .rbtn:hover{background:#000000a6}.compare-page .rbtn:active{transform:scale(.92)}.compare-page .rbtn.on{background:#f59e0b;color:#111}.compare-page .rbtn:disabled{opacity:.4;cursor:not-allowed}.compare-page .tr-own{background:#2563eb0f}.compare-page .panel-in{animation:compare-panel .35s var(--ease-out) both}@keyframes compare-panel{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.compare-page .diffhide .same{display:none}::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}::view-transition-group(subject-photo){animation-duration:.45s;animation-timing-function:cubic-bezier(.05,.7,.1,1)}.compare-page .progress{position:fixed;top:0;left:0;height:2px;background:#2563eb;width:0;opacity:0;z-index:50;transition:width .25s var(--ease-out),opacity .2s}.compare-page .leaflet-container{background:#e5e7eb;font:inherit}[data-theme=dark] .compare-page .leaflet-container{background:#111827}.compare-page .leaflet-interactive{transition:fill-opacity .25s,fill .2s}.compare-page [data-skeleton]{position:relative;min-height:220px;overflow:hidden}.compare-page [data-skeleton]:before{content:"";position:absolute;inset:20px;border-radius:12px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:compare-shimmer 1.2s infinite}[data-theme=dark] .compare-page [data-skeleton]:before{background:linear-gradient(90deg,#1f2937 25%,#374151,#1f2937 75%);background-size:200% 100%}.compare-page [data-skeleton]:after{content:attr(data-skeleton);position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:.8125rem;color:#6b7280}@keyframes compare-shimmer{to{background-position:-200% 0}}@keyframes compare-spin{to{transform:rotate(360deg)}}.compare-page .spin{animation:compare-spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.compare-page *{transition:none!important;animation:none!important}}