.cmp-toggle{gap:8px}.cmp-toggle .cmp-ic{width:18px;height:18px;flex:none}.cmp-toggle.is-on{background:var(--accent-soft, #eef2ff);border-color:var(--accent);color:var(--accent-d, var(--ink))}.rank-card.is-top .cmp-toggle{background:transparent;color:#fff;border-color:#ffffff59}.rank-card.is-top .cmp-toggle.is-on{background:#ffffff24;border-color:#fff;color:#fff}#cmp-root[hidden],.cmp-tray[hidden],.cmp-modal[hidden]{display:none!important}.cmp-tray{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--navy, #0f172a);color:#fff;box-shadow:0 -10px 30px #0f172a40;padding:12px 0 calc(12px + env(safe-area-inset-bottom))}.cmp-tray-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cmp-title{font-size:17px;white-space:nowrap}.cmp-count{font-weight:500;color:#cbd5e1;margin-left:4px}.cmp-items{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0;flex:1 1 0;min-width:0}.cmp-tray-in{flex-wrap:nowrap}.cmp-tray .btn{flex:none}.cmp-items li{display:inline-flex;align-items:center;gap:6px;background:var(--navy-2, #1e293b);border-radius:999px;padding:4px 6px 4px 14px;font-size:15px;max-width:100%}.cmp-items li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.cmp-items button{width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:#e2e8f0;font-size:20px;line-height:1;cursor:pointer}.cmp-items button:hover{background:#ffffff1f;color:#fff}.cmp-share-row{margin:16px 0 0}.cmp-tray .cmp-share{min-height:40px}.cmp-open[disabled]{background:#334155;color:#cbd5e1;cursor:default}.cmp-toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:61;background:#fff;color:var(--ink, #0f172a);border-radius:12px;padding:12px 18px;font-size:16px;font-weight:500;box-shadow:0 12px 30px #0f172a38;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}.cmp-toast.on{opacity:1;transform:translate(-50%)}.cmp-modal{position:fixed;inset:0;z-index:70;background:#0f172a99;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.cmp-box{background:#fff;border-radius:18px;width:100%;max-width:980px;min-width:0;box-sizing:border-box;padding:26px 28px 22px;box-shadow:0 30px 60px #0f172a59}.cmp-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.cmp-head .h3{margin:0}.cmp-x{width:44px;height:44px;border-radius:50%;border:2px solid var(--line, #e2e8f0);background:#fff;font-size:26px;line-height:1;cursor:pointer;color:var(--ink, #0f172a)}.cmp-x:hover{border-color:var(--ink, #0f172a)}.cmp-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cmp-table{width:100%;border-collapse:collapse;font-size:16px;min-width:520px}.cmp-table th,.cmp-table td{padding:12px 14px;border-bottom:1px solid var(--line, #e2e8f0);text-align:left;vertical-align:middle}.cmp-table thead th{font-size:18px;vertical-align:bottom;line-height:1.3}.cmp-table thead th a{color:var(--ink, #0f172a);text-decoration:none;font-weight:700}.cmp-table thead th a:hover{color:var(--accent);text-decoration:underline}.cmp-table tbody th{font-weight:500;color:var(--body, #475569);width:30%}.cmp-table td{width:calc(70% / 3)}.cmp-table td.is-best{background:var(--accent-soft, #f1f5f9);font-weight:600}.cmp-sec th{background:var(--off, #f6f7f9);font-size:14px!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;color:var(--ink, #0f172a)!important}.cmp-stars span{color:#cbd5e1;font-size:16px}.cmp-stars span.on{color:#f59e0b}.cmp-yes{color:#15803d;font-weight:800;font-size:19px}.cmp-no{color:#94a3b8}.cmp-act th,.cmp-act td{border-bottom:0;padding-top:18px}.cmp-btns{display:flex;flex-direction:column;gap:8px;max-width:200px}.cmp-btns .btn{width:100%}.cmp-note{margin:14px 0 0;font-size:14px;color:var(--body, #475569)}.cmp-loading{padding:30px 0;text-align:center;color:var(--body, #475569)}.cmp-lock,.cmp-lock body{overflow:hidden}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}body:has(#cmp-root:not([hidden]) .cmp-tray:not([hidden])){padding-bottom:84px}@media(max-width:640px){.cmp-tray{padding:10px 0 calc(10px + env(safe-area-inset-bottom))}.cmp-tray-in{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title open" "items items";gap:8px 12px}.cmp-title{grid-area:title;align-self:center;font-size:16px}.cmp-open{grid-area:open;min-height:40px;padding:0 16px;font-size:15px}.cmp-tray .cmp-share{display:none}.cmp-items{grid-area:items;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cmp-items::-webkit-scrollbar{display:none}.cmp-items li{flex:none;font-size:14px;padding:2px 4px 2px 12px}.cmp-items li span{max-width:120px}.cmp-items button{width:28px;height:28px;font-size:18px}body:has(#cmp-root:not([hidden]) .cmp-tray:not([hidden])){padding-bottom:110px}.cmp-toast{bottom:120px}.cmp-box{padding:20px 16px;border-radius:14px}.cmp-modal{padding:16px 8px}.cmp-table{font-size:15px}.cmp-table th,.cmp-table td{padding:10px 8px}.cmp-table{min-width:0;table-layout:fixed}.cmp-table tbody th{width:34%;font-size:14px}.cmp-table thead th{font-size:15px}.cmp-stars{display:none}.cmp-btns .btn{padding:0 8px}.cmp-head .h3{font-size:22px}}