.picker-login{isolation:isolate;background:#100e15}.picker-login-card{border-color:#b28ad047;background:#1b1622e8;box-shadow:0 16px 50px #0004}.picker-login-card .login-eyebrow{color:#c69df1}html[data-theme=light] .picker-login{background:#f6f2f8}html[data-theme=light] .picker-login-card h1{color:#281b34}.picker-page{min-height:100vh;isolation:isolate;background:#100e15;color:#f5f0fa}.picker-page:before{content:"";position:absolute;inset:0 0 auto;height:280px;pointer-events:none;background:linear-gradient(180deg,#271830,#100e15);opacity:.75}.picker-page>.dashboard-arrival,.picker-page>header{position:relative;z-index:1}.picker-page>.cat-watermark{z-index:0}.picker-page .server-picker-topbar{max-width:1360px;border-radius:12px;border-color:#ffffff1b;background:#17131eec;box-shadow:0 10px 32px #0002}.picker-page .server-picker-topbar .picker-brand{min-width:0;text-decoration:none}.picker-page .server-picker-topbar .picker-brand span{letter-spacing:-.04em}.picker-page .server-picker-topbar .picker-topbar-actions{gap:15px}.picker-intro{margin:58px 0 31px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:end;padding-bottom:31px;border-bottom:1px solid #ffffff1d}.picker-intro .picker-eyebrow{display:block;color:#bd92ec;font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.picker-intro h1{max-width:750px;margin:13px 0 0;font-size:clamp(32px,4vw,53px);line-height:1.1;font-weight:750;letter-spacing:-.045em;color:#faf7fc}.picker-intro p{max-width:650px;margin:15px 0 0;color:#bbb2c6;font-size:16px;line-height:1.65}.picker-summary{display:flex;align-items:center;gap:14px;min-width:188px;padding:14px 17px;border:1px solid #bb8def40;border-radius:10px;background:#8c55c515}.picker-summary-icon{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:9px;background:#a578de24;color:#cda6f6}.picker-summary-copy{display:flex;flex-direction:column;gap:1px}.picker-summary-copy strong{color:#f5edff;font-size:20px;line-height:1.1}.picker-summary-copy span{color:#beafc9;font-size:12px;white-space:nowrap}.picker-directory{padding-bottom:90px}.picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.picker-filters{display:inline-flex;gap:3px;padding:4px;border:1px solid #ffffff1c;border-radius:10px;background:#19151f}.picker-filters button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:7px 13px;border-radius:7px;color:#bbb1c6;font-size:14px;font-weight:600;white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s}.picker-filters button:hover{color:#f7f1fd;background:#ffffff0a}.picker-filters button[aria-pressed=true]{background:#a36cdd;color:#160e20;box-shadow:0 2px 8px #0003}.picker-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:21px;padding:1px 5px;border-radius:5px;background:#ffffff13;font-size:12px;font-variant-numeric:tabular-nums}.picker-filters button[aria-pressed=true] .picker-filter-count{background:#160e2024}.picker-search{display:flex;align-items:center;gap:10px;width:min(100%,345px);min-height:46px;padding:0 14px;border:1px solid #ffffff26;border-radius:9px;background:#1a1621;color:#baabc8;transition:border-color .18s,box-shadow .18s}.picker-search:focus-within{border-color:#bb8dec;box-shadow:0 0 0 3px #aa72e12a}.picker-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f7f1fd;font-size:14px}.picker-search input::-moz-placeholder{color:#9589a1}.picker-search input::placeholder{color:#9589a1}.picker-search input::-webkit-search-cancel-button{display:none}.picker-search button{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:5px;color:#a99bb7}.picker-search button:hover{color:#f7f1fd;background:#ffffff12}.picker-result-count{margin:20px 0 25px;color:#a99eb4;font-size:13px;font-variant-numeric:tabular-nums}.picker-group+.picker-group{margin-top:35px}.picker-group-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.picker-group-heading h2{color:#f3ebfa;font-size:19px;font-weight:700;letter-spacing:-.02em}.picker-group-heading p{margin-top:3px;color:#a99eb5;font-size:13px}.picker-group-heading>span{color:#c3a4e6;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.picker-list{display:grid;gap:8px}.picker-server{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;-moz-column-gap:17px;column-gap:17px;min-height:86px;padding:13px 17px;border:1px solid #ffffff19;border-radius:11px;background:#1b1722;color:inherit;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s}.picker-server:hover{border-color:#b78de66b;background:#241c2d;box-shadow:0 5px 20px #0002}.picker-server-invite{background:#17141c}.picker-server-icon{display:grid;place-items:center;width:50px;height:50px;overflow:hidden;border:1px solid #ffffff20;border-radius:13px;background:#392349;color:#e6cefa}.picker-server-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.picker-server-icon>span{font-size:16px;font-weight:750;letter-spacing:-.03em}.picker-server-copy{display:flex;flex-direction:column;min-width:0;gap:5px}.picker-server-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f7f1fa;font-size:16px;font-weight:700}.picker-server-copy>span{color:#b1a6bc;font-size:13px}.picker-server-copy>span,.picker-state{display:flex;align-items:center;gap:5px}.picker-state{min-width:86px;color:#a99eb4;font-size:12px;font-weight:600}.picker-state-ready{color:#a8d6be}.picker-server-action{display:flex;align-items:center;justify-content:center;gap:8px;min-width:170px;min-height:38px;padding:8px 13px;border:1px solid #ac7bdd75;border-radius:7px;background:#9871c82b;color:#e4cafa;font-size:13px;font-weight:700;white-space:nowrap;transition:background .2s,border-color .2s}.picker-server:hover .picker-server-action{border-color:#c79cec;background:#9871c84d}.picker-server-action-invite{min-width:140px;border-color:#ffffff30;background:#ffffff0a;color:#e1d8e9}.picker-empty{display:flex;flex-direction:column;align-items:center;margin-top:18px;padding:58px 25px;border:1px dashed #ffffff2d;border-radius:11px;background:#ffffff04;text-align:center}.picker-empty-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:11px;background:#a56bdb23;color:#c7a1ef}.picker-empty h2{color:#f5eefa;font-size:20px;font-weight:700}.picker-empty p{margin-top:8px;color:#b3a8bf;font-size:14px}.picker-empty button{min-height:38px;margin-top:23px;padding:8px 15px;border:1px solid #b783e978;border-radius:7px;color:#e5c9fb;font-size:13px;font-weight:700}.picker-empty button:hover{background:#a977da24}html[data-theme=light] .picker-page{background:#f6f2f8;color:#24182f}html[data-theme=light] .picker-page:before{background:linear-gradient(180deg,#e9dff2,#f6f2f8)}html[data-theme=light] .picker-filters,html[data-theme=light] .picker-page .server-picker-topbar,html[data-theme=light] .picker-search,html[data-theme=light] .picker-server{background:#fff;border-color:#d9cce4}html[data-theme=light] .picker-page .picker-brand span{color:#2b1d39}html[data-theme=light] .picker-intro{border-color:#d9cce4}html[data-theme=light] .picker-group-heading>span,html[data-theme=light] .picker-intro .picker-eyebrow{color:#71439c}html[data-theme=light] .picker-empty h2,html[data-theme=light] .picker-group-heading h2,html[data-theme=light] .picker-intro h1,html[data-theme=light] .picker-server-copy strong,html[data-theme=light] .picker-summary-copy strong{color:#261b30}html[data-theme=light] .picker-empty p,html[data-theme=light] .picker-group-heading p,html[data-theme=light] .picker-intro p,html[data-theme=light] .picker-result-count,html[data-theme=light] .picker-server-copy>span{color:#6c5d78}html[data-theme=light] .picker-summary{background:#f0e6f9;border-color:#d5b8ec}html[data-theme=light] .picker-summary-icon{color:#71439c}html[data-theme=light] .picker-summary-copy span{color:#6c5d78}html[data-theme=light] .picker-filters button{color:#58476b}html[data-theme=light] .picker-filters button:hover{background:#f0e6f9;color:#402858}html[data-theme=light] .picker-filters button[aria-pressed=true]{background:#8653c2;color:#fff}html[data-theme=light] .picker-search input{color:#2c1d38}html[data-theme=light] .picker-search input::-moz-placeholder{color:#756784}html[data-theme=light] .picker-search input::placeholder{color:#756784}html[data-theme=light] .picker-server:hover{background:#f7f0fc;border-color:#a87ccc}html[data-theme=light] .picker-state{color:#725e80}html[data-theme=light] .picker-state-ready{color:#286449}html[data-theme=light] .picker-server-action{background:#eee0f9;color:#5b3383;border-color:#cba6e6}html[data-theme=light] .picker-server-action-invite{background:#faf8fc;color:#58436b;border-color:#d9cce4}html[data-theme=light] .picker-server:hover .picker-server-action{background:#e7d4f6;border-color:#a66dcc}html[data-theme=light] .picker-empty{background:#fff;border-color:#cbb7dc}@media(max-width:900px){.picker-intro{grid-template-columns:1fr;gap:18px;margin-top:39px}.picker-summary{width:-moz-max-content;width:max-content}.picker-toolbar{flex-wrap:wrap}.picker-search{width:100%;max-width:none}}@media(max-width:640px){.picker-page{padding:14px 15px 0}.picker-page .server-picker-topbar{padding:13px;align-items:flex-start}.picker-page .server-picker-topbar .picker-topbar-actions{width:100%;justify-content:space-between;gap:9px}.picker-page .server-picker-topbar .picker-topbar-actions .discord-identity{flex:1 1 100%}.picker-intro{margin-top:34px;padding-bottom:24px}.picker-intro h1{font-size:35px}.picker-intro p{font-size:15px}.picker-directory{padding-bottom:60px}.picker-filters{width:100%;overflow-x:auto}.picker-filters button{flex:1;min-width:-moz-max-content;min-width:max-content;padding-inline:9px;font-size:13px}.picker-server{grid-template-columns:47px minmax(0,1fr);gap:9px 13px;padding:14px}.picker-server-icon{width:46px;height:46px}.picker-server-copy strong{font-size:15px}.picker-state{grid-column:2;min-width:0}.picker-server-action{grid-column:1/-1;width:100%;margin-top:4px}.picker-group-heading{align-items:start}}@media(prefers-reduced-motion:reduce){.picker-filters button,.picker-search,.picker-server,.picker-server-action{transition:none}}html.halloween-mode .picker-page{--picker-line:rgba(255,237,216,.14);min-height:100dvh;background:#100f0e;color:#f5f0e8}html.halloween-mode .picker-page:before{background:linear-gradient(180deg,#27190f,#100f0e)}html.halloween-mode .picker-filters,html.halloween-mode .picker-page .server-picker-topbar,html.halloween-mode .picker-search,html.halloween-mode .picker-server{border-color:var(--picker-line);background:#191715}html.halloween-mode .picker-page .server-picker-topbar{box-shadow:0 12px 34px rgba(0,0,0,.24)}html.halloween-mode .picker-intro{border-color:var(--picker-line)}html.halloween-mode .picker-group-heading>span,html.halloween-mode .picker-intro .picker-eyebrow{color:#ffad62}html.halloween-mode .picker-empty h2,html.halloween-mode .picker-group-heading h2,html.halloween-mode .picker-intro h1,html.halloween-mode .picker-server-copy strong{color:#faf5ee}html.halloween-mode .picker-empty p,html.halloween-mode .picker-group-heading p,html.halloween-mode .picker-intro p,html.halloween-mode .picker-result-count,html.halloween-mode .picker-server-copy>span{color:#b9afa3}html.halloween-mode .picker-summary{border-color:rgba(255,171,94,.34);background:rgba(242,122,36,.09)}html.halloween-mode .picker-summary-icon{background:rgba(242,122,36,.16);color:#ffbd7c}html.halloween-mode .picker-summary-copy strong{color:#fff5e8}html.halloween-mode .picker-summary-copy span{color:#d1c2b2}html.halloween-mode .picker-filters{gap:6px}html.halloween-mode .picker-filters button{min-height:44px;color:#c9bfb3}html.halloween-mode .picker-filters button:hover{color:#fff5e8;background:rgba(255,237,216,.07)}html.halloween-mode .picker-filters button[aria-pressed=true]{background:linear-gradient(110deg,#ff9b43,#e96b24);color:#211308;box-shadow:0 3px 10px rgba(190,75,20,.24)}html.halloween-mode .picker-filter-count{background:rgba(255,255,255,.14)}html.halloween-mode .picker-filters button[aria-pressed=true] .picker-filter-count{background:rgba(27,16,8,.14)}html.halloween-mode .picker-search{color:#c9bfb3}html.halloween-mode .picker-search:focus-within{border-color:#ffad62;box-shadow:0 0 0 3px rgba(242,122,36,.2)}html.halloween-mode .picker-search input{color:#fff8ef}html.halloween-mode .picker-search input::-moz-placeholder{color:#a99c8e}html.halloween-mode .picker-search input::placeholder{color:#a99c8e}html.halloween-mode .picker-search button{width:44px;height:44px;color:#c9bfb3}html.halloween-mode .picker-server{min-height:88px}html.halloween-mode .picker-server-invite{background:#151310}html.halloween-mode .picker-server:hover{border-color:rgba(255,171,94,.52);background:#211a14;box-shadow:0 8px 22px rgba(0,0,0,.22)}html.halloween-mode .picker-server-icon{border-color:rgba(255,190,112,.24);background:#382315;color:#ffe0ba}html.halloween-mode .picker-state{color:#b9afa3}html.halloween-mode .picker-state-ready{color:#a8d6be}html.halloween-mode .picker-server-action{min-height:44px;border-color:rgba(255,171,94,.4);border-radius:9px;background:rgba(242,122,36,.12);color:#ffd5a6}html.halloween-mode .picker-server:hover .picker-server-action{border-color:#ffad62;background:rgba(242,122,36,.2)}html.halloween-mode .picker-server-action-invite{border-color:rgba(255,237,216,.24);background:rgba(255,237,216,.06);color:#eee4d8}html.halloween-mode .picker-empty{border-color:rgba(255,237,216,.25);background:rgba(255,237,216,.025)}html.halloween-mode .picker-empty-icon{background:rgba(242,122,36,.15);color:#ffbd7c}html.halloween-mode .picker-empty button{min-height:44px;border-color:rgba(255,171,94,.5);border-radius:9px;color:#ffd5a6}html.halloween-mode .picker-empty button:hover{background:rgba(242,122,36,.13)}html.halloween-mode .picker-page :where(a,button,input):focus-visible{outline:3px solid #ffad62;outline-offset:3px}html.halloween-mode[data-theme=light] .picker-page{background:#f4f0e9;color:#30251c}html.halloween-mode[data-theme=light] .picker-page:before{background:linear-gradient(180deg,#eadac8,#f4f0e9)}html.halloween-mode[data-theme=light] .picker-filters,html.halloween-mode[data-theme=light] .picker-page .server-picker-topbar,html.halloween-mode[data-theme=light] .picker-search,html.halloween-mode[data-theme=light] .picker-server{border-color:rgba(75,47,24,.18);background:#fffdfa}html.halloween-mode[data-theme=light] .picker-intro{border-color:rgba(75,47,24,.18)}html.halloween-mode[data-theme=light] .picker-group-heading>span,html.halloween-mode[data-theme=light] .picker-intro .picker-eyebrow{color:#8c430d}html.halloween-mode[data-theme=light] .picker-empty h2,html.halloween-mode[data-theme=light] .picker-group-heading h2,html.halloween-mode[data-theme=light] .picker-intro h1,html.halloween-mode[data-theme=light] .picker-server-copy strong,html.halloween-mode[data-theme=light] .picker-summary-copy strong{color:#30251c}html.halloween-mode[data-theme=light] .picker-empty p,html.halloween-mode[data-theme=light] .picker-group-heading p,html.halloween-mode[data-theme=light] .picker-intro p,html.halloween-mode[data-theme=light] .picker-result-count,html.halloween-mode[data-theme=light] .picker-server-copy>span{color:#695b4d}html.halloween-mode[data-theme=light] .picker-summary{border-color:#dfc5a8;background:#f7e8d6}html.halloween-mode[data-theme=light] .picker-intro .picker-summary-copy span,html.halloween-mode[data-theme=light] .picker-summary-icon{color:#75400f}html.halloween-mode[data-theme=light] .picker-filters button{color:#695b4d}html.halloween-mode[data-theme=light] .picker-filters button:hover{background:#f7e8d6;color:#40260e}html.halloween-mode[data-theme=light] .picker-filters button[aria-pressed=true]{background:#a95011;color:#fffaf3}html.halloween-mode[data-theme=light] .picker-search:focus-within{border-color:#a95011}html.halloween-mode[data-theme=light] .picker-search input{color:#30251c}html.halloween-mode[data-theme=light] .picker-search input::-moz-placeholder{color:#75685a}html.halloween-mode[data-theme=light] .picker-search input::placeholder{color:#75685a}html.halloween-mode[data-theme=light] .picker-server:hover{border-color:#bc6a25;background:#fff8ef}html.halloween-mode[data-theme=light] .picker-server-icon{border-color:#e5c8a7;background:#f3e1cb;color:#75400f}html.halloween-mode[data-theme=light] .picker-state{color:#695b4d}html.halloween-mode[data-theme=light] .picker-state-ready{color:#286449}html.halloween-mode[data-theme=light] .picker-server-action{border-color:#d6ad83;background:#f7e8d6;color:#6f3309}html.halloween-mode[data-theme=light] .picker-server-action-invite{border-color:rgba(75,47,24,.18);background:#fffdfa;color:#514233}html.halloween-mode[data-theme=light] .picker-server:hover .picker-server-action{border-color:#bc6a25;background:#f1dbc1}html.halloween-mode[data-theme=light] .picker-empty{border-color:#d2b99d;background:#fffdfa}html.halloween-mode[data-theme=light] .picker-empty-icon{background:#f7e8d6;color:#8c430d}html.halloween-mode[data-theme=light] .picker-empty button{border-color:#bc6a25;color:#6f3309}html.halloween-mode[data-theme=light] .picker-empty button:hover{background:#f7e8d6}@media(max-width:640px){html.halloween-mode .picker-search input{font-size:16px}}.sp{--sp-accent:#8b5cf6;--sp-surface:#131118;--sp-raised:#19161f;--sp-field:#0e0c13;--sp-line:rgba(255,255,255,0.08);--sp-line-strong:rgba(255,255,255,0.14);--sp-text:#efebf5;--sp-muted:#a49cb1;--sp-ok:#34d399;display:grid;gap:22px;margin-top:26px}html.halloween-mode .sp{--sp-accent:#f27a24;--sp-surface:#141414;--sp-raised:#1a1a1a;--sp-field:#0e0e0e;--sp-line:rgba(255,237,216,0.08);--sp-line-strong:rgba(255,237,216,0.15)}html[data-theme=light] .sp{--sp-surface:#ffffff;--sp-raised:#faf8fc;--sp-field:#ffffff;--sp-line:rgba(40,20,60,0.1);--sp-line-strong:rgba(40,20,60,0.18);--sp-text:#1d1726;--sp-muted:#5f566c}.sp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sp-stat{display:flex;align-items:center;gap:13px;padding:15px 18px;border:1px solid var(--sp-line);border-radius:14px;background:var(--sp-surface)}.sp-stat-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:11px;color:var(--sp-accent);background:color-mix(in srgb,var(--sp-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--sp-accent) 35%,transparent)}.sp-stat-icon.is-ready{color:var(--sp-ok);background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.3)}.sp-stat strong{display:block;color:var(--sp-text);font-size:22px;font-weight:780;line-height:1.1;font-variant-numeric:tabular-nums}.sp-stat small{color:var(--sp-muted);font-size:12.5px}.sp-toolbar{position:sticky;top:12px;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:8px;border:1px solid var(--sp-line);border-radius:14px;background:color-mix(in srgb,var(--sp-surface) 88%,transparent);backdrop-filter:blur(14px)}.sp-filters{display:inline-flex;gap:3px;padding:3px;border-radius:10px;background:var(--sp-field);border:1px solid var(--sp-line)}.sp-filters button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px;border-radius:8px;color:var(--sp-muted);font-size:13.5px;font-weight:600;cursor:pointer;transition:background-color .15s,color .15s,box-shadow .15s}.sp-filters button span{min-width:20px;padding:0 6px;border-radius:999px;background:var(--sp-raised);font-size:11.5px;font-variant-numeric:tabular-nums}.sp-filters button:hover{color:var(--sp-text)}.sp-filters button[aria-pressed=true]{background:var(--sp-raised);color:var(--sp-text);box-shadow:0 0 0 1px color-mix(in srgb,var(--sp-accent) 45%,transparent)}.sp-filters button[aria-pressed=true] span{background:var(--sp-accent);color:#fff}.sp-search{position:relative;display:flex;align-items:center;flex:1;max-width:360px;min-width:200px}.sp-search>svg{position:absolute;left:12px;color:var(--sp-muted);pointer-events:none}.sp-search input{width:100%;height:40px;padding:0 36px 0 38px;border:1px solid var(--sp-line-strong);border-radius:10px;background:var(--sp-field);color:var(--sp-text);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.sp-search input:focus{border-color:var(--sp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sp-accent) 28%,transparent)}.sp-search button{position:absolute;right:8px;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:var(--sp-muted)}.sp-search button:hover{background:var(--sp-raised);color:var(--sp-text)}.sp-group{display:grid;gap:14px}.sp-group-head h2{display:flex;align-items:center;gap:9px;color:var(--sp-text);font-size:18px;font-weight:720;letter-spacing:-.01em}.sp-group-head h2 span{padding:1px 8px;border-radius:999px;border:1px solid var(--sp-line-strong);color:var(--sp-muted);font-size:12px;font-weight:700}.sp-group-head p{margin-top:2px;color:var(--sp-muted);font-size:13.5px}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.sp-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:214px;overflow:hidden;border:1px solid var(--sp-line);border-radius:16px;background:var(--sp-surface);isolation:isolate;transition:border-color .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s}.sp-banner{position:absolute;inset:0 0 auto 0;z-index:-1;height:84px;background-size:cover;background-position:50%;filter:blur(18px) saturate(1.3);transform:scale(1.4);opacity:.7}.sp-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,var(--sp-surface))}.sp-card.is-invite .sp-banner{filter:blur(18px) grayscale(.7);opacity:.45}.sp-card-top{display:flex;align-items:flex-start;justify-content:space-between;padding:30px 16px 0}.sp-avatar{display:grid;place-items:center;overflow:hidden;border-radius:16px;box-shadow:0 0 0 3px var(--sp-surface),0 8px 20px rgba(0,0,0,.35)}.sp-avatar,.sp-avatar img{width:56px;height:56px}.sp-avatar>span{display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:18px;font-weight:800}.sp-card.is-invite .sp-avatar{filter:grayscale(.4)}.sp-state{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid var(--sp-line-strong);color:var(--sp-muted);font-size:11.5px;font-weight:700;backdrop-filter:blur(6px)}.sp-state.is-ready{color:var(--sp-ok);border-color:rgba(52,211,153,.35)}html[data-theme=light] .sp-state{background:rgba(255,255,255,.8)}.sp-card-body{display:grid;gap:7px;padding:14px 16px 0}.sp-card-body strong{overflow:hidden;color:var(--sp-text);font-size:16px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.sp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:var(--sp-muted);font-size:12.5px}.sp-meta>span{display:inline-flex;align-items:center;gap:5px}.sp-role{padding:1px 8px;border-radius:999px;border:1px solid var(--sp-line-strong);font-weight:650}.sp-role.is-owner{border-color:rgba(250,204,21,.4);color:#facc15;background:rgba(250,204,21,.07)}html[data-theme=light] .sp-role.is-owner{color:#a16207}.sp-action{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;margin:auto 16px 16px;border-radius:10px;border:1px solid var(--sp-line-strong);color:var(--sp-text);font-size:14px;font-weight:650;transition:background-color .16s,border-color .16s,color .16s}.sp-card-body{padding-bottom:16px}.sp-action.is-primary{border-color:color-mix(in srgb,var(--sp-accent) 70%,white 30%);background:var(--sp-accent);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}html.halloween-mode .sp-action.is-primary{color:#1b1008}.sp-action svg{transition:transform .18s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.sp-card:hover{border-color:color-mix(in srgb,var(--sp-accent) 45%,transparent);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.3)}.sp-card:hover .sp-action:not(.is-primary){border-color:var(--sp-accent);color:var(--sp-accent)}.sp-card:hover .sp-action.is-primary{filter:brightness(1.08)}.sp-card:hover .sp-action.is-primary svg{transform:rotate(180deg) translateX(-3px)}}.sp-card:active{transform:scale(.99)}.sp-card:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--sp-accent) 45%,transparent)}.sp-card-add{display:grid;place-content:center;justify-items:center;gap:6px;border-style:dashed;border-color:var(--sp-line-strong);background:transparent;text-align:center}.sp-card-add strong{color:var(--sp-text);font-size:15px}.sp-card-add small{color:var(--sp-muted);font-size:12.5px}.sp-add-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:4px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--sp-accent) 50%,transparent);color:var(--sp-accent)}.sp-empty{display:grid;justify-items:center;gap:8px;padding:46px 16px;border:1px dashed var(--sp-line-strong);border-radius:16px;text-align:center}.sp-empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--sp-raised);color:var(--sp-muted)}.sp-empty h2{color:var(--sp-text);font-size:17px;font-weight:700}.sp-empty p{color:var(--sp-muted);font-size:14px}@media (max-width:760px){.sp-stats{grid-template-columns:minmax(0,1fr)}.sp-stat{padding:12px 14px}.sp-toolbar{position:static}.sp-filters{width:100%}.sp-filters button{flex:1;justify-content:center;padding:0 8px}.sp-search{max-width:none}.sp-search input{font-size:16px}.sp-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.sp-action svg,.sp-card{transition:none}}