:root{--glass-thin-bg:#ffffff8c;--glass-thin-border:#00000014;--glass-thin-border-inner:#fff9;--glass-thin-shadow:0 1px 3px #0000000f, 0 4px 16px #0000000d;--glass-thin-blur:blur(20px) saturate(180%);--glass-regular-bg:#ffffffb3;--glass-regular-border:#00000014;--glass-regular-border-inner:#ffffffb3;--glass-regular-shadow:0 1px 2px #0000000a, 0 8px 28px #00000014;--glass-regular-blur:blur(30px) saturate(180%);--glass-thick-bg:#ffffffd9;--glass-thick-border:#0000001a;--glass-thick-shadow:0 2px 4px #0000000d, 0 12px 40px #0000001a;--glass-thick-blur:blur(40px) saturate(180%);--glass-thin-bg-fallback:#ffffffeb;--glass-regular-bg-fallback:#fffffff5;--glass-thick-bg-fallback:#fffffffc;--accent:#ffd500;--accent-strong:#e8c000;--accent-soft:#ffd50080;--accent-glow:#ffd5002e;--fg:#0a0a0a;--fg-secondary:#3d3d3f;--fg-tertiary:#6e6e73;--fg-quaternary:#8e8e93;--surface:#fff;--ease-ios:cubic-bezier(.32, .72, 0, 1);--dur-fast:.18s;--dur-base:.24s;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--app-header-h:56px;--catalog-bar-h:44px;--content-max-width:1400px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:9999px;--color-accent:#facc15;--color-accent-strong:#ca8a04;--color-fg-on-accent:#000;--color-fg:#111;--color-fg-secondary:#555;--color-surface:#fafafa;--color-surface-alt:#f1f1f3;--color-border:#0000001f;--color-danger:#b91c1c;--color-danger-soft:#b91c1c1a;--color-success:#15803d;--catalog-select:#2563eb}@media (prefers-color-scheme:dark){:root{--glass-thin-bg:#1c1c1e8c;--glass-thin-border:#ffffff1a;--glass-thin-border-inner:#ffffff1f;--glass-thin-shadow:0 1px 3px #0006, 0 4px 16px #0000004d;--glass-regular-bg:#1c1c1eb3;--glass-regular-border:#ffffff1a;--glass-regular-border-inner:#ffffff14;--glass-regular-shadow:0 1px 2px #0006, 0 8px 28px #00000059;--glass-thick-bg:#1c1c1ed9;--glass-thick-border:#ffffff1f;--glass-thick-shadow:0 2px 4px #0006, 0 12px 40px #0006;--glass-thin-bg-fallback:#1c1c1ef0;--glass-regular-bg-fallback:#1c1c1ef7;--glass-thick-bg-fallback:#1c1c1efc;--fg:#f5f5f7;--fg-secondary:#ebebf0;--fg-tertiary:#aeaeb2;--fg-quaternary:#8e8e93;--surface:#0a0a0a;--color-fg:#f5f5f7;--color-fg-secondary:#b6b6bb;--color-surface:#181818;--color-surface-alt:#242424;--color-border:#ffffff2e}}.page{width:100%;max-width:var(--content-max-width,1400px);padding:var(--space-6) var(--space-5);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.page__head{gap:var(--space-2);flex-direction:column;display:flex}.page__title{margin:0;font-size:28px}.page__subtitle{color:var(--color-fg-secondary);margin:0}@media (width<=768px){.page{padding:var(--space-4) var(--space-3)}}.brand-loader{padding:var(--space-6) var(--space-4);justify-content:center;align-items:center;min-height:120px;display:flex}.brand-loader__mark{--bl-period:130px;--bl-spot-w:30px;--bl-spot-h:62px;--bl-base:#111111eb;--bl-crest:#1111112e;--bl-intro-dur:3.3s;--bl-ripple-dur:2s;--bl-ease-intro:cubic-bezier(.1, .505, .5, .725);letter-spacing:.01em;color:var(--color-fg);background-image:radial-gradient(var(--bl-spot-w) var(--bl-spot-h) at 50% 50%, var(--bl-crest) 0%, var(--bl-base) 72%, var(--bl-base) 100%);background-size:var(--bl-period) 100%;-webkit-text-fill-color:transparent;animation:brand-loader-intro var(--bl-intro-dur) var(--bl-ease-intro) 0s 1 both, brand-loader-ripple var(--bl-ripple-dur) linear var(--bl-intro-dur) infinite;background-repeat:repeat-x;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}@media (prefers-color-scheme:dark){.brand-loader__mark{--bl-base:#f5f5f7eb;--bl-crest:#f5f5f72e}}@keyframes brand-loader-intro{0%{background-position:0 0}to{background-position:calc(var(--bl-period) * 3) 0}}@keyframes brand-loader-ripple{0%{background-position:0 0}to{background-position:var(--bl-period) 0}}@media (prefers-reduced-motion:reduce){.brand-loader__mark{-webkit-text-fill-color:currentColor;color:var(--color-fg);background:0 0;animation:none}}.empty-state{align-items:flex-start;gap:var(--space-3);padding:var(--space-6);background:var(--color-surface-alt);border-radius:var(--radius-lg);flex-direction:column;display:flex}.empty-state__title{margin:0;font-size:18px}.empty-state__body{color:var(--color-fg-secondary);margin:0}.empty-state__actions{gap:var(--space-3);display:flex}.empty-state__tutorial{color:var(--color-accent-strong);cursor:pointer;background:0 0;border:0;text-decoration:underline}.error-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-md);display:flex}.error-banner__retry{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.reload-btn{flex:none;justify-content:center;align-items:center;width:30px;height:26px;padding:0;display:inline-flex}.reload-btn__icon{display:block}.reload-btn.is-busy .reload-btn__icon{animation:.7s linear infinite spin}.async-select{display:block;position:relative}.async-select__input{width:100%}.async-select__input[data-loading]{appearance:none;color:var(--color-fg-secondary);cursor:progress;padding-right:36px}.async-select__spinner{pointer-events:none;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}:root{--desk:#e9e9ee;--paper:var(--color-surface);--paper-radius:26px;--paper-max:1520px;--paper-margin-x:clamp(12px, 3vw, 56px);--paper-border:#0000000a;--paper-shadow:0 1px 2px #0000000d, 0 8px 22px #00000017;--pill-h:40px;--frame-pad:14px;--frame-gap:calc(var(--pill-h) + 2 * var(--frame-pad));--chrome-top:var(--frame-pad);--tagline-fg:var(--fg-tertiary);--chrome-thumb:#ffffffeb;--chrome-thumb-shadow:0 1px 2px #00000024, 0 2px 8px #00000014}@media (prefers-color-scheme:dark){:root{--desk:#000;--paper-border:#ffffff12;--paper-shadow:0 1px 2px #00000080, 0 8px 22px #0006;--chrome-thumb:#7878806b;--chrome-thumb-shadow:0 1px 2px #00000080}}html{background:var(--desk)}body{padding:calc(var(--safe-top) + var(--frame-gap)) 0 calc(var(--safe-bottom) + var(--frame-gap));background:0 0}.app-chrome{display:contents}.app-wordmark,.app-tools__lock,.app-foot,.page-nav,.lang-toggle{min-height:var(--pill-h);border:1px solid var(--glass-thin-border);border-radius:var(--radius-pill);background:var(--glass-thin-bg);box-shadow:var(--glass-thin-shadow);-webkit-backdrop-filter:var(--glass-thin-blur);backdrop-filter:var(--glass-thin-blur);align-items:center;display:inline-flex}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.app-wordmark,.app-tools__lock,.app-foot,.page-nav,.lang-toggle{background:var(--glass-thin-bg-fallback)}}.app-wordmark{top:calc(var(--safe-top) + var(--chrome-top));left:calc(var(--safe-left) + 18px);z-index:40;letter-spacing:-.01em;color:var(--fg);padding:9px 17px;font-size:17px;font-weight:700;text-decoration:none;position:fixed}.app-tools{top:calc(var(--safe-top) + var(--chrome-top));right:calc(var(--safe-right) + 18px);z-index:40;align-items:center;gap:var(--space-2);display:flex;position:fixed}.app-tools__lock{font:inherit;color:var(--fg-secondary);cursor:pointer;transition:color .16s ease, background var(--dur-fast) var(--ease-ios);padding:9px 15px;font-size:13px;font-weight:500}.app-tools__lock:hover{color:var(--fg);background:var(--glass-regular-bg)}.app-foot{bottom:calc(var(--safe-bottom) + var(--chrome-top));left:calc(var(--safe-left) + 18px);z-index:40;font:inherit;color:var(--fg-secondary);cursor:pointer;transition:color .16s ease, background var(--dur-fast) var(--ease-ios);padding:9px 15px;font-size:13px;font-weight:500;text-decoration:none;position:fixed}.app-foot:hover{color:var(--fg);background:var(--glass-regular-bg)}.app-sheet{width:calc(100% - 2 * var(--paper-margin-x));max-width:var(--paper-max);min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 2 * var(--frame-gap));padding-top:var(--space-3);background:var(--paper);border:1px solid var(--paper-border);border-radius:var(--paper-radius);box-shadow:var(--paper-shadow);margin-inline:auto}.app-desk{left:0;right:0;bottom:calc(var(--safe-bottom) + var(--frame-gap) / 2);z-index:-1;text-align:center;letter-spacing:.02em;color:var(--tagline-fg);pointer-events:none;font-size:13px;line-height:1;position:fixed;transform:translateY(50%)}.page-nav{top:calc(var(--safe-top) + var(--chrome-top));z-index:41;scrollbar-width:none;max-width:min(100vw - 220px,720px);padding:4px;position:fixed;left:50%;overflow:auto hidden;transform:translate(-50%)}.page-nav::-webkit-scrollbar{display:none}.page-nav__thumb{border-radius:var(--radius-pill);background:var(--chrome-thumb);width:0;box-shadow:var(--chrome-thumb-shadow);transition:transform var(--dur-base) var(--ease-ios), width var(--dur-base) var(--ease-ios);pointer-events:none;position:absolute;top:4px;bottom:4px;left:0}.page-nav__seg{z-index:1;appearance:none;color:var(--fg-secondary);font:inherit;white-space:nowrap;border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;padding:7px 15px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.page-nav__seg.is-active{color:var(--fg);cursor:default;font-weight:600}.page-nav__seg:not(.is-active):hover{color:var(--fg)}@media (width<=700px){.page-nav{max-width:calc(100vw - 16px)}.page-nav__seg{padding:7px 12px;font-size:13px}}@media (prefers-reduced-motion:reduce){.page-nav__thumb{transition-duration:1ms}}.lang-toggle{gap:2px;padding:3px}.lang-toggle__btn{appearance:none;color:var(--fg-secondary);font:inherit;letter-spacing:.01em;border-radius:var(--radius-pill);cursor:pointer;transition:color .16s ease, background var(--dur-fast) var(--ease-ios);background:0 0;border:0;padding:8px 14px;font-size:13px;font-weight:500}.lang-toggle__btn:hover:not(.is-active){color:var(--fg)}.lang-toggle__btn.is-active{background:var(--chrome-thumb);color:var(--fg);box-shadow:var(--chrome-thumb-shadow)}:root{--color-accent:var(--accent);--color-accent-strong:var(--accent-strong)}html,body{background:var(--color-surface);color:var(--fg);font-family:var(--font-family,-apple-system, "PingFang SC", "Noto Sans SC", sans-serif);margin:0;padding:0;font-size:14px}#root{min-height:100dvh}*{box-sizing:border-box}.btn{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--fg);cursor:pointer;transition:background var(--dur-fast) var(--ease-ios), border-color var(--dur-fast);justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--color-accent-strong)}.btn:disabled{opacity:.5;cursor:default}.btn--sm{padding:5px 12px;font-size:12px}.btn--ghost{background:0 0}.btn--primary{background:var(--color-accent);border-color:var(--color-accent-strong);color:var(--color-fg-on-accent,#000)}.mx-gate{min-height:100dvh;padding:var(--space-5);place-items:center;display:grid}.mx-gate__card{gap:var(--space-3);width:100%;max-width:360px;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--glass-regular-bg,var(--color-surface));-webkit-backdrop-filter:var(--glass-regular-blur);backdrop-filter:var(--glass-regular-blur);border:1px solid var(--glass-regular-border,var(--color-border));box-shadow:var(--glass-regular-shadow);flex-direction:column;display:flex}.mx-gate__wordmark{letter-spacing:-.02em;font-weight:800}.mx-gate__title{margin:0;font-size:20px}.mx-gate__subtitle{color:var(--fg-secondary);margin:0 0 var(--space-2);font-size:13px}.mx-gate__error{color:var(--color-danger);margin:0;font-size:13px}.mx-gate__submit{margin-top:var(--space-2)}.mx-field{flex-direction:column;gap:4px;display:flex}.mx-field__label{color:var(--fg-secondary);font-size:12px}.mx-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--fg);padding:9px 12px;font-size:14px}.mx-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.mx-input--inline{width:auto;min-width:260px;padding:6px 10px;font-size:13px}.mx-shell{flex-direction:column;min-height:100dvh;display:flex}.mx-header{z-index:20;padding:var(--space-3) var(--space-5) var(--space-2);gap:var(--space-2);background:var(--glass-thin-bg-fallback,var(--color-surface));-webkit-backdrop-filter:var(--glass-thin-blur);backdrop-filter:var(--glass-thin-blur);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex;position:sticky;top:0}.mx-header__top{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.mx-wordmark{letter-spacing:-.02em;font-size:15px;font-weight:800}.mx-controls{align-items:center;gap:var(--space-3);display:flex}.mx-days{border:1px solid var(--color-border);border-radius:var(--radius-pill);display:inline-flex;overflow:hidden}.mx-days__btn{color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;padding:5px 12px;font-size:12px;font-weight:600}.mx-days__btn.is-active{background:var(--color-accent);color:var(--color-fg-on-accent,#000)}.mx-main{padding:var(--space-5);max-width:var(--content-max-width);flex:1;width:100%;margin:0 auto}.mx-section__head{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.mx-inline-actions{align-items:center;gap:var(--space-3);display:flex}.mx-section__title{margin:0 0 var(--space-4);align-items:baseline;gap:var(--space-3);font-size:20px;display:flex}.mx-section__window{color:var(--fg-tertiary);font-size:12px;font-weight:500}.mx-muted{color:var(--fg-tertiary);font-size:13px}.mx-loading{place-items:center;min-height:200px;display:grid}.mx-crumbs{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:13px;display:flex}.mx-crumbs a{color:var(--color-accent-strong);text-decoration:none}.mx-crumbs__sep{color:var(--fg-quaternary)}.mx-crumbs__here{color:var(--fg-secondary)}.mx-tiles{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.mx-tile{padding:var(--space-4);border-radius:var(--radius-md);background:var(--glass-regular-bg-fallback,var(--color-surface));border:1px solid var(--color-border);flex-direction:column;gap:4px;display:flex}.mx-tile__label{color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.mx-tile__value{letter-spacing:-.02em;font-size:26px;font-weight:700}.mx-tile__sub{color:var(--fg-secondary);font-size:12px}.mx-panel{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);margin-bottom:var(--space-4)}.mx-panel__head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.mx-panel__title{margin:0 0 var(--space-3);font-size:15px}.mx-panel__head .mx-panel__title{margin:0}.mx-table-wrap{overflow-x:auto}.mx-table{border-collapse:collapse;width:100%;font-size:13px}.mx-table th,.mx-table td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:8px 10px}.mx-table th{color:var(--fg-secondary);font-size:12px;font-weight:600;position:sticky;top:0}.mx-table th.is-num,.mx-table td.is-num{text-align:right;font-variant-numeric:tabular-nums}.mx-table th.is-sorted{color:var(--fg)}.mx-table--click th{cursor:pointer;-webkit-user-select:none;user-select:none}.mx-table--click tbody tr{cursor:pointer}.mx-table--click tbody tr:hover{background:var(--color-surface-alt)}.mx-sort{color:var(--color-accent-strong)}.mx-cell-props{text-overflow:ellipsis;max-width:420px;color:var(--fg-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden}.mx-badge{border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--fg-secondary);padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.mx-badge.is-good{color:var(--color-success);background:#15803d24}.mx-badge.is-warn{background:var(--accent-glow);color:var(--accent-strong)}.mx-badge.is-bad{background:var(--color-danger-soft);color:var(--color-danger)}.mx-filter{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.mx-toggle{border:1px solid var(--color-border);border-radius:var(--radius-pill);display:inline-flex;overflow:hidden}.mx-toggle__btn{color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;padding:5px 12px;font-size:12px;font-weight:600}.mx-toggle__btn.is-active{background:var(--color-accent);color:var(--color-fg-on-accent,#000)}.mx-hbars{flex-direction:column;gap:6px;display:flex}.mx-hbar{align-items:center;gap:var(--space-3);grid-template-columns:minmax(90px,180px) 1fr auto;font-size:12px;display:grid}.mx-hbar__label{color:var(--fg-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mx-hbar__track{background:var(--color-surface-alt);border-radius:var(--radius-pill);height:12px;overflow:hidden}.mx-hbar__fill{background:var(--color-accent);border-radius:var(--radius-pill);height:100%;display:block}.mx-hbar__value{font-variant-numeric:tabular-nums;color:var(--fg);text-align:right;min-width:40px}.mx-columns{padding-top:var(--space-3);align-items:flex-end;gap:3px;display:flex;overflow-x:auto}.mx-col{flex-direction:column;flex:1 0 14px;align-items:center;gap:4px;min-width:14px;height:100%;display:flex}.mx-col__bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.mx-col__bar{background:var(--color-accent);width:100%;min-height:1px;transition:height var(--dur-base) var(--ease-ios);border-radius:3px 3px 0 0}.mx-col__label{color:var(--fg-tertiary);white-space:nowrap;transform-origin:50%;font-size:10px;transform:rotate(-45deg)}.mx-replay__meta{gap:var(--space-4);color:var(--fg-secondary);margin-bottom:var(--space-3);flex-wrap:wrap;font-size:13px;display:flex}.mx-replay__names{gap:var(--space-2) var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.mx-replay__chip{color:var(--fg-secondary);align-items:center;gap:5px;font-size:12px;display:inline-flex}.mx-dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.mx-replay{overflow-x:auto}.mx-replay__track{min-width:480px;height:44px;margin:var(--space-2) 0;position:relative}.mx-replay__line{background:var(--color-border);height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.mx-replay__dot{border:2px solid var(--color-surface);cursor:pointer;border-radius:50%;width:12px;height:12px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.mx-replay__dot:hover,.mx-replay__dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.mx-replay__axis{color:var(--fg-tertiary);justify-content:space-between;min-width:480px;font-size:11px;display:flex}.mx-replay__detail{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-alt);font-size:13px}.mx-replay__props{margin:var(--space-2) 0 0;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.mx-exp__meta{margin:0 0 var(--space-3)}.mx-exp__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.mx-exp__sub{color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.03em;margin:0 0 var(--space-2);font-size:12px}@media (width<=640px){.mx-main{padding:var(--space-3)}.mx-input--inline{flex:1;min-width:0}}.err-boundary{border-radius:var(--radius,12px);background:var(--surface,#ffffff0a);border:1px solid var(--border,#ffffff1a);text-align:center;max-width:32rem;margin:2rem auto;padding:1.5rem}.err-boundary h2{margin:0 0 .5rem}.err-boundary p{opacity:.75;word-break:break-word}