.ss{--ss-sky-a:#a9d8ff;--ss-sky-b:#fff0cf;--ss-floor-a:#e3d3ac;--ss-floor-b:#c9b58a;--ss-line:#5a461e2e;--ss-orb:#fff6c8;--ss-orb-glow:#ffe28cbf;gap:24px;display:grid}.dark .ss{--ss-sky-a:#050a1c;--ss-sky-b:#1a2a63;--ss-floor-a:#141c3d;--ss-floor-b:#0b1128;--ss-line:#8ca5ff29;--ss-orb:#eef2ff;--ss-orb-glow:#a0b9ff8c}.ss-frame{background:var(--ss-sky-a);box-shadow:0 0 0 2px var(--outline), 0 22px 44px -18px #080e2880;isolation:isolate;border-radius:22px;position:relative;overflow:hidden}.ss-backdrop{z-index:0;background:linear-gradient(180deg, var(--ss-sky-a) 0%, var(--ss-sky-b) 78%);position:absolute;inset:0}.ss-orb{background:var(--ss-orb);width:54px;height:54px;box-shadow:0 0 0 10px color-mix(in srgb, var(--ss-orb) 30%, transparent), 0 0 90px 36px var(--ss-orb-glow);border-radius:50%;position:absolute;top:9%;right:2.5%}.dark .ss-orb{box-shadow:inset -12px -6px 0 0 #788cd259, 0 0 0 10px #c8d7ff1f, 0 0 90px 30px var(--ss-orb-glow)}.dark .ss-backdrop:before{content:"";opacity:.8;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#fff 50%,#0000 52%),radial-gradient(1.5px 1.5px at 27% 60%,#fff 50%,#0000 52%),radial-gradient(2px 2px at 41% 14%,#ffe9a8 50%,#0000 52%),radial-gradient(1.5px 1.5px at 58% 40%,#fff 50%,#0000 52%),radial-gradient(1.5px 1.5px at 73% 18%,#fff 50%,#0000 52%),radial-gradient(2px 2px at 88% 52%,#fff 50%,#0000 52%),radial-gradient(1.5px 1.5px at 35% 34%,#fff 50%,#0000 52%);position:absolute;inset:0}.ss-floor{background:repeating-linear-gradient(90deg, transparent 0 79px, var(--ss-line) 79px 80px), linear-gradient(180deg, var(--ss-floor-a), var(--ss-floor-b));border-top:2px solid var(--ss-line);height:34%;position:absolute;bottom:0;left:0;right:0}.ss-scroll{z-index:1;overscroll-behavior-x:contain;scrollbar-width:thin;position:relative;overflow:auto hidden}.ss-wrap{aspect-ratio:3.7;min-width:700px;position:relative}@media (max-width:720px){.ss-wrap{aspect-ratio:2.4}}.ss-canvas{opacity:0;touch-action:pan-x pan-y;cursor:default;width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;inset:0}.ss[data-mode="3d"] .ss-canvas{opacity:1}.ss[data-mode="3d"] .ss-canvas:hover{cursor:pointer}.ss-flat{grid-template-columns:repeat(8,1fr);align-items:end;padding:0 14px 7%;transition:opacity .3s;display:grid;position:absolute;inset:0}.ss[data-mode="3d"] .ss-flat{opacity:0;visibility:hidden;pointer-events:none}.ss-tile{color:var(--foreground);font:inherit;cursor:pointer;filter:grayscale()brightness(.8);background:0 0;border:0;justify-items:center;gap:8px;padding:6px 0;transition:filter .2s,transform .2s;display:grid}.ss-tile .ss-head{box-shadow:0 0 0 3px var(--outline)}.ss-tile[data-on=true],.ss-tile:focus-visible{filter:none;transform:translateY(-6px)}.ss-tile[data-on=true] .ss-head{box-shadow:0 0 0 3px var(--rank), 0 0 26px 4px var(--rank)}.ss-tile:focus-visible{outline:3px solid var(--ring);outline-offset:4px}.ss-tile__name{font:700 .85rem/1.1 var(--font-pixel,inherit)}.ss-tile--empty{cursor:default;filter:none;opacity:.5}.ss-q{opacity:.6;width:64px;height:64px;font:700 2rem/1 var(--font-pixel,inherit);border:2px dashed;place-items:center;display:grid}.ss-head{image-rendering:pixelated;flex:none;display:block}.ss-chat{z-index:2;color:#fff;min-height:92px;font:500 clamp(.95rem, 1.6vw, 1.15rem)/1.4 var(--font-pixel,ui-monospace, monospace);text-shadow:1px 1px #000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a14b8;border-top:2px solid #ffffff24;align-items:center;padding:12px 16px;display:flex;position:relative}.ss-chat__line{overflow-wrap:anywhere;max-width:78ch;margin:0;animation:.32s cubic-bezier(.2,.8,.2,1) both ss-slide}.ss-chat__line b{font-weight:700}.ss-chat__line--idle{color:#fff9;animation:none}.ss-chat__meta{color:#ffffff8c;margin-top:2px;font-size:.8em;display:block}@keyframes ss-slide{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ss-chat__line{animation:none}.ss-tile,.ss-canvas,.ss-flat{transition:none}}.ss-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ss-card{background:var(--card);box-shadow:0 0 0 2px var(--outline);border-radius:18px;align-items:flex-start;gap:16px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex}.ss-card[data-on=true]{box-shadow:0 0 0 2px var(--rank), 0 14px 30px -14px var(--rank);transform:translateY(-2px)}.ss-card .ss-head{box-shadow:0 0 0 2px var(--outline)}.ss-card__name{font:700 1.25rem/1.2 var(--font-pixel,inherit);margin:0}.ss-card__name button{all:unset;cursor:pointer}.ss-card__name button:focus-visible{outline:3px solid var(--ring);outline-offset:4px}.ss-card__rank{color:var(--foreground);margin:2px 0 8px;font-weight:800}.ss-card__rank:before{content:"";background:var(--rank);width:10px;height:10px;box-shadow:0 0 0 2px var(--outline);margin-right:8px;display:inline-block}.ss-card__rank span{color:var(--muted-foreground);font-weight:500}.ss-card__msg{color:var(--muted-foreground);max-width:60ch;margin:0;line-height:1.55}.ss-more{text-align:center}