:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--line:#ffffff14;--muted:#9a9ca6;--glass:#18191ce0;font-family:system-ui,-apple-system,sans-serif}html,body,#root{color:#ececf0;background:#0f1012;height:100%;margin:0;overflow:hidden}canvas{display:block}button{font:inherit;cursor:pointer;color:inherit}.muted{color:var(--muted);font-size:12px}.pad{padding:12px}.panel{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:12px;width:320px;padding:16px;display:flex;position:fixed;top:16px;bottom:16px;left:16px}.panel h1{margin:0 0 4px;font-size:18px}.panel header p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.search{box-sizing:border-box;width:100%;color:inherit;background:#ffffff0a;border:1px solid #ffffff29;border-radius:10px;outline:none;padding:9px 12px;font-size:14px}.search:focus{border-color:#d0d3dc}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--c);opacity:.8;background:0 0;border-radius:999px;padding:3px 9px;font-size:12px}.chip.on{background:var(--c);color:#0b1020;opacity:1;font-weight:600}.seg{background:#ffffff0d;border-radius:10px;gap:4px;padding:3px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;padding:6px;font-size:12.5px}.seg button.on{color:#17181b;background:#e6e7eb;font-weight:600}.list{flex:1;margin:0 -8px;padding:0 8px;overflow:auto}.item{cursor:pointer;border-radius:10px;align-items:center;gap:9px;padding:6px 8px;font-size:13px;display:flex}.item:hover{background:#ffffff0f}.item.on{background:#ffd1661f}.item .rank{text-align:right;width:18px;color:var(--muted);font-size:11px}.item .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.item b{font-variant-numeric:tabular-nums;font-size:12.5px}.check{width:22px;height:22px;color:var(--muted);background:0 0;border:1px solid #ffffff47;border-radius:50%;padding:0;font-size:13px;line-height:1}.check.on{color:#0b1020;background:#ffd166;border-color:#ffd166;font-weight:700}.panel footer{flex-direction:column;gap:2px;display:flex}.foot{color:#7b7e88;font-size:11px}.ghost{background:0 0;border:1px solid #ffffff29;border-radius:8px;padding:6px 10px;font-size:12.5px}.ghost:hover{background:#ffffff0f}.logo{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.logo img{object-fit:contain}.compare{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:16px;max-width:640px;margin:0 auto;padding:14px 16px;position:fixed;bottom:84px;left:368px;right:16px}.compare .head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.compare h2{margin:0;font-size:15px;font-weight:500}.compare h2 em{color:#ffd166;font-size:18px;font-style:normal;font-weight:700}.bars{flex-direction:column;gap:6px;max-height:170px;display:flex;overflow:auto}.bar{align-items:center;gap:8px;font-size:13px;display:flex}.bar .n{text-overflow:ellipsis;white-space:nowrap;width:120px;overflow:hidden}.bar .track{background:#ffffff12;border-radius:4px;flex:1;height:8px;overflow:hidden}.bar .track i{border-radius:4px;height:100%;display:block}.bar b{text-align:right;font-variant-numeric:tabular-nums;width:62px}.bar .x{text-align:right;color:#ffd166;width:40px;font-size:12px}.rm{color:var(--muted);background:0 0;border:0;padding:0 2px;font-size:16px}.tip{z-index:20;pointer-events:none;border:1px solid var(--line);background:#0f1012f5;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex;position:fixed;box-shadow:0 8px 30px #00000080}.tip .big{margin:2px 0;font-size:20px;font-weight:700}.tip .hint{color:#ffd166;margin-top:4px;font-size:11px}.toolbar{z-index:5;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toolbar button{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:6px 12px;font-size:13px}.nav-hint{color:var(--muted);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);pointer-events:none;opacity:0;border-radius:12px;flex-direction:column;align-items:flex-end;gap:6px;padding:10px 12px;font-size:12px;transition:opacity .6s;display:flex;position:fixed;top:58px;right:16px}.nav-hint.show{opacity:1}.handle{display:none}kbd{font:inherit;color:#d6d8e0;background:#ffffff14;border-radius:5px;margin-right:4px;padding:2px 6px}.timeline{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;max-width:640px;margin:0 auto;padding:10px 16px;display:flex;position:fixed;bottom:16px;left:368px;right:16px}.timeline .play{color:#17181b;background:#e6e7eb;border:0;border-radius:50%;flex:none;width:34px;height:34px;font-size:13px}.timeline .range{flex:1;padding-bottom:14px;position:relative}.timeline input[type=range]{accent-color:#ffd166;width:100%;margin:0}.timeline .ticks{pointer-events:none;height:12px;position:absolute;bottom:0;left:0;right:0}.timeline .ticks span{color:var(--muted);font-size:10px;position:absolute;transform:translate(-50%)}.timeline .when{text-align:right;color:#ffd166;font-variant-numeric:tabular-nums;min-width:70px;font-size:14px;font-weight:700}@media (width<=760px){.panel{z-index:30;width:auto;height:70vh;padding:8px 14px 14px;transition:transform .3s;inset:auto 8px 8px;transform:translateY(calc(100% - 52px))}.panel.open{transform:none}.panel>header{display:none}.handle{background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 0 8px;display:flex;position:relative}.handle .grip{background:#ffffff40;border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:4px;left:50%}.timeline{max-width:none;padding:8px 12px;bottom:68px;left:8px;right:8px}.compare{padding:10px 12px;bottom:138px;left:8px;right:8px}.compare .bars{max-height:110px}.bar .n{width:78px}.toolbar{top:10px;right:10px}.nav-hint,.tip{display:none}}.loading{color:var(--muted);pointer-events:none;place-items:center;font-size:14px;display:grid;position:fixed;inset:0}.scale{flex-direction:column;gap:4px;display:flex}.scale-head{color:var(--muted);justify-content:space-between;font-size:12.5px;display:flex}.scale input[type=range]{accent-color:#e6e7eb;width:100%;margin:0}.scale-ends{color:#7b7e88;justify-content:space-between;font-size:10.5px;display:flex}.scale-note{margin:0;font-size:11px;line-height:1.35}.layout{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;display:flex}.layout .seg{width:150px}