.smap,.smap-switch,.smap-dir{--bg:var(--color-bg);--line:var(--color-border);--text:var(--color-text-primary);--text-2:var(--color-text-secondary);--muted:var(--color-text-muted);--accent:var(--color-signature);--surface:var(--color-bg-card);--surface-2:var(--color-bg-elevated);--ease:var(--ease-out);--glass-bg:color-mix(in srgb, var(--color-bg) 78%, transparent)}.smap{padding:0}.smap-stage{background:radial-gradient(60% 55% at 50% 52%, color-mix(in srgb, var(--color-signature) 9%, transparent), transparent 70%), var(--bg);width:100%;height:100dvh;min-height:560px;position:relative;overflow:hidden}.smap-stage[hidden]{display:none}.smap-stage:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#82828c38 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;mask-image:radial-gradient(75% 70%,#000 40%,#0000 100%)}.smap-stage__svg{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.smap-stage__svg:active{cursor:grabbing}.smap-stage.is-engaged{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-signature) 40%, transparent)}.smap-link{stroke:#8c8c9633;stroke-width:1px;transition:stroke .15s,stroke-opacity .15s}.smap-link--spine{stroke:color-mix(in srgb, var(--color-signature) 50%, transparent);stroke-width:1.4px}.smap-link--rel{stroke:#8c8c9621;stroke-dasharray:2 4}.smap-link.is-on{stroke:var(--accent);stroke-opacity:.85;stroke-dasharray:none;stroke-width:1.4px}.smap-link.is-dim{stroke-opacity:.05}.smap-node{cursor:pointer;outline:none;transition:opacity .15s}.smap-node__dot{transition:transform .15s var(--ease);transform-box:fill-box;transform-origin:50%}.smap-node__halo{fill:none;stroke-width:1px;opacity:.35}.smap-node.is-home .smap-node__halo{opacity:.55;transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite smapPulse}@keyframes smapPulse{50%{opacity:.15;transform:scale(1.35)}}.smap-node__label{font-family:var(--font-sans);fill:var(--text-2);paint-order:stroke;stroke:var(--bg);stroke-width:4px;stroke-linejoin:round;opacity:0;pointer-events:none;font-size:12px;transition:opacity .15s}.smap-node.is-home .smap-node__label,.smap-node.is-silo .smap-node__label{opacity:1;fill:var(--text);font-size:13px;font-weight:600}.smap-node:hover .smap-node__label,.smap-node:focus .smap-node__label,.smap-node.is-focus .smap-node__label,.smap-node.is-near .smap-node__label,.smap-node.is-match .smap-node__label{opacity:1}.smap-node:hover .smap-node__dot,.smap-node.is-focus .smap-node__dot{transform:scale(1.45)}.smap-node.is-dim{opacity:.14}.smap-node.is-match .smap-node__dot{stroke:var(--text);stroke-width:2px}.smap-node:focus-visible .smap-node__dot{stroke:var(--accent);stroke-width:2.5px}.smap-panel{z-index:3;background:var(--glass-bg,#0f0f0fb8);backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--line);box-shadow:var(--shadow-1,0 10px 30px #00000040);border-radius:16px;position:absolute}.smap-panel--intro{top:calc(88px + var(--safe-t,0px));max-width:360px;padding:18px 20px;left:clamp(16px,3vw,40px)}.smap-panel__eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.smap-pulse{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-signature) 60%, transparent);border-radius:50%;animation:2s infinite smapDot}@keyframes smapDot{70%{box-shadow:0 0 0 7px #0000}}.smap-panel__title{letter-spacing:-.02em;margin:10px 0 14px;font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.12}.smap-stats{border-top:1px solid var(--line);gap:22px;padding-top:12px;display:flex}.smap-stats div{flex-direction:column;display:flex}.smap-stats strong{letter-spacing:-.02em;color:var(--text);font-size:1.35rem;line-height:1.1}.smap-stats span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:3px;font-size:10.5px}.smap-search{z-index:3;top:calc(88px + var(--safe-t,0px));width:min(360px,100vw - 32px);color:var(--muted);background:var(--glass-bg,#0f0f0fb8);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow-1,0 10px 30px #00000040);border-radius:999px;align-items:center;gap:10px;padding:11px 16px;display:flex;position:absolute;right:clamp(16px,3vw,40px)}.smap-search:focus-within{border-color:var(--accent)}.smap-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.smap-search__n{color:var(--accent);white-space:nowrap;font-size:12px}.smap-zoom{z-index:3;flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:clamp(16px,3vw,40px);transform:translateY(-50%)}.smap-zoom button{width:40px;height:40px;color:var(--text);cursor:pointer;background:var(--glass-bg,#0f0f0fb8);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:border-color .15s,color .15s;display:flex}.smap-zoom button:hover{border-color:var(--accent);color:var(--accent)}.smap-panel--legend{width:240px;padding:14px 14px 12px;bottom:clamp(16px,3vh,32px);left:clamp(16px,3vw,40px)}.smap-panel__h{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 8px 4px;font-size:10.5px;font-weight:600}.smap-leg{width:100%;color:var(--text-2);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:6px;font-size:13.5px;display:flex}.smap-leg:hover,.smap-leg:focus-visible{color:var(--text);background:#8c8c961f;outline:none}.smap-leg__dot{border-radius:50%;flex:none;width:10px;height:10px}.smap-leg__lbl{flex:1}.smap-leg__n{color:var(--muted);font-variant-numeric:tabular-nums}.smap-panel__hint{border-top:1px solid var(--line);color:var(--muted);margin:10px 4px 0;padding-top:10px;font-size:11.5px;line-height:1.45}.smap-tip{z-index:4;pointer-events:none;background:var(--surface-2,var(--surface));border:1px solid var(--line);max-width:280px;box-shadow:var(--shadow-2,0 16px 40px #00000059);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex;position:absolute}.smap-tip__g{text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;font-weight:600}.smap-tip strong{color:var(--text);font-size:15px}.smap-tip__d{color:var(--text-2);font-size:12.5px;line-height:1.45}.smap-tip em{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:11.5px;font-style:normal}.smap-switch{z-index:50;background:var(--glass-bg,#0f0f0fcc);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow-2,0 16px 40px #00000059);border-radius:999px;gap:4px;padding:5px;display:flex;position:fixed;bottom:clamp(16px,3vh,32px);left:50%;transform:translate(-50%)}.smap-switch__tab{color:var(--text-2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;display:inline-flex}.smap-switch__tab:hover{color:var(--text)}.smap-switch__tab.is-active{background:var(--text);color:var(--bg)}.smap-dir{padding:calc(120px + var(--safe-t,0px)) clamp(16px, 4vw, 56px) 120px}.smap-dir[hidden]{display:none}.smap-dir__inner{max-width:1440px;margin:0 auto}.smap-dir__title{letter-spacing:-.02em;margin:12px 0 36px;font-size:clamp(2rem,4.5vw,3rem)}.smap-dir__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:32px 28px;display:grid}.smap-dir__h{align-items:center;gap:10px;margin:0 0 12px;font-size:1.05rem;display:flex}.smap-dir__dot{background:var(--c);border-radius:50%;width:10px;height:10px}.smap-dir__n{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-size:12px}.smap-dir__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.smap-dir__list a{border-left:2px solid var(--c);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;text-decoration:none;transition:background .15s;display:flex}.smap-dir__list a:hover{background:var(--surface)}.smap-dir__name{color:var(--text);font-weight:500}.smap-dir__url{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:12px}.smap-dir__desc{color:var(--text-2);margin-top:2px;font-size:13px;line-height:1.45}@media (width<=760px){.smap-panel--intro{top:calc(76px + var(--safe-t,0px));max-width:none;padding:14px 16px;left:12px;right:12px}.smap-panel__title{margin:8px 0 10px;font-size:1.15rem}.smap-search{width:auto;inset:auto 12px 84px}.smap-panel--legend{display:none}.smap-zoom{top:auto;bottom:150px;right:12px;transform:none}.smap-zoom button{width:36px;height:36px}}