.sc-role{--sc-role-ink:linear-gradient(180deg, #1a2038, #0a0e1c);--sc-role-rim:#0075ff, #8a70ba 24%, #43198f 46%, #5378e6 72%, #0075ff;--sc-role-still:linear-gradient(100deg, #0075ff, #8a70ba);--sc-role-mark:#0075ff;--sc-role-shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M6 0L24 0L24 18L18 18L18 24L0 24L0 6L6 6ZM8 8H16V16H8Z'/%3E%3C/svg%3E");--sc-role-glow:0 0 0 3px #0075ff12, 0 8px 20px -10px #0075ff8c, 0 6px 18px -9px #8a70ba8c;isolation:isolate;background:var(--sc-role-ink) padding-box, conic-gradient(from var(--sc-angle,0deg), var(--sc-role-rim)) border-box;height:26px;box-shadow:var(--sc-role-glow);color:#fff;font:600 11px/1 var(--sc-font,var(--sl-font,"Inter Variable", Inter, Helvetica, Arial, sans-serif));letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;cursor:default;border:1px solid #0000;border-radius:2px;flex:none;justify-self:start;align-items:center;gap:7px;padding:0 11px 0 9px;display:inline-flex;position:relative;overflow:hidden}:is(html.dark,body.dark,html[data-stacklumen-theme=dark],body[data-stacklumen-theme=dark]) .sc-role{--sc-role-ink:linear-gradient(180deg, #1f2549, #10142b);--sc-role-rim:#3b9eff, #aa98cd 24%, #8a70ba 46%, #5378e6 72%, #3b9eff;--sc-role-still:linear-gradient(100deg, #3b9eff, #aa98cd);--sc-role-glow:0 0 0 3px #3b9eff14, 0 8px 22px -10px #0075ffbf, 0 6px 20px -9px #8a70baa6}.sc-role>span:not(.sc-role-sr){z-index:1;position:relative}.sc-role-glyph{flex:none;place-items:center;width:12px;height:12px;display:grid}.sc-role-glyph:before{content:"";background:var(--sc-role-mark);width:12px;height:12px;-webkit-mask:var(--sc-role-shape) center / contain no-repeat;-webkit-mask:var(--sc-role-shape) center / contain no-repeat;mask:var(--sc-role-shape) center / contain no-repeat}.sc-role-label{margin-right:-.14em}.sc-role-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sc-role.lg:is(.is-ceo,.is-creator){animation:6s linear infinite sc-orbit}.sc-role.lg:is(.is-ceo,.is-creator):after{content:"";z-index:0;pointer-events:none;background:linear-gradient(100deg,#fff0 15%,#ffffff2b 50%,#fff0 85%);width:60%;animation:6.5s linear 1.2s infinite sc-role-sheen;position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)}@keyframes sc-role-sheen{0%{transform:translate(-120%)}24%,to{transform:translate(200%)}}.sc-role.lg.is-creator{--sc-role-glow:0 0 0 3px #0075ff14, 0 10px 26px -10px #0075ff99, 0 8px 22px -10px #8a70ba99;letter-spacing:.16em;gap:10px;height:34px;padding:0 15px 0 4px;font-size:12px;animation:8s linear infinite sc-orbit,5.5s ease-in-out infinite sc-role-breathe}.sc-role.lg.is-creator .sc-role-label{background:linear-gradient(90deg,#fff 40%,#aa98cd);color:#0000;-webkit-background-clip:text;background-clip:text;margin-right:-.16em}.sc-role.is-creator .sc-role-glyph{background:linear-gradient(140deg,#0075ff,#43198f);border-radius:2px;width:24px;height:24px;box-shadow:inset 0 0 0 1px #ffffff2e}.sc-role.is-creator .sc-role-glyph:before{background:#fff}@keyframes sc-role-breathe{50%{box-shadow:0 0 0 4px #0075ff1c,0 12px 32px -10px #0075ffbf,0 10px 28px -10px #8a70babf}}.sc-role.sm{letter-spacing:.12em;background:var(--sc-role-ink) padding-box, var(--sc-role-still) border-box;height:20px;box-shadow:none;gap:5px;padding:0 7px 0 6px;font-size:11px}.sc-role.sm .sc-role-glyph,.sc-role.sm .sc-role-glyph:before{width:9px;height:9px}.sc-role.sm .sc-role-label{margin-right:-.12em}.sc-role.sm.is-creator .sc-role-glyph{width:14px;height:14px}.sc-role.sm.is-creator .sc-role-glyph:before{width:8px;height:8px}.sc-role.sm.is-creator{padding-left:2px}.sc-role.is-team{background:linear-gradient(var(--sc-surface,var(--sl-surface,#fff)), var(--sc-surface,var(--sl-surface,#fff))) padding-box, var(--sc-role-still) border-box;box-shadow:none;color:var(--sc-fg,var(--sl-text,#0a0a0a))}.dir{--dir-ease:cubic-bezier(.22, .8, .2, 1);--dir-tile:var(--sl-surface,#fff);--dir-tile-line:var(--sl-border-strong,#d4d4d4);--dir-glow:0 1px 2px #0a18340f, 0 14px 30px -22px rgba(var(--sl-purple-lift-rgb,67, 25, 143), .5)}.dir-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.dir-section{padding-top:clamp(32px,4vw,48px)}.dir-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;display:flex}.dir-search{flex:0 380px;margin:0;position:relative}.dir-search svg{color:var(--sl-text-faint);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.dir-search .mkt-input{padding-left:40px}.dir-search .mkt-input::-webkit-search-cancel-button{cursor:pointer}.dir-sub{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:18px 0 22px;display:flex}.dir-n{color:var(--sl-text-faint);font-variant-numeric:tabular-nums;margin-left:2px}.dir-count{color:var(--sl-text-label);font-variant-numeric:tabular-nums;margin:0;font-size:13.5px}@media (max-width:640px){.dir-search{flex-basis:100%}.dir-lists{order:0}}.dir-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.dir-grid>li{min-width:0;display:flex}.dir-grid>li[hidden]{display:none}.dir-card{border:1px solid var(--sl-border);background-color:var(--sl-bg);width:100%;min-width:0;color:var(--sl-text);transition:border-color .25s var(--dir-ease), background-color .25s var(--dir-ease), box-shadow .4s var(--dir-ease);border-radius:3px;flex-direction:column;gap:18px;padding:clamp(20px,2vw,26px);text-decoration:none;display:flex;position:relative}.dir-card:hover{border-color:var(--sl-border-accent,#0075ff52);background-color:var(--sl-bg-subtle);box-shadow:0 22px 44px -34px rgba(var(--sl-purple-lift-rgb,67, 25, 143), .45)}.dir-card:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}.dir-card:has(.dir-primary:focus-visible){outline:2px solid var(--sl-accent);outline-offset:2px}.dir-primary{color:inherit;text-decoration:none}.dir-primary:focus-visible{outline:none}.dir-primary:after{content:"";z-index:0;border-radius:3px;position:absolute;inset:0}.dir-raise{z-index:1;position:relative}.dir-card__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dir-card__copy{gap:6px;min-width:0;display:grid}.dir-name{overflow-wrap:anywhere;color:var(--sl-text);font-family:var(--sl-font-display);letter-spacing:-.022em;margin:0;font-size:19px;font-weight:600;line-height:1.25}.dir-line{color:var(--sl-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.dir-line.is-one{-webkit-line-clamp:2;font-size:14.5px}.dir-tags{flex-wrap:wrap;gap:6px;display:flex}.dir-tag{border:1px solid var(--sl-border);color:var(--sl-text-muted);border-radius:2px;padding:3px 8px;font-size:12.5px;font-weight:500;line-height:1.4}.dir-foot{color:var(--sl-text-label);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:auto 0 0;font-size:13.5px;line-height:1.45;display:flex}.dir-meta{min-width:0}.dir-kind{color:var(--sl-text-muted);font-weight:500}.dir-live{color:var(--sl-text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:inline-flex}.dir-live i{background:var(--sl-accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--sl-accent-soft);border-radius:50%;flex:none}.dir-go{width:32px;height:32px;color:var(--sl-text-faint);transition:color .25s var(--dir-ease), transform .45s var(--dir-ease);border-radius:2px;flex:none;place-items:center;display:grid}.dir-card:hover .dir-go,.dir-card:focus-visible .dir-go{color:var(--sl-accent);transform:translate(3px)}.dir-inline{color:var(--sl-text-muted);text-decoration:underline;-webkit-text-decoration-color:var(--sl-border-strong);text-decoration-color:var(--sl-border-strong);text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}.dir-inline:hover{color:var(--sl-accent);text-decoration-color:currentColor}.dir-inline:focus-visible,.dir-co:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px;border-radius:2px}.dir-site{align-items:center;gap:5px;text-decoration:none;display:inline-flex}.dir-cta{color:var(--sl-accent);align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.dir-cta svg{transition:transform .45s var(--dir-ease)}:is(.dir-card,.dir-join__card):hover .dir-cta svg{transform:translate(3px)}.dir-mark{background:var(--dir-tile);width:56px;height:56px;box-shadow:inset 0 0 0 1px var(--dir-tile-line), var(--dir-glow);color:var(--sl-text);font:700 21px/1 var(--sl-font-display);letter-spacing:-.035em;transition:box-shadow .4s var(--dir-ease), transform .55s var(--dir-ease);border-radius:3px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.dir-mark img{object-fit:contain;width:100%;height:100%;padding:8px}.dir-mark .dark{display:none}:is(html.dark,body.dark,html[data-stacklumen-theme=dark],body[data-stacklumen-theme=dark]) .dir-mark:has(.dark) .light{display:none}:is(html.dark,body.dark,html[data-stacklumen-theme=dark],body[data-stacklumen-theme=dark]) .dir-mark .dark{display:block}.dir-mark.mono{color:#fff;background:linear-gradient(140deg,#0075ff,#43198f);box-shadow:inset 0 0 0 1px #ffffff29,0 14px 30px -20px #43198f8c}.dir-mark.is-face{border-radius:50%}.dir-mark.is-face img{object-fit:cover;padding:0}.dir-mark.is-face:after{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #8080802e}.dir-mark.is-sm{width:40px;height:40px;font-size:15px}.dir-mark.is-sm img{padding:5px}.dir-card:hover .dir-mark,.dir-co:hover .dir-mark{box-shadow:inset 0 0 0 1px var(--sl-border-accent,#0075ff52), 0 1px 2px #0a18340f, 0 18px 34px -22px #0075ff80;transform:translateY(-1px)}.dir-card:hover .dir-mark.mono{box-shadow:inset 0 0 0 1px #ffffff47,0 18px 34px -20px #0075ff99}.dir-card:hover .dir-mark.is-face{box-shadow:var(--dir-glow)}.dir-card__id{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;display:flex}.dir-badge{pointer-events:none}.dir-card__copy .dir-badge{margin:2px 0 1px}.dir-ceo__who{align-items:center;gap:16px;min-width:0;display:flex}.dir-co{background-color:var(--sl-bg-subtle);min-width:0;box-shadow:inset 0 0 0 1px var(--sl-border);color:var(--sl-text);transition:box-shadow .25s var(--dir-ease), background-color .25s var(--dir-ease);border-radius:3px;align-items:center;gap:12px;padding:10px 12px 10px 10px;text-decoration:none;display:flex}.dir-card:hover .dir-co{background-color:var(--sl-bg)}a.dir-co:hover{box-shadow:inset 0 0 0 1px var(--sl-border-accent,#0075ff52)}.dir-co__copy{gap:2px;min-width:0;display:grid}.dir-co__copy b{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.dir-co__copy span{color:var(--sl-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.dir-invite{background-color:var(--sl-bg-subtle);box-shadow:inset 0 0 0 1px var(--sl-border);border-color:#0000}.dir-invite:hover{box-shadow:inset 0 0 0 1px var(--sl-border-accent,#0075ff52), 0 22px 44px -34px rgba(var(--sl-purple-lift-rgb,67, 25, 143), .45);border-color:#0000}.dir-mark.is-invite{background:var(--sl-bg);box-shadow:inset 0 0 0 1px var(--sl-border-strong);color:var(--sl-text-muted)}.dir-invite:hover .dir-mark.is-invite{box-shadow:inset 0 0 0 1px var(--sl-border-accent,#0075ff52);color:var(--sl-accent)}.dir-invite .dir-name{color:var(--sl-text)}.dir-empty{background-color:var(--sl-bg-subtle);box-shadow:inset 0 0 0 1px var(--sl-border);border-radius:3px;justify-items:start;gap:4px;padding:clamp(28px,4vw,48px);display:grid}.dir-empty[hidden]{display:none}.dir-empty .mkt-body{margin-top:6px}.dir-empty .mkt-actions{margin-top:18px}.dir-empty.is-none{margin-top:0}.dir-grid:has(>li:not([hidden]))+.dir-empty.is-none{margin-top:16px}.dir-join__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.dir-join__cards>li{display:flex}.dir-join__card{border-radius:3px;gap:12px;width:100%}.dir-join__card .mkt-body{margin:0 0 6px}.dir-join__card .dir-cta{margin-top:auto}.dir-join__card:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.dir-card,.dir-mark,.dir-go,.dir-co,.dir-cta svg{transition:none}.dir-card:hover .dir-mark,.dir-co:hover .dir-mark,.dir-card:hover .dir-go,:is(.dir-card,.dir-join__card):hover .dir-cta svg{transform:none}}
