.smap-page{min-height:100vh;background:var(--color-midnight);padding:120px 24px 80px;position:relative}.smap-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 0%,rgba(59,111,212,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(196,154,92,.04) 0%,transparent 50%);pointer-events:none}.smap-wrap{position:relative;z-index:2;max-width:1200px;margin:0 auto}.smap-header{margin-bottom:32px}.smap-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:6px;background:#c49a5c1f;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gold);margin-bottom:16px}.smap-header h1{font-family:var(--font-heading);font-size:36px;font-weight:800;color:var(--color-text-on-dark);letter-spacing:-.03em;margin-bottom:8px}.smap-header p{font-size:15px;color:var(--color-text-on-dark-sub)}.smap-header p strong{color:var(--color-gold);font-weight:600}.smap-search-wrap{position:relative;margin-bottom:32px}.smap-search{width:100%;padding:12px 16px 12px 44px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:14px;font-weight:500;color:#fff;font-family:inherit;transition:border-color .2s,background .2s}.smap-search::placeholder{color:#ffffff40}.smap-search:focus{outline:none;border-color:#3b6fd480;background:#ffffff0f}.smap-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#ffffff40;pointer-events:none}.smap-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;color:#fff6;font-size:12px;display:none;align-items:center;justify-content:center;transition:background .2s}.smap-search-clear:hover{background:#fff3}.smap-search-clear.visible{display:flex}.smap-no-results{text-align:center;padding:48px 24px;color:#ffffff4d;font-size:15px;display:none;grid-column:1 / -1}.smap-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.smap-card{background:var(--color-midnight-card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px;display:flex;flex-direction:column;transition:border-color .3s ease}.smap-card:hover{border-color:#ffffff1a}.smap-card.span-2{grid-column:span 2}.smap-card.filtered-out{display:none}.smap-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05)}.smap-card-color-bar{width:4px;height:28px;border-radius:2px;flex-shrink:0}.smap-card-icon-wrap{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.smap-card-icon-wrap svg{width:16px;height:16px}.smap-card-info{flex:1;min-width:0}.smap-card-name{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--color-text-on-dark);letter-spacing:-.01em}.smap-card-desc{font-size:12px;color:#ffffff4d;margin-top:1px}.smap-card-count{font-family:var(--font-mono);font-size:12px;color:#ffffff4d;background:#ffffff0a;padding:2px 8px;border-radius:6px;flex-shrink:0}.smap-card-links{display:flex;flex-direction:column;gap:1px;flex:1}.smap-card.span-2 .smap-card-links{display:grid;grid-template-columns:repeat(2,1fr);gap:1px 20px}.smap-link{display:flex;align-items:baseline;gap:10px;padding:7px 10px;border-radius:8px;text-decoration:none;transition:background .2s,transform .15s}.smap-link:hover{background:#ffffff0a;transform:translate(3px)}.smap-link:focus-visible{outline:2px solid var(--color-action);outline-offset:-2px}.smap-link.filtered-out{display:none}.smap-link-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-top:6px;transition:box-shadow .2s}.smap-link:hover .smap-link-dot{box-shadow:0 0 8px currentColor}.smap-link-text{flex:1;min-width:0}.smap-link-name{font-size:14px;font-weight:500;color:#ffffff8c;transition:color .2s;line-height:1.4}.smap-link:hover .smap-link-name{color:#fff}.smap-link-path{font-family:var(--font-mono);font-size:11px;color:#ffffff1f;transition:color .2s;line-height:1.3;word-break:break-all}.smap-link:hover .smap-link-path{color:#ffffff40}.smap-subgroup-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff40;padding:14px 10px 6px;margin-top:4px;grid-column:1 / -1}.smap-subgroup-header:first-child{margin-top:0;padding-top:0}.smap-footer{text-align:center;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.04)}.smap-footer p{font-size:12px;color:#fff3;font-family:var(--font-mono)}.smap-footer a{color:#3b6fd480;transition:color .2s}.smap-footer a:hover{color:var(--color-action)}@media(max-width:900px){.smap-bento{grid-template-columns:1fr}.smap-card.span-2{grid-column:span 1}.smap-card.span-2 .smap-card-links{grid-template-columns:1fr}}@media(max-width:768px){.smap-page{padding:100px 16px 60px}.smap-header h1{font-size:28px}.smap-card{padding:20px}.smap-card-desc,.smap-link-path{display:none}}