.spot,.spots-toggle,.spot-card{--ink: #111827;--ink-2: #3c4657;--muted: #6b7789;--surface: #f6f9fc;--surface-2: #edf1f7;--line: #e6ebf1}.spots{position:absolute;inset:0;z-index:2;pointer-events:none}.spots>*{pointer-events:auto}.spot{position:absolute;translate:-50% -50%;width:30px;height:30px;padding:0;border:2px solid #fff;border-radius:50%;background:#fff;color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d;transition:transform .15s ease,opacity .2s ease;display:grid;place-items:center}.spot:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid #fff;opacity:0;animation:spot-pulse 2.4s ease-out .6s 3;pointer-events:none}.spot:hover,.spot[aria-current]{transform:scale(1.18)}.spot[aria-current]{background:var(--ink);color:#fff}@keyframes spot-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}.spots.off .spot{opacity:0!important;pointer-events:none}.spot.away{pointer-events:none}.spot.away[aria-current]{opacity:1!important;pointer-events:auto}.spots-toggle{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#fffffff0;color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:var(--shadow);backdrop-filter:blur(6px)}.spots-toggle span{font-size:14px}.spots-toggle:hover{background:#fff}.spot-card{position:absolute;z-index:3;width:min(320px,calc(100% - 16px));display:grid;gap:8px;padding:16px 18px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d;text-align:left}.spot-card[hidden]{display:none}.spot-type{display:inline-flex;align-items:center;gap:6px;justify-self:start;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:3px 7px;border-radius:4px;border:1px solid var(--line);color:var(--ink-2)}.spot-title{font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.01em}.spot-text{font-size:14.5px;line-height:1.5;color:var(--ink-2)}.spot-src{font-size:12.5px;font-weight:500;color:var(--muted)}.spot-nav{display:flex;align-items:center;gap:4px;margin-top:4px;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;font-weight:500;color:var(--muted)}.spot-nav button{width:28px;height:28px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:inherit;font-size:17px;font-weight:400;line-height:1;cursor:pointer}.spot-nav button:hover{background:var(--surface-2)}.spot-nav .spot-close{margin-left:auto;font-size:18px;border-color:transparent}.spot-sheet{margin-top:10px}.spot-sheet[hidden]{display:none}.spot-sheet .spot-card{position:static;width:auto;box-shadow:0 2px 5px -1px #32325d1f,0 1px 3px -1px #0000001a}@media(max-width:640px){.spot{width:26px;height:26px;font-size:12px}}@media(prefers-reduced-motion:reduce){.spot:before{animation:none}}.gallery{--g-w: 112px;min-width:0}.g-pane{display:flex;align-items:flex-start;gap:12px;min-width:0}.g-model .g-box{background:var(--paper);color:var(--muted)}.g-model .g-snap{position:absolute;inset:0}.g-model .g-box:has(.g-snap:not([hidden])) .g-cube{display:none}.g-model[aria-current] .g-box,.g-thumb[aria-current] .g-box{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.g-pane[hidden]{display:none}.g-strip{display:flex;gap:12px;min-width:0;padding:4px 4px 0 0}.g-scroller{position:relative;flex:1;min-width:0}.g-thumbs{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.g-thumbs::-webkit-scrollbar{display:none}.g-pane.can-next .g-thumbs{mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent)}.g-pane.can-prev .g-thumbs{mask-image:linear-gradient(to right,transparent,#000 56px)}.g-pane.can-prev.can-next .g-thumbs{mask-image:linear-gradient(to right,transparent,#000 56px,#000 calc(100% - 56px),transparent)}.g-tile{position:relative;flex:none;width:var(--g-w);display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left}.g-up{margin-top:4px}button.g-tile{cursor:pointer}.gallery:not([data-stage]) .g-thumb{cursor:zoom-in}.g-box{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--ink);transition:border-color .2s ease,transform .2s ease}.g-box img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.g-tile:hover .g-box{border-color:var(--line-strong)}.g-tile:hover .g-box img{transform:scale(1.04)}.g-tile:focus-visible{outline:none}.g-tile:focus-visible .g-box{outline:2px solid var(--accent);outline-offset:2px}.g-folder{isolation:isolate}.g-folder:before{content:"";position:absolute;top:-4px;left:4px;z-index:-1;width:100%;aspect-ratio:4 / 3;border:1px solid var(--line-strong);border-radius:3px;background:var(--surface-2);transition:translate .2s ease}.g-folder:hover:before{translate:2px -2px}.g-icon{background:var(--paper);border-style:solid;color:var(--ink-2)}.g-up:hover .g-icon{color:var(--ink);background:var(--surface)}.g-label{display:flex;align-items:flex-start;gap:6px;min-height:2.6em;font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}.g-name{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.g-label svg{flex:none;margin-top:1px;color:var(--muted)}.g-label .count{margin-left:3px;color:var(--muted);font-weight:400;letter-spacing:.04em}.g-up .g-label:before{content:"‹";flex:none;font-size:14px;line-height:1;font-weight:400;color:var(--muted);margin-right:-2px}.g-play{position:absolute;right:6px;bottom:6px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#141317bf;color:#fff}.g-ig{width:100%;height:100%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#feda75,#fa7e1e 30%,#d62976 60%,#962fbf 85%,#4f5bd5)}.g-spots{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:3px;color:#111827;background:#fffffff5;font-size:10.5px;font-weight:600;box-shadow:var(--shadow);pointer-events:none}.g-scroll{position:absolute;top:calc(4px + var(--g-w) * .375);translate:0 -50%;z-index:2;width:30px;height:30px;border:0;border-radius:50%;background:var(--ink);color:var(--paper);font:inherit;font-size:18px;line-height:1;cursor:pointer;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s ease}.g-prev{left:-4px}.g-next{right:-4px}.g-pane.can-prev .g-prev,.g-pane.can-next .g-next{opacity:1;pointer-events:auto}.g-empty{cursor:default}.g-ph{border-style:dashed;border-color:var(--line-strong);background:none;padding:6px;text-align:center}.g-ph code{font-size:9.5px;color:var(--muted);word-break:break-all}.g-empty .g-label{color:var(--muted)}@media(prefers-reduced-motion:reduce){.g-box,.g-box img{transition:none}}.lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#0c0b0f;color:#eceaf1}.lightbox[open]{display:grid;grid-template-rows:auto minmax(0,62dvh) auto auto minmax(0,1fr)}.lightbox::backdrop{background:#0c0b0fe6}.lb-bar{display:flex;justify-content:space-between;align-items:center;padding:14px max(16px,env(safe-area-inset-right,0px)) 6px max(16px,env(safe-area-inset-left,0px));font-size:13px;letter-spacing:.08em}.lb-close,.lb-prev,.lb-next{background:none;border:0;color:inherit;cursor:pointer;font:inherit}.lb-close{font-size:14px;text-decoration:underline;text-underline-offset:3px}.lb-main{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;min-height:0;overflow:hidden}.lb-prev,.lb-next{font-size:44px;line-height:1;height:100%;opacity:.7}.lb-prev:hover,.lb-next:hover{opacity:1}.lb-stage{position:relative;min-height:0;overflow:hidden;touch-action:pan-y}.lb-stage img,.lb-stage video,.lb-stage iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0}.lb-stage:has(.lb-frame,.lb-ig){display:grid;place-items:center;container-type:size}.lb-frame{position:relative;width:min(100cqw,calc(100cqh * var(--r)));aspect-ratio:var(--r)}.lb-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.lb-ig{position:relative;width:min(100cqw,400px);height:100cqh}.lb-ig iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:10px;background:#fff}.lb-caption a{color:inherit}.lb-sheet{padding:0 16px 8px}.lb-thumb .lb-igthumb{width:100%;height:100%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#feda75,#fa7e1e 30%,#d62976 60%,#962fbf 85%,#4f5bd5);font-size:11px;font-weight:800}.lb-caption{text-align:center;font-size:15px;font-weight:600;min-height:1.5em;padding:6px 16px;opacity:.85}.lb-grid{overflow-y:auto;padding:8px max(16px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));border-top:1px solid rgba(255,255,255,.1);display:grid;gap:16px;align-content:start}.lb-glabel{font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin:6px 0 8px}.lb-glabel span{opacity:.6;margin-left:4px}.lb-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.lb-thumb{aspect-ratio:1;padding:0;border:2px solid transparent;border-radius:4px;background:#222;cursor:pointer;overflow:hidden;opacity:.65}.lb-thumb img{width:100%;height:100%;object-fit:cover}.lb-thumb:hover{opacity:.9}.lb-thumb[aria-current]{border-color:#fff;opacity:1}@media(max-width:760px){.gallery{--g-w: 96px}.g-label{font-size:10.5px;letter-spacing:.04em}.g-label svg{display:none}.g-scroll{display:none}.g-strip:not(.g-thumbs){overflow-x:auto;scrollbar-width:none}}@media(max-width:760px){.lightbox[open]{grid-template-rows:auto minmax(0,50dvh) auto auto minmax(0,1fr)}.lb-main{grid-template-columns:32px minmax(0,1fr) 32px}.lb-prev,.lb-next{font-size:32px}.lb-thumbs{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}
