:root{--bp-xs:400px;--bp-sm:640px;--bp-md:768px;--search-sprite-size:36;--bg:#fafafa;--bg-elevated:#fff;--bg-hover:rgba(0,0,0,.04);--border:#e8e8e8;--border-focus:#171717;--text:#171717;--text-muted:#5c5c5c;--text-tertiary:#6a6a6a;--accent:#16a34a;--accent-muted:#dcfce7;--accent-hover:#15803d;--radius:8px;--radius-sm:6px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.06);--focus-ring:0 0 0 2px rgba(23,23,23,.08);--modal-backdrop:rgba(0,0,0,.58);--scrollbar-size:8px;--scrollbar-track:transparent;--scrollbar-thumb:color-mix(in srgb,var(--text-tertiary)48%,transparent);--scrollbar-thumb-hover:color-mix(in srgb,var(--text-muted)75%,transparent);--app-search-input-min-height:2.25rem;--app-search-input-font-size:.875rem;--app-search-input-padding-y:.5rem;--app-search-input-pl:2.35rem;--app-search-input-pr:2.25rem;--app-search-input-pr-global:2.5rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f0f0f;--bg-elevated:#1a1a1a;--bg-hover:rgba(255,255,255,.06);--border:#2a2a2a;--border-focus:#fafafa;--text:#fafafa;--text-muted:#a3a3a3;--text-tertiary:#737373;--accent:#22c55e;--accent-muted:#14532d;--accent-hover:#4ade80;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 2px 8px rgba(0,0,0,.4);--focus-ring:0 0 0 2px rgba(250,250,250,.2);--modal-backdrop:rgba(0,0,0,.72);--scrollbar-thumb:color-mix(in srgb,var(--text-tertiary)55%,transparent);--scrollbar-thumb-hover:color-mix(in srgb,var(--text-muted)80%,transparent)}}html[data-theme=light]{--bg:#fafafa;--bg-elevated:#fff;--bg-hover:rgba(0,0,0,.04);--border:#e8e8e8;--border-focus:#171717;--text:#171717;--text-muted:#5c5c5c;--text-tertiary:#6a6a6a;--accent:#16a34a;--accent-muted:#dcfce7;--accent-hover:#15803d;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.06);--focus-ring:0 0 0 2px rgba(23,23,23,.08);--modal-backdrop:rgba(0,0,0,.58);--scrollbar-thumb:color-mix(in srgb,var(--text-tertiary)48%,transparent);--scrollbar-thumb-hover:color-mix(in srgb,var(--text-muted)75%,transparent)}html[data-theme=dark]{--bg:#0f0f0f;--bg-elevated:#1a1a1a;--bg-hover:rgba(255,255,255,.06);--border:#2a2a2a;--border-focus:#fafafa;--text:#fafafa;--text-muted:#a3a3a3;--text-tertiary:#737373;--accent:#22c55e;--accent-muted:#14532d;--accent-hover:#4ade80;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 2px 8px rgba(0,0,0,.4);--focus-ring:0 0 0 2px rgba(250,250,250,.2);--modal-backdrop:rgba(0,0,0,.72);--scrollbar-thumb:color-mix(in srgb,var(--text-tertiary)55%,transparent);--scrollbar-thumb-hover:color-mix(in srgb,var(--text-muted)80%,transparent)}html{font-size:16px}html,body{max-width:100vw;overflow-x:clip}body{min-height:100vh;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;flex-direction:column;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.9375rem;line-height:1.5;display:flex}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font:inherit}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-root-shell{min-height:100vh;flex-direction:column;flex:1;min-height:100dvh;display:flex}.app-header{z-index:100;background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0;position:-webkit-sticky;position:sticky;top:0}.app-header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:.75rem 1rem;display:grid}.bases-strip{background:var(--bg-elevated);border-top:1px solid var(--border);box-sizing:border-box;flex-shrink:0;width:100%}.bases-strip-inner{box-sizing:border-box;align-items:center;gap:.5rem;width:100%;max-width:1200px;margin:0 auto;padding:.5rem 1rem;display:flex}.bases-strip-label{color:var(--text-muted);flex-shrink:0;font-size:.8125rem;font-weight:500}.bases-strip-pills-wrap{flex:1;min-width:0;position:relative}.bases-strip-pills-wrap:before,.bases-strip-pills-wrap:after{content:"";pointer-events:none;opacity:0;width:2rem;transition:opacity .2s;position:absolute;top:0;bottom:0}.bases-strip-pills-wrap:before{background:linear-gradient(to right,var(--bg-elevated)0%,color-mix(in srgb,var(--bg-elevated)22%,transparent)55%,transparent 100%);left:0}.bases-strip-pills-wrap:after{background:linear-gradient(to left,var(--bg-elevated)0%,color-mix(in srgb,var(--bg-elevated)22%,transparent)55%,transparent 100%);right:0}.bases-strip-pills-wrap--fade-left:before,.bases-strip-pills-wrap--fade-right:after{opacity:1}@media (prefers-reduced-motion:reduce){.bases-strip-pills-wrap:before,.bases-strip-pills-wrap:after{transition:none}}.bases-strip-pills{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;box-sizing:border-box;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:.35rem;width:100%;display:flex;overflow-x:auto;overflow-y:hidden}.bases-strip-pills::-webkit-scrollbar{width:0;height:0;display:none}.bases-strip-pill,.bases-strip-add{flex-shrink:0}.bases-strip-pill{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;padding:.25rem .5rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.bases-strip-pill:hover{background:var(--bg-hover);color:var(--text)}.bases-strip-pill.active{border-color:var(--mutation-accent,var(--accent));color:var(--mutation-accent,var(--accent));background:var(--mutation-accent-muted,var(--accent-muted))}a.bases-strip-add{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;padding:.25rem .5rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}a.bases-strip-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.app-header-left{align-items:center;min-width:0;display:flex}.app-header-center{justify-content:center;align-items:center;min-width:0;display:flex}.app-header-right{justify-content:flex-end;align-items:center;min-width:0;display:flex}.app-logo{color:var(--text);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:inline-flex}.app-logo-icon{width:1.25rem;height:1.25rem;color:var(--text-muted);flex-shrink:0}.app-header-actions{align-items:center;gap:.5rem;display:flex}.app-account-menu{position:relative}.app-account-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);cursor:pointer;align-items:center;gap:.5rem;max-width:14rem;padding:.25rem .5rem;transition:background .15s,border-color .15s,transform .1s;display:flex}.app-account-trigger:hover{background:var(--bg-hover)}.app-account-trigger:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.app-account-trigger:active{transform:none}}.app-account-trigger--loading{cursor:default;pointer-events:none}.app-account-avatar{background:var(--bg-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex;overflow:hidden}.app-account-avatar--skeleton{animation:1.2s ease-in-out infinite app-account-pulse}@keyframes app-account-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.app-account-avatar--skeleton{animation:none}.app-account-dropdown{transition:none}.app-account-dropdown-item--nav:hover{box-shadow:none;transform:none}}.app-account-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.app-account-avatar-fallback{color:var(--text-muted)}.app-account-trigger-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;font-weight:500;overflow:hidden}.app-account-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.app-account-chevron.is-open{transform:rotate(180deg)}.app-account-dropdown{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:17rem;max-width:min(17rem,100vw - 1.5rem);box-shadow:var(--shadow-md);z-index:200;opacity:0;visibility:hidden;pointer-events:none;padding:.3rem 0;transition:opacity .14s,visibility .14s,transform .14s;position:absolute;top:calc(100% + .3rem);right:0;transform:translateY(-5px)}.app-account-dropdown.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.app-account-identity-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.05rem;padding:.4rem .65rem .45rem;display:flex}.app-account-identity-compact{flex:1;align-items:center;gap:.45rem;min-width:0;display:flex}.app-account-identity-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:1.75rem;height:1.75rem}.app-account-identity-fallback{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.6875rem;font-weight:600;display:inline-flex}.app-account-identity-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.app-account-manage-inline{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin:0;padding:.2rem .45rem;font-size:.75rem;font-weight:600;transition:color .12s,background .12s}.app-account-manage-inline:hover{color:var(--accent);background:color-mix(in srgb,var(--accent)8%,transparent)}.app-account-dropdown-section-label{letter-spacing:.055em;text-transform:uppercase;color:var(--text-tertiary);padding:.4rem .65rem .28rem;font-size:.5625rem;font-weight:600}.app-account-dropdown-section-label--primary{color:var(--text-muted);padding-top:.48rem}.app-account-dropdown-item{width:100%;color:var(--text);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;align-items:center;gap:.45rem;margin:0;font-size:.8125rem;font-weight:500;text-decoration:none;display:flex}.app-account-dropdown-item--nav{padding:.425rem .65rem .425rem .75rem;transition:background .12s,box-shadow .12s,transform .12s,color .12s;position:relative}.app-account-dropdown-item--nav:hover{background:var(--bg-hover);box-shadow:0 1px 0 color-mix(in srgb,var(--text)6%,transparent);transform:translateY(-1px)}.app-account-dropdown-item--nav.is-current{color:var(--accent);background:color-mix(in srgb,var(--accent)7%,transparent);font-weight:600}.app-account-dropdown-item--nav.is-current:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;height:.95rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.app-account-dropdown-item--nav.is-current:hover{background:color-mix(in srgb,var(--accent)10%,transparent)}.app-account-workspace-row{padding:.15rem .65rem .45rem}.app-account-theme-segmented{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);align-items:stretch;gap:2px;width:100%;min-width:0;padding:2px;display:flex}.app-account-theme-seg{border-radius:calc(var(--radius-sm) - 3px);min-width:0;min-height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s,box-shadow .12s;display:flex}.app-account-theme-seg:hover{color:var(--text);background:var(--bg-hover)}.app-account-theme-seg.is-active{background:var(--bg-elevated);color:var(--accent);box-shadow:var(--shadow-sm)}.app-account-theme-seg:focus-visible{box-shadow:var(--shadow-sm),var(--focus-ring);outline:none}.app-account-dropdown-divider{background:var(--border);height:1px;margin:.2rem .65rem}.app-account-dropdown-divider--footer{opacity:.85;margin-top:.35rem;margin-bottom:.3rem}.app-account-sign-out{border-radius:var(--radius-sm);color:var(--text-tertiary);margin:0 .15rem .15rem;padding:.4rem .65rem;font-size:.8125rem;font-weight:400;transition:color .12s,background .12s}.app-account-sign-out:hover{color:#dc2626;background:rgba(220,38,38,.07)}html[data-theme=dark] .app-account-sign-out:hover{color:#f87171;background:rgba(248,113,113,.1)}@media (max-width:767px){.app-account-trigger-name{display:none}.app-account-trigger{max-width:none}}.app-command-scrim{z-index:99;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--modal-backdrop,rgba(0,0,0,.58));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;border:none;width:100%;height:100%;margin:0;padding:0;animation:.16s ease-out both app-command-scrim-in;display:block;position:fixed;top:0;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.app-command-scrim{animation:none}}@keyframes app-command-scrim-in{0%{opacity:0}to{opacity:1}}.app-command-float--animate{animation:.16s ease-out both app-command-float-in}@media (prefers-reduced-motion:reduce){.app-command-float--animate{animation:none}}@keyframes app-command-float-in{0%{opacity:0}to{opacity:1}}.app-header-search{width:100%;min-width:0;position:relative}.app-layout{flex-direction:column;flex:1;min-height:0;display:flex}.app-main{flex:1;min-height:0}.command-surface{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);box-sizing:border-box;transition:opacity .15s}@media (prefers-reduced-motion:reduce){.command-surface{transition:none}}.global-search-wrap{width:100%;position:relative}.global-search-bar{align-items:center;gap:.5rem;width:100%;display:flex}.quick-access-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:2.25rem;height:2.25rem;color:var(--text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.quick-access-btn:hover{background:var(--bg-hover);color:var(--text)}.quick-access-btn[aria-expanded=true],.quick-access-btn.is-active{background:var(--bg-hover);color:var(--text);border-color:var(--border-focus)}.quick-access-btn svg{width:1.125rem;height:1.125rem}.global-search-input-wrap{flex:1;min-width:0;position:relative}.global-search-input{width:100%;min-height:var(--app-search-input-min-height);padding:var(--app-search-input-padding-y)var(--app-search-input-pr-global)var(--app-search-input-padding-y)var(--app-search-input-pl);font-size:var(--app-search-input-font-size);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);outline:none;line-height:1.25;transition:border-color .15s,box-shadow .15s}.global-search-input::placeholder{color:var(--text-tertiary);font-size:.8125rem}.global-search-input:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.global-search-search-icon{color:var(--text-tertiary);pointer-events:none;display:flex;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.global-search-search-icon svg{width:1rem;height:1rem}.global-search-icon{color:var(--text-tertiary);pointer-events:none;font-size:.6875rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.app-command-float{z-index:1001;overscroll-behavior:contain;flex-direction:column;width:100%;max-height:600px;display:flex;position:fixed;left:0;right:0;overflow:hidden}@media (min-width:768px){.app-command-float{left:50%;right:auto;transform:translate(-50%)}}.app-command-float.is-dropdown{overscroll-behavior:contain;padding:.25rem 0;overflow-y:auto}.app-command-float.is-dropdown.is-catalog-mode{max-height:91vh}.quick-access-panel-body,.app-command-float.is-dropdown,.global-search-filter-menu,.mutation-pill-dropdown,.ui-scroll-y{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}@media (pointer:coarse){.quick-access-panel-body,.app-command-float.is-dropdown,.global-search-filter-menu,.mutation-pill-dropdown,.ui-scroll-y{scrollbar-gutter:auto}}.quick-access-panel-body::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.app-command-float.is-dropdown::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.global-search-filter-menu::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.mutation-pill-dropdown::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.ui-scroll-y::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.quick-access-panel-body::-webkit-scrollbar-track{background:var(--scrollbar-track)}.app-command-float.is-dropdown::-webkit-scrollbar-track{background:var(--scrollbar-track)}.global-search-filter-menu::-webkit-scrollbar-track{background:var(--scrollbar-track)}.mutation-pill-dropdown::-webkit-scrollbar-track{background:var(--scrollbar-track)}.ui-scroll-y::-webkit-scrollbar-track{background:var(--scrollbar-track)}.quick-access-panel-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid transparent;border-radius:999px}.app-command-float.is-dropdown::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid transparent;border-radius:999px}.global-search-filter-menu::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid transparent;border-radius:999px}.mutation-pill-dropdown::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid transparent;border-radius:999px}.ui-scroll-y::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid transparent;border-radius:999px}@media (hover:hover){.quick-access-panel-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.app-command-float.is-dropdown::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.global-search-filter-menu::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.mutation-pill-dropdown::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.ui-scroll-y::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}}.app-command-float.is-quick-panel .quick-access-panel-body{grid-template-columns:repeat(2,1fr);align-content:start;gap:.5rem;display:grid}.app-command-float.is-quick-panel.quick-access-panel--inventory .quick-access-panel-body{display:block}@media (min-width:768px){.app-command-float.sized-to-search{width:var(--search-area-width,100%);max-width:var(--search-area-width,100%)}}.quick-access-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:.5rem .75rem}.quick-access-panel-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.quick-access-panel-title{letter-spacing:.05em;color:var(--text-tertiary);text-transform:uppercase;flex-shrink:0;margin:0;font-size:.625rem;font-weight:600}.quick-access-panel-body{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding:.5rem .75rem;overflow-y:auto}.quick-access-panel-footer{border-top:1px solid var(--border);flex-shrink:0;padding:.5rem .75rem}.quick-access-empty{color:var(--text-muted);grid-column:1/-1;margin:0;font-size:.8125rem}.quick-access-footer{color:var(--accent);font-size:.8125rem;font-weight:500;display:inline-block}.quick-access-footer:hover{text-decoration:underline}.quick-access-panel-base-slot{flex:1;justify-content:flex-end;min-width:0;display:flex}.quick-access-base-filter{align-items:center;gap:.5rem;min-width:0;max-width:100%;display:flex}button.global-search-filter-trigger.quick-access-base-trigger--static:disabled{opacity:1;cursor:default;pointer-events:none}.global-search-filter-wrap{position:relative}.global-search-filter-label{letter-spacing:.04em;color:var(--text-tertiary);text-transform:uppercase;font-size:.6875rem;font-weight:600}.global-search-filter-trigger{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.global-search-filter-trigger:hover{color:var(--text);border-color:var(--text-tertiary)}.global-search-filter-trigger.is-active{color:var(--accent);border-color:var(--accent);background:var(--accent-muted)}.global-search-filter-trigger-icon{opacity:.7;flex-shrink:0;transition:transform .15s}.global-search-filter-trigger[aria-expanded=true] .global-search-filter-trigger-icon{transform:rotate(180deg)}.global-search-filter-trigger-text{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;overflow:hidden}.global-search-filter-menu{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:12rem;max-height:200px;box-shadow:var(--shadow-md);z-index:1002;margin-top:.25rem;padding:.25rem;position:absolute;top:100%;left:0;overflow-y:auto}.global-search-filter-menu.global-search-filter-menu--anchor-right{left:auto;right:0}.global-search-filter-option{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.375rem .5rem;font-size:.8125rem;font-weight:500;transition:background .1s;display:block}.global-search-filter-option:hover{background:var(--bg-hover)}.global-search-filter-option.is-selected{background:var(--accent-muted);color:var(--accent)}.global-search-filter-option.is-selected:hover{background:color-mix(in srgb,var(--accent)12%,transparent)}.quick-access-mutation{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:1px solid transparent;flex-direction:column;align-items:flex-start;width:100%;min-width:0;padding:.5rem .75rem;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.quick-access-mutation:hover{background:var(--bg-hover)}.quick-access-mutation.is-active{border-color:var(--mutation-color,var(--accent));background:color-mix(in srgb,var(--mutation-color,var(--accent))8%,transparent)}.quick-access-mutation.is-complete .quick-access-mutation-label:after{content:" ✓";color:var(--mutation-color-darker,var(--mutation-color));margin-left:.25rem;font-size:.75rem;font-weight:600}.quick-access-mutation-label{color:var(--text);align-items:center;gap:.35rem;margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:flex}.quick-access-mutation-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.quick-access-mutation-bar{background:var(--border);border-radius:999px;width:100%;height:4px;margin-bottom:.25rem;overflow:hidden}.quick-access-mutation-fill{background:var(--mutation-color,var(--accent));border-radius:999px;height:100%;transition:width .2s}.quick-access-mutation-count{color:var(--text-muted);font-size:.6875rem}.global-search-catalog-filters{border-bottom:1px solid var(--border);flex-direction:column;gap:.375rem;padding:.5rem .75rem;display:flex}.global-search-catalog-filter-label{letter-spacing:.04em;color:var(--text-tertiary);text-transform:uppercase;font-size:.6875rem;font-weight:600}.global-search-catalog-chips{flex-wrap:wrap;gap:.25rem;display:flex}.global-search-catalog-chip{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:9999px;padding:.2rem .5rem;font-family:inherit;font-size:.6875rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.global-search-catalog-chip:hover{background:var(--bg-hover);color:var(--text)}.global-search-catalog-chip.active{background:var(--bg-elevated);color:var(--text);border-color:var(--chip-color,var(--accent));box-shadow:0 1px 2px rgba(0,0,0,.04)}.global-search-catalog-chip--trait{padding:.2rem}.global-search-catalog-chip-trait-img{object-fit:contain;width:1.125rem;height:1.125rem;display:block}.global-search-catalog-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:.25rem;padding:.25rem .5rem;font-family:inherit;font-size:.6875rem;font-weight:500}.global-search-catalog-clear:hover{color:var(--text)}.global-search-catalog-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;padding:.75rem;display:grid}.global-search-catalog-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:center;grid-template-columns:1fr;min-height:8rem;padding:.75rem;display:grid;position:relative}.global-search-catalog-card-sprite{background-repeat:no-repeat;flex-shrink:0;width:64px;height:64px;margin:0 auto}.global-search-catalog-card-sprite-empty{background-color:var(--bg-elevated);border-radius:var(--radius-sm)}.global-search-catalog-card-rarity{opacity:.8;font-size:.625rem;font-weight:600;position:absolute;top:.35rem;right:.35rem}.global-search-catalog-card-label{text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.75rem;font-weight:500;line-height:1.25;overflow:hidden}.global-search-catalog-card-mutation{border-radius:4px;margin-top:.25rem;padding:.15rem .4rem;font-size:.625rem;display:inline-block}.global-search-catalog-card-mps{color:var(--text-muted);margin-top:.25rem;font-size:.625rem;font-weight:500}.global-search-catalog-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.875rem}@media (max-width:767px){.global-search-catalog-grid{grid-template-columns:repeat(2,1fr)}}.global-search-filter-bar{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.global-search-section-header{letter-spacing:.04em;color:var(--text-tertiary);text-transform:uppercase;border-top:1px solid var(--border);margin-top:.25rem;padding:.5rem .75rem .2rem;font-size:.6875rem;font-weight:600}.global-search-filter-bar+.global-search-section-header{border-top:none;margin-top:0;padding-top:.25rem}.global-search-empty{color:var(--text-muted);padding:1.25rem .75rem;font-size:.8125rem}.global-search-footer{border-top:1px solid var(--border);padding:.5rem .75rem}.global-search-row{cursor:pointer;border-radius:var(--radius-sm);text-align:left;box-sizing:border-box;background:0 0;border:none;flex-direction:column;gap:.25rem;width:100%;padding:.625rem .875rem;font-family:inherit;transition:background .1s;display:flex}.global-search-row:hover{background:var(--bg-hover)}.global-search-row-inner{align-items:flex-start;gap:.625rem;display:flex}.global-search-row-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.global-search-sprite{width:40px;height:40px;image-rendering:crisp-edges;background-repeat:no-repeat;border-radius:4px;flex-shrink:0}.global-search-row-main{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.global-search-row-title-cluster{flex-flow:wrap;flex:1;align-items:center;gap:.375rem;min-width:0;display:flex}.global-search-item-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:.9375rem;font-weight:600;overflow:hidden}.global-search-item-mps-badge{white-space:nowrap;background:color-mix(in srgb,var(--text)4%,transparent);color:var(--text-tertiary);border:1px solid color-mix(in srgb,var(--border)65%,transparent);border-radius:999px;flex-shrink:0;align-items:center;padding:.125rem .35rem;font-size:.625rem;font-weight:400;display:inline-flex}.global-search-item-mps-badge--unknown{opacity:.65;background:0 0}.global-search-rarity-pill{background:color-mix(in srgb,var(--text)6%,transparent);color:var(--text-muted);border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:.625rem;font-weight:500}.global-search-base-name{color:var(--text);font-size:.9375rem;font-weight:600}.global-search-base-icon{color:var(--text-muted);flex-shrink:0}.global-search-row-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.global-search-meta-lines{flex-direction:column;gap:.25rem;display:flex}.global-search-meta-line{flex-wrap:wrap;align-items:center;gap:.375rem;font-size:.75rem;display:flex}.global-search-meta-label{color:var(--text-muted);flex-shrink:0;font-weight:500}.global-search-meta-content{color:var(--text-tertiary)}.global-search-meta-content.global-search-meta-empty{color:var(--text-muted);opacity:.6}.global-search-index-progress{align-items:center;gap:.375rem;margin-left:.25rem;display:inline-flex}.global-search-index-progress-bar{background:var(--border);border-radius:999px;width:48px;height:4px;display:inline-block;overflow:hidden}.global-search-index-progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .2s;display:block}.global-search-index-progress-count{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.6875rem}.global-search-pills{flex-wrap:wrap;align-items:center;gap:.25rem;display:inline-flex}.global-search-trait-icons{align-items:center;gap:.0625rem;margin-left:.125rem;display:inline-flex}.global-search-trait-icon{object-fit:contain;width:.75rem;height:.75rem}.global-search-mutation-pill{border-radius:3px;padding:.0625rem .25rem;font-size:.625rem;font-weight:500;display:inline-block;position:relative}.global-search-mutation-pill--has-qty{padding-right:.5rem}.global-search-mutation-pill-qty{text-align:center;border-radius:4px;min-width:.75rem;height:.75rem;padding:0 .2rem;font-size:.4rem;font-weight:600;line-height:.75rem;position:absolute;top:-.25rem;right:-.125rem}.global-search-location-link{font:inherit;color:inherit;cursor:pointer;vertical-align:middle;background:0 0;border:none;border-radius:4px;align-items:center;gap:.125rem;margin:0;padding:0;text-decoration:none;display:inline-flex}.global-search-location-link:hover{text-underline-offset:2px;text-decoration:underline}.global-search-more-btn{font-size:inherit;color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.global-search-expand-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.125rem;display:inline-flex}.global-search-expand-btn.is-expanded{transform:rotate(180deg)}.global-search-row-actions{flex-shrink:0;align-items:center;gap:.25rem;display:inline-flex}.global-search-add-btn{color:var(--accent);background:var(--accent-muted);border:1px solid color-mix(in srgb,var(--accent)35%,transparent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:.15rem .35rem;font-family:inherit;font-size:.625rem;font-weight:600}.global-search-add-btn:hover{background:color-mix(in srgb,var(--accent)16%,transparent)}.global-search-row-expanded{border-top:1px solid var(--border);color:var(--text-tertiary);margin-top:.375rem;padding:.375rem .5rem 0 2rem;font-size:.75rem}.global-search-expanded-bases{flex-direction:column;gap:.5rem;display:flex}.global-search-expanded-base{border-left:2px solid var(--border);padding-left:.5rem}.global-search-expanded-base-header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.global-search-expanded-base-name{color:var(--text-muted);font-weight:600}.global-search-expanded-line{margin-bottom:.25rem}.global-search-summary{color:var(--text-muted);font-weight:500}.global-search-catalog-btn.is-active{background:var(--bg-hover);color:var(--text);border-color:var(--border-focus)}.app-bottom-nav{z-index:90;background:var(--bg-elevated);border-top:1px solid var(--border);padding:.45rem .4rem;padding-bottom:max(.45rem,env(safe-area-inset-bottom));gap:.3rem;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 4px rgba(0,0,0,.04)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .app-bottom-nav{box-shadow:0 -2px 12px rgba(0,0,0,.35)}}html[data-theme=dark] .app-bottom-nav{box-shadow:0 -2px 12px rgba(0,0,0,.35)}@media (max-width:768px){.app-header-quick-in-bottom-tabs{display:none}}body.app-shell--bottom-nav .app-bottom-nav{justify-content:stretch;align-items:stretch;display:flex}.app-bottom-nav-item{letter-spacing:.01em;min-width:0;min-height:2.75rem;color:var(--text-muted);-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.35rem .25rem;font-size:.625rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s,box-shadow .15s,font-weight .15s;display:flex;position:relative}.app-bottom-nav-item svg{opacity:.85;flex-shrink:0;width:1.35rem;height:1.35rem;transition:opacity .15s}.app-bottom-nav-item:hover{color:var(--text);background:var(--bg-hover)}.app-bottom-nav-item:hover svg{opacity:1}.app-bottom-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-bottom-nav-item.active{color:var(--accent);background:var(--accent-muted);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent)28%,transparent),0 1px 2px color-mix(in srgb,var(--accent)12%,transparent);font-weight:700}.app-bottom-nav-item.active svg{opacity:1;color:var(--accent)}body.app-shell--bottom-nav .app-main{padding-bottom:calc(4.55rem + env(safe-area-inset-bottom))}@media (min-width:769px){body.app-shell--bottom-nav .app-bottom-nav{display:none}body.app-shell--bottom-nav .app-main{padding-bottom:0}}.index-mutation-context{margin-bottom:.75rem}.index-mutation-context--tinted{border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--mutation-accent,var(--accent))3%,var(--bg))0%,var(--bg)20%);margin-top:-.25rem;margin-left:-.75rem;margin-right:-.75rem;padding:.75rem .75rem .5rem}.index-mutation-context .progress-wrap{margin-bottom:.25rem}.progress-bar{background:var(--border);border-radius:999px;height:6px;margin-bottom:.375rem;position:relative;overflow:hidden}.progress-fill{background:var(--mutation-accent,var(--accent));border-radius:999px;width:0%;height:100%;transition:width .2s}.progress-text-wrap{color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:-.05em;flex-wrap:wrap;align-items:baseline;gap:.375rem;margin:0;font-size:.6875rem;font-weight:500;line-height:1.3;display:flex}.progress-text{font-size:inherit;font-weight:inherit;color:inherit;font-variant-numeric:inherit;letter-spacing:inherit}.progress-mutation-pill{cursor:pointer;background:0 0;border:1px solid transparent;border-radius:999px;align-items:center;margin-right:.35rem;padding:.125rem .5rem;font-family:inherit;font-size:.6875rem;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.progress-mutation-pill:hover{filter:brightness(.95)}.progress-mutation-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.progress-mutation-pill{color:var(--text)!important}html[data-theme=dark] .progress-mutation-pill{color:var(--mutation-accent)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .progress-mutation-pill{color:var(--mutation-accent)!important}}.mutation-pill-dropdown{z-index:200;overscroll-behavior:contain;touch-action:pan-y;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;max-width:260px;max-height:320px;box-shadow:var(--shadow-md);padding:.375rem;animation:.15s mutation-pill-dropdown-in;position:fixed;overflow-y:auto}@keyframes mutation-pill-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mutation-pill-dropdown{animation:none}.progress-fill{transition:none}}.mutation-pill-dropdown-list{flex-direction:column;gap:.25rem;display:flex}.mutation-pill-dropdown-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:1px solid transparent;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;padding:.5rem .625rem;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.mutation-pill-dropdown-item:hover{background:var(--bg-hover)}.mutation-pill-dropdown-item.is-active{border-color:var(--mutation-color,var(--accent));background:color-mix(in srgb,var(--mutation-color,var(--accent))8%,transparent)}.mutation-pill-dropdown-item.is-complete .mutation-pill-dropdown-label{color:var(--text-muted)}.mutation-pill-dropdown-label{color:var(--text);align-items:center;gap:.35rem;width:100%;font-size:.8125rem;font-weight:500;display:flex}.mutation-pill-dropdown-name{flex:1;min-width:0}.mutation-pill-dropdown-dot{border-radius:50%;flex-shrink:0;width:.375rem;height:.375rem}.mutation-pill-dropdown-bar{background:var(--border);border-radius:999px;width:100%;height:4px;overflow:hidden}.mutation-pill-dropdown-fill{border-radius:999px;height:100%;transition:width .2s}.mutation-pill-dropdown-count{color:var(--text-muted);flex-shrink:0;font-size:.6875rem}.mutation-pill-dropdown-backdrop{z-index:199;background:var(--modal-backdrop,rgba(0,0,0,.58));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;top:0;bottom:0;left:0;right:0}.shell-page-inner{max-width:720px;margin:0 auto;padding:1rem 1rem 2rem}@media (max-width:768px){:root{--app-search-input-font-size:1rem}}@media (max-width:640px){.app-header-inner{gap:.5rem}.global-search-bar{gap:.375rem}.quick-access-btn{width:2rem;height:2rem}.quick-access-btn svg{width:1rem;height:1rem}.app-command-float.is-quick-panel{max-height:min(80vh,380px)}}@media (max-width:400px){:root{--app-search-input-pl:2rem;--app-search-input-pr:2rem;--app-search-input-pr-global:.5rem}.app-header-inner{gap:.375rem;padding-left:.5rem;padding-right:.5rem}.global-search-icon{display:none}.global-search-bar{gap:.25rem}.quick-access-btn{width:1.875rem;height:1.875rem}}.ptr-root{left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 3.35rem);z-index:8;pointer-events:none;justify-content:center;height:0;display:flex;position:fixed}.ptr-indicator{pointer-events:none;will-change:transform,opacity;filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--text)8%,transparent));flex-direction:column;align-items:center;gap:.35rem;transition:opacity .32s cubic-bezier(.33,1,.68,1),transform .38s cubic-bezier(.33,1,.68,1);display:flex}.ptr-indicator.ptr-dragging{transition:none}.ptr-indicator--refreshing{transition:opacity .28s,transform .42s cubic-bezier(.22,1,.36,1)}.ptr-hint{letter-spacing:.01em;color:var(--text-muted);white-space:nowrap;opacity:0;font-size:.6875rem;font-weight:500;animation:.28s cubic-bezier(.33,1,.68,1) forwards ptr-hint-in;transform:translateY(2px)}.ptr-hint--ready{color:var(--accent)}@keyframes ptr-hint-in{to{opacity:1;transform:translateY(0)}}.ptr-track{stroke:color-mix(in srgb,var(--border)92%,var(--text-muted))}.ptr-fill-disc{fill:color-mix(in srgb,var(--accent)88%,var(--text));opacity:.92}.ptr-svg--spin{transform-origin:50%;animation:1.12s linear infinite ptr-refresh-spin}@keyframes ptr-refresh-spin{to{transform:rotate(360deg)}}.ptr-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ptr-indicator{transition:opacity .2s}.ptr-indicator.ptr-dragging{transition:none}.ptr-hint{opacity:1;animation:none;transform:none}.ptr-svg--spin{animation-duration:1.5s;animation-timing-function:linear}}