.wsp-scope{--wsp-bg:#f2f2f2;--wsp-card:#fff;--wsp-tile:#f6f6f6;--wsp-ink:#0a0a0a;--wsp-muted:#0a0a0a9e;--wsp-line:#0a0a0a14;--wsp-ring:inset 0 0 0 1px #0a0a0a12;--wsp-c1:#00ffde;--wsp-c2:#00df6a;--wsp-grad:linear-gradient(135deg, var(--wsp-c1), var(--wsp-c2));--wsp-accent-ink:#006b3a;--wsp-ease:cubic-bezier(.16, 1, .3, 1);color:var(--wsp-ink);font-family:var(--font-inter,Inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased}.dark .wsp-scope,.wsp-scope.dark{--wsp-bg:#000;--wsp-card:#0f0f0f;--wsp-tile:#161616;--wsp-ink:#fff;--wsp-muted:#ffffffa3;--wsp-line:#ffffff1a;--wsp-ring:inset 0 0 0 1px #ffffff17;--wsp-accent-ink:#5cf2a8}.wsp-scope :focus-visible:not(input):not(textarea):not(select):not([contenteditable]){outline:2px solid var(--wsp-c2);outline-offset:2px}.wsp-logo{box-shadow:var(--wsp-ring);border-radius:12px;flex:none;overflow:hidden}.wsp-search{background:var(--wsp-tile);min-height:44px;box-shadow:var(--wsp-ring);color:var(--wsp-muted);transition:box-shadow .4s var(--wsp-ease);border-radius:999px;align-items:center;gap:10px;padding:0 14px;display:flex}.wsp-search:focus-within{box-shadow:inset 0 0 0 2px var(--wsp-c2), 0 0 0 4px color-mix(in srgb, var(--wsp-c2) 18%, transparent)}.wsp-search input{min-width:0;color:var(--wsp-ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.wsp-search input::placeholder{color:var(--wsp-muted)}.wsp-search input:focus-visible{outline:none}.wsp-pill{min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;transition:background-color .3s var(--wsp-ease), box-shadow .4s var(--wsp-ease), transform .3s var(--wsp-ease), translate .3s var(--wsp-ease), scale .3s var(--wsp-ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex}.wsp-pill:disabled{cursor:not-allowed;opacity:.55}.wsp-pill:active:not(:disabled){transform:scale(.98)}.wsp-pill.is-solid{color:var(--wsp-bg);background:var(--wsp-ink)}.wsp-pill.is-ghost{color:var(--wsp-ink);background:color-mix(in srgb, var(--wsp-ink) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wsp-ink) 8%, transparent)}@media (hover:hover){.wsp-pill:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--wsp-c2), inset 26px 0 30px -26px color-mix(in srgb, var(--wsp-c2) 60%, transparent), inset -26px 0 30px -26px color-mix(in srgb, var(--wsp-c2) 60%, transparent);transform:translateY(-1px)}}.wsp-current{color:#0a0a0a;background:var(--wsp-grad);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 3px 4px;font-size:12px;font-weight:600;display:inline-flex}.wsp-current i{background:#ffffff8c;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.wsp-panel{background:var(--wsp-card);width:min(380px,100vw - 24px);max-height:min(560px,100dvh - 96px);box-shadow:var(--wsp-ring), 0 30px 80px -30px #00000073;animation:wsp-pop .35s var(--wsp-ease) both;transform-origin:0 0;border-radius:26px;flex-direction:column;display:flex;overflow:hidden}.wsp-panel-head{flex-direction:column;gap:12px;padding:16px 16px 10px;display:flex}.wsp-panel-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.wsp-panel-title h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:500}.wsp-count{color:var(--wsp-muted);font-variant-numeric:tabular-nums;font-size:14px}.wsp-list{flex:auto;min-height:0;margin:0;padding:4px 10px 10px;list-style:none;overflow-y:auto}.wsp-row{width:100%;min-height:60px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .25s var(--wsp-ease), box-shadow .35s var(--wsp-ease);animation:wsp-row-in .4s var(--wsp-ease) both;animation-delay:calc(var(--i,0) * 30ms);background:0 0;border:0;border-radius:18px;align-items:center;gap:12px;padding:8px 10px;display:flex}.wsp-row:hover,.wsp-row:focus-visible{background:var(--wsp-tile);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wsp-c2) 45%, transparent);outline:none}.wsp-row[aria-current=true],.wsp-row[aria-checked=true]{background:var(--wsp-tile);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--wsp-c2) 70%, transparent)}.wsp-check{color:#0a0a0a;width:24px;height:24px;box-shadow:inset 0 0 0 1.5px var(--wsp-line);transition:background .25s var(--wsp-ease), box-shadow .25s var(--wsp-ease);border-radius:50%;flex:none;place-items:center;display:grid}.wsp-row[aria-checked=true] .wsp-check{background:var(--wsp-grad);box-shadow:none}.wsp-panel-foot .wsp-actions:has(>:only-child){grid-template-columns:1fr}.wsp-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:500;overflow:hidden}.wsp-empty{text-align:center;color:var(--wsp-muted);padding:22px 12px;font-size:15px}.wsp-panel-foot{border-top:1px solid var(--wsp-line);flex-direction:column;gap:8px;padding:12px 16px 16px;display:flex}.wsp-panel-foot .wsp-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wsp-note{color:var(--wsp-muted);margin:0;font-size:13px;line-height:1.4}.wsp-note.is-warn{color:#b54708}.dark .wsp-note.is-warn{color:#fdb022}.wsp-page{z-index:1000001;isolation:isolate;background:var(--wsp-bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.wsp-page:before{content:"";z-index:-1;background-image:radial-gradient(color-mix(in srgb, var(--wsp-ink) 22%, transparent) 1.2px, transparent 1.5px);pointer-events:none;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 20%,#000 15%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 20%,#000 15%,#0000 75%)}.wsp-orbs{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.wsp-orbs i{filter:blur(80px);border-radius:50%;display:block;position:absolute}.wsp-orbs i:first-child{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--wsp-c1) 30%, transparent), transparent 68%);width:42vw;top:-18%;left:-6%}.wsp-orbs i:nth-child(2){aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--wsp-c2) 30%, transparent), transparent 68%);width:46vw;bottom:-26%;right:-8%}.wsp-orbs i:first-child{animation:18s ease-in-out infinite wsp-orb-a}.wsp-orbs i:nth-child(2){animation:22s ease-in-out infinite wsp-orb-b}@keyframes wsp-orb-a{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(8vw,6vh)scale(1.12)}}@keyframes wsp-orb-b{0%,to{transform:translate(0,0)scale(1.05)}50%{transform:translate(-9vw,-7vh)scale(.92)}}.wsp-topbar{justify-content:space-between;align-items:center;gap:12px;padding:18px clamp(16px,3vw,32px) 0;display:flex;position:relative}.wsp-brand{background:var(--wsp-grad);width:44px;height:44px;box-shadow:0 14px 30px -14px color-mix(in srgb, var(--wsp-c2) 70%, transparent);border-radius:14px;place-items:center;display:grid}.wsp-head{text-align:center;flex-direction:column;align-items:center;padding:clamp(28px,7dvh,72px) clamp(16px,4vw,32px) 18px;display:flex;position:relative}.wsp-badge{background:color-mix(in srgb, var(--wsp-ink) 6%, transparent);animation:wsp-fade-up .8s var(--wsp-ease) both;border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:5px 6px 5px 14px;font-size:14px;font-weight:500;display:inline-flex}.wsp-badge b{color:#0a0a0a;background:var(--wsp-grad);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px;font-weight:600}.wsp-h1{letter-spacing:-.045em;max-width:18ch;margin:0;font-size:clamp(2.2rem,1.3rem + 3vw,4rem);font-weight:500;line-height:1.04}.wsp-line{overflow-clip-margin:.1em;margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:clip}.wsp-line>span{animation:wsp-rise 1.05s var(--wsp-ease) both;display:block}.wsp-sub{max-width:34rem;color:var(--wsp-muted);animation:wsp-fade-up .8s var(--wsp-ease) .25s both;margin:14px 0 0;font-size:17px;line-height:1.6}.wsp-toolbar{width:min(720px,100%);animation:wsp-fade-up .8s var(--wsp-ease) .35s both;flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.wsp-toolbar .wsp-search{background:var(--wsp-card);flex:280px;min-height:52px;padding:0 18px}.wsp-toolbar .wsp-pill{min-height:52px;padding:0 22px;font-size:16px}.wsp-scroll{flex:auto;min-height:0;padding:18px clamp(16px,4vw,48px) 48px;position:relative;overflow-y:auto}.wsp-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px;width:min(1240px,100%);margin:0 auto;padding:0;list-style:none;display:grid}.wsp-card{background:var(--wsp-card);min-height:220px;box-shadow:var(--wsp-ring);border-radius:28px;flex-direction:column;transition:box-shadow .12s ease-out;display:flex;position:relative}@media (hover:hover){.wsp-card:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wsp-c2) 55%, transparent), 0 24px 60px -30px color-mix(in srgb, var(--wsp-c2) 60%, transparent)}}.wsp-card.is-current{box-shadow:inset 0 0 0 2px var(--wsp-c2), 0 24px 60px -32px color-mix(in srgb, var(--wsp-c2) 55%, transparent)}.wsp-card-main{border-radius:inherit;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px;display:flex}.wsp-card-main:focus-visible{outline-offset:-3px}.wsp-card-main:disabled{cursor:progress}.wsp-card-logo{border-radius:22px;width:76px;height:76px;transition:transform .12s ease-out}.wsp-card:hover .wsp-card-logo{transform:scale(1.04)}.wsp-card-name{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:19px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.wsp-card-meta{flex-wrap:wrap;align-items:center;gap:6px;min-height:24px;display:flex}.wsp-chip{background:color-mix(in srgb, var(--wsp-ink) 7%, transparent);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.wsp-card-tools{opacity:0;gap:6px;transition:opacity .12s ease-out;display:flex;position:absolute;top:14px;right:14px}.wsp-card:hover .wsp-card-tools,.wsp-card:focus-within .wsp-card-tools{opacity:1}@media (hover:none){.wsp-card-tools{opacity:1}}.wsp-icon-btn{width:44px;height:44px;color:var(--wsp-ink);background:var(--wsp-tile);box-shadow:var(--wsp-ring);cursor:pointer;transition:background-color .25s var(--wsp-ease), color .25s var(--wsp-ease);border:0;border-radius:50%;place-items:center;display:grid}.wsp-icon-btn:hover{color:var(--wsp-bg);background:var(--wsp-ink)}.wsp-icon-btn.is-danger:hover{color:#fff;background:#d92d20}.wsp-icon-btn:disabled{cursor:not-allowed;opacity:.5}.wsp-rename{flex-direction:column;flex:1;justify-content:center;gap:12px;padding:20px;display:flex}.wsp-rename input{width:100%;min-height:48px;color:var(--wsp-ink);background:var(--wsp-tile);box-shadow:var(--wsp-ring);font:inherit;transition:box-shadow .4s var(--wsp-ease);border:0;border-radius:999px;outline:none;padding:0 16px;font-size:16px}.wsp-rename input:focus{box-shadow:inset 0 0 0 2px var(--wsp-c2), 0 0 0 4px color-mix(in srgb, var(--wsp-c2) 18%, transparent)}.wsp-rename-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wsp-card.is-new{box-shadow:none;background:0 0}.wsp-new{border-radius:inherit;outline:1.5px dashed color-mix(in srgb, var(--wsp-ink) 22%, transparent);outline-offset:-1.5px;color:var(--wsp-ink);background:color-mix(in srgb, var(--wsp-card) 55%, transparent);font:inherit;cursor:pointer;transition:outline-color .3s var(--wsp-ease), background-color .3s var(--wsp-ease);border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:16px;font-weight:500;display:flex}.wsp-new:hover:not(:disabled){outline-color:var(--wsp-c2);background:var(--wsp-card)}.wsp-new:disabled{cursor:not-allowed;opacity:.55}.wsp-new i{color:#0a0a0a;background:var(--wsp-grad);border-radius:18px;place-items:center;width:56px;height:56px;transition:transform .12s ease-out;display:grid}.wsp-new:hover:not(:disabled) i{transform:scale(1.06)rotate(90deg)}.wsp-page-empty{text-align:center;color:var(--wsp-muted);flex-direction:column;align-items:center;gap:12px;margin:40px auto 0;font-size:16px;display:flex}.wsp-leaving{z-index:30;background:var(--wsp-bg);place-items:center;animation:.3s both wsp-fade;display:grid;position:absolute;inset:0}@keyframes wsp-pop{0%{opacity:0;transform:translateY(-6px)scale(.97)}}@keyframes wsp-row-in{0%{opacity:0;transform:translateY(6px)}}@keyframes wsp-rise{0%{transform:translateY(112%)rotate(2deg)}}@keyframes wsp-fade-up{0%{opacity:0;transform:translateY(18px)}}@keyframes wsp-fade{0%{opacity:0}}@media (max-width:640px){.wsp-toolbar .wsp-pill{flex:100%}.wsp-card{min-height:0}.wsp-card-main{flex-direction:row;align-items:center}.wsp-card-logo{border-radius:16px;width:56px;height:56px}.wsp-card-name{font-size:17px}}@media (prefers-reduced-motion:reduce){.wsp-scope *,.wsp-scope :before,.wsp-scope :after,.wsp-scope{transition:none!important;animation:none!important}}
