/* Empty, unavailable and share states use the same geometry in both themes. */
.st-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:46px 24px;margin:8px 0 24px;border:1px solid var(--line,#e7dfef);border-radius:24px;background:var(--white,var(--card,#fff));color:var(--ink,var(--text,#241c30))}
.st-state-symbol{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;flex-shrink:0;border-radius:24px;background:#f1e8f8;color:#6934a5;margin-bottom:22px}
.st-state-symbol svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.st-state h2,.st-state h1{font-size:clamp(22px,3vw,30px);line-height:1.3;letter-spacing:-.6px;margin:0 0 12px;color:inherit}
.st-state p{max-width:430px;font-size:15px;line-height:1.7;color:var(--muted,#71657e);margin:0}
.st-state-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--muted,#71657e);margin-bottom:14px}
.st-state-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:26px}
.st-action-primary,.st-action-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:14px;font:inherit;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;cursor:pointer;touch-action:manipulation}
.st-action-primary{background:#6133a3;color:white}.st-action-secondary{background:transparent;color:var(--ink,var(--text,#241c30));border-color:var(--line,#e7dfef)}
:is(.st-action-primary,.st-action-secondary):focus-visible{outline:3px solid #b493dc;outline-offset:3px}
:is(.st-action-primary,.st-action-secondary):active{opacity:.85}
.st-action-primary svg,.st-action-secondary svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.st-state-page{margin:26px 0 60px;padding:60px 24px}
.st-share{text-align:center}.st-share .st-state-symbol{margin:0 auto 18px}.st-share h3{margin:0 0 8px;font-size:22px;overflow-wrap:anywhere}.st-share p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 24px}.st-share label{display:block;text-align:left;font-size:12px;color:var(--muted);margin-bottom:8px}.st-share input.share-detail-link{display:block;width:100%;min-width:0;background:var(--cream,#f8f7fa);color:var(--ink,#241c30);border:1px solid var(--line);border-radius:12px;padding:14px;font:inherit;font-size:16px}.st-share button{width:100%;margin-top:12px}.st-share button:disabled{opacity:.65;cursor:wait}.st-share #shareCopyStatus{margin:12px 0 0;min-height:24px}
html[data-theme=dark] .st-state-symbol{background:#342344;color:#cba4fc}html[data-theme=dark] .st-action-primary{background:#7846b3;color:#fff}
@media(max-width:600px){.st-state{padding:34px 20px;border-radius:20px}.st-state-symbol{width:64px;height:64px;border-radius:21px;margin-bottom:20px}.st-state-actions{width:100%;flex-direction:column}.st-state-actions>a,.st-state-actions>button{width:100%;max-width:320px}.st-state p{font-size:14px}.st-state-page{margin:12px 0 32px;padding:42px 22px}}