.spot-nav{min-width:0}.spot-nav__toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);width:100%;min-height:var(--tap);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font:inherit;text-align:start;cursor:pointer}.spot-nav__toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.spot-nav__toggle-text{display:flex;flex-direction:column;min-width:0}.spot-nav__toggle-label{font-size:var(--text-xs);color:var(--muted)}.spot-nav__toggle-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.spot-nav__toggle svg{flex:none;width:16px;height:16px;color:var(--muted)}.spot-nav[data-open=false] .spot-nav__panel{display:none}.spot-nav__panel{margin-top:var(--s-2)}.spot-nav__title{display:none;margin:0 0 var(--s-2);font-size:var(--text-sm);font-weight:600}.spot-nav__scroll{max-height:min(50vh,360px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-2)}@media (min-width:900px){.spot-nav__toggle{display:none}.spot-nav[data-open] .spot-nav__panel{display:block;margin-top:0}.spot-nav__title{display:block}.spot-nav__scroll{max-height:560px}}.spot-tree{list-style:none;margin:0;padding:0}.spot-tree__item{display:flex;align-items:center;gap:var(--s-2);min-height:var(--tap);padding-inline-end:var(--s-2);border-radius:var(--r-sm);color:var(--text);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none}@media (min-width:900px) and (pointer:fine){.spot-tree__item{min-height:34px}}.spot-tree__item.is-group{color:var(--muted);font-weight:600}.spot-tree__item:hover{background:var(--surface-2)}.spot-tree__item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.spot-tree__item.is-selected{background:var(--surface-3);color:var(--text);font-weight:600;box-shadow:inset 3px 0 0 var(--gold)}.spot-tree__icon{display:inline-flex;flex:none;width:16px;color:var(--muted)}.spot-tree__icon svg{width:16px;height:16px}.spot-tree__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spot-tabs{--spot-line:40px;display:flex;flex-direction:column;gap:var(--s-1);min-width:0;margin-bottom:var(--s-3)}.spot-tabs__line{display:flex;align-items:center;gap:var(--s-2);height:var(--spot-line);min-width:0;border-bottom:1px solid var(--border)}.spot-tabs__fill{display:flex;flex-direction:column;justify-content:center;gap:var(--s-1);box-sizing:border-box;height:calc(var(--n) * var(--spot-line) + (var(--n) - 1) * var(--s-1));min-width:0;overflow:hidden;padding:0 var(--s-1)}.spot-tabs__summary-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:600;color:var(--text)}.spot-tabs__summary-meta{display:flex;flex-wrap:nowrap;gap:var(--s-1) var(--s-3);overflow:hidden;font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.spot-tabs__summary-meta .num{color:var(--text)}.spot-tabs__summary-item{display:inline-flex;align-items:center;gap:var(--s-1)}.spot-tabs__row{display:flex;flex:1 1 auto;align-items:center;gap:var(--s-1);height:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.spot-tabs__row::-webkit-scrollbar{display:none}.spot-tabs__end{display:inline-flex;flex:none;align-items:center;gap:var(--s-1)}.spot-tabs__tab{flex:none;min-height:34px;padding:0 var(--s-3);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-1);color:var(--muted);font:inherit;font-size:var(--text-sm);font-weight:600;white-space:nowrap;cursor:pointer}@media (pointer:coarse){.spot-tabs{--spot-line:var(--tap)}.spot-tabs__tab{min-height:calc(var(--tap) - 4px)}}.spot-tabs__tab:hover{background:var(--surface-2);color:var(--text)}.spot-tabs__tab[aria-selected=true]{background:var(--surface-3);color:var(--text);border-color:var(--felt-bright)}.spot-tabs__tab.is-active{box-shadow:0 0 0 1px var(--gold)}.spot-tabs__tab:focus-visible{outline:2px solid var(--focus);outline-offset:1px}