:root{--bg:#15161a;--panel:#181a1fd1;--border:#ffffff1a;--fg:#e6e8ec;--dim:#9aa0aa;--accent:#49b1f5;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Lato, Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--panel-w:268px;--panel-gap:18px;--drawer-w:min(320px, 84vw)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.back{z-index:10;background:var(--panel);border:1px solid var(--border);color:var(--fg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:14px;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex;position:fixed;top:18px;left:18px}.back:hover{background:#282c34e6;transform:translate(-2px)}.panel{right:var(--panel-gap);bottom:var(--panel-gap);z-index:10;width:var(--panel-w);background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin;border-radius:14px;max-height:calc(100vh - 36px);padding:16px;font-size:13px;position:fixed;overflow-y:auto}.panel-toggle{z-index:11;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--fg);cursor:pointer;-webkit-tap-highlight-color:transparent;border-right:none;border-radius:12px 0 0 12px;align-items:center;gap:1px;padding:15px 7px 15px 9px;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s;display:inline-flex;position:fixed;top:72%;right:0;transform:translateY(-50%)}body:not(.panel-open) .panel-toggle{opacity:.45}body:not(.panel-open) .panel-toggle:hover,body:not(.panel-open) .panel-toggle:active{opacity:1}body:not(.panel-open) .panel-toggle:focus-visible{opacity:1}.panel-toggle svg{width:19px;height:19px;display:block}.panel-toggle .pt-chev{opacity:.6;transition:transform .28s;display:flex}.panel-toggle .pt-chev svg{width:14px;height:14px}.panel{transition:transform .28s cubic-bezier(.4,0,.2,1)}body:not(.panel-open) .panel{transform:translateX(calc(100% + var(--panel-gap)));pointer-events:none}body.panel-open .panel-toggle{transform:translateY(-50%) translateX(calc(-1 * (var(--panel-w) + var(--panel-gap))))}body.panel-open .panel-toggle .pt-chev{transform:rotate(180deg)}.group+.group{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.group h3{letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin:0 0 9px;font-size:11px;font-weight:600}.row{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);color:var(--fg);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:8px;padding:6px 12px;font-size:12.5px;transition:background .15s,border-color .15s,color .15s}.chip:hover:not(:disabled){background:#ffffff1c}.chip.on{background:var(--accent);border-color:var(--accent);color:#0d1117;font-weight:600}.chip.accent{border-color:var(--accent);color:var(--accent)}.chip.accent:hover:not(:disabled){background:#49b1f529}.chip.ghost{color:var(--dim)}.chip:disabled{opacity:.45;cursor:default}.slider{align-items:center;gap:10px;margin-bottom:8px;display:flex}.slider input[type=range]{accent-color:var(--accent);flex:1}.slider .val{text-align:right;font-variant-numeric:tabular-nums;min-width:56px;color:var(--dim)}.note{color:var(--dim);white-space:pre-line;margin:9px 0 0;font-size:11.5px;line-height:1.6}dl.stats{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}dl.stats dt{color:var(--dim);font-size:12px}dl.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:12px}dl.stats dd:last-child{line-height:1.55}.loading{z-index:20;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .5s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading.gone{opacity:0;pointer-events:none}.spinner{border:2px solid #ffffff24;border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.track{background:#ffffff1f;border-radius:2px;width:min(260px,62vw);height:2px;overflow:hidden}.bar{background:var(--accent);width:0;height:100%;transition:width .25s}.loading .label{color:var(--dim);margin:0;font-size:13px}.loading.error .spinner{border-top-color:#f56c6c;animation:none}.loading.error .label{color:#f56c6c;text-align:center;max-width:80vw}@media (max-width:720px),(max-height:520px){.panel{width:var(--drawer-w);max-height:none;padding:calc(14px + env(safe-area-inset-top)) calc(13px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) 13px;border-top:none;border-bottom:none;border-right:none;border-radius:0;transition:transform .28s cubic-bezier(.4,0,.2,1);top:0;bottom:0;left:auto;right:0;transform:translate(100%)}body.panel-open .panel{transform:none}body:not(.panel-open) .panel{transform:translate(100%)}body.panel-open .panel-toggle{transform:translateY(-50%) translateX(calc(-1 * var(--drawer-w)))}.back{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));padding:8px 13px;font-size:13px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
