:root{--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--gray-25: #fcfcfd;--gray-50: #f9fafb;--gray-100: #f2f4f7;--gray-200: #eaecf0;--gray-300: #d0d5dd;--gray-400: #98a2b3;--gray-500: #667085;--gray-600: #475467;--gray-700: #344054;--gray-800: #182230;--gray-900: #101828;--gray-950: #0c111d;--brand-25: #fcfaff;--brand-50: #f9f5ff;--brand-100: #f4ebff;--brand-200: #e9d7fe;--brand-300: #d6bbfb;--brand-400: #b692f6;--brand-500: #9e77ed;--brand-600: #7f56d9;--brand-700: #6941c6;--brand-800: #53389e;--bg: #ffffff;--surface: #ffffff;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-hover: var(--gray-50);--bg-overlay: rgb(12 17 29 / .7);--border: var(--gray-300);--border-secondary: var(--gray-200);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-600);--text-quaternary: var(--gray-500);--text-placeholder: var(--gray-500);--fg-icon: var(--gray-400);--fg-icon-strong: var(--gray-500);--brand-solid: var(--brand-600);--brand-solid-hover: var(--brand-700);--brand-text: var(--brand-700);--brand-bg: var(--brand-50);--brand-bg-strong: var(--brand-100);--brand-border: var(--brand-200);--brand-icon: var(--brand-600);--success-bg: #ecfdf3;--success-border: #abefc6;--success-text: #067647;--success-dot: #17b26a;--warning-bg: #fffaeb;--warning-border: #fedf89;--warning-text: #b54708;--warning-dot: #f79009;--error-bg: #fef3f2;--error-border: #fecdca;--error-text: #b42318;--error-dot: #f04438;--error-solid: #d92d20;--error-solid-hover: #b42318;--blue-bg: #eff8ff;--blue-border: #b2ddff;--blue-text: #175cd3;--blue-dot: #2e90fa;--discord: #5865f2;--ring-brand: 0 0 0 4px rgb(158 119 237 / .24);--ring-gray: 0 0 0 4px rgb(152 162 179 / .14);--ring-error: 0 0 0 4px rgb(240 68 56 / .24);--shadow-xs: 0 1px 2px rgb(16 24 40 / .05);--shadow-skeu: 0 1px 2px rgb(16 24 40 / .05), inset 0 0 0 1px rgb(16 24 40 / .18), inset 0 -2px 0 rgb(16 24 40 / .05);--shadow-sm: 0 1px 3px rgb(16 24 40 / .1), 0 1px 2px rgb(16 24 40 / .06);--shadow-md: 0 4px 8px -2px rgb(16 24 40 / .1), 0 2px 4px -2px rgb(16 24 40 / .06);--shadow-lg: 0 12px 16px -4px rgb(16 24 40 / .08), 0 4px 6px -2px rgb(16 24 40 / .03);--shadow-xl: 0 20px 24px -4px rgb(16 24 40 / .08), 0 8px 8px -4px rgb(16 24 40 / .03);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--sidebar-w: 296px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0a0a;--surface: #171717;--bg-secondary: #171717;--bg-tertiary: #262626;--bg-hover: #1f1f1f;--bg-overlay: rgb(0 0 0 / .75);--border: #333333;--border-secondary: #262626;--text-primary: #fafafa;--text-secondary: #e5e5e5;--text-tertiary: #a3a3a3;--text-quaternary: #8a8a8a;--text-placeholder: #737373;--fg-icon: #737373;--fg-icon-strong: #a3a3a3;--brand-solid: var(--brand-600);--brand-solid-hover: var(--brand-500);--brand-text: var(--brand-300);--brand-bg: rgb(127 86 217 / .12);--brand-bg-strong: rgb(127 86 217 / .2);--brand-border: rgb(158 119 237 / .35);--brand-icon: var(--brand-400);--success-bg: rgb(23 178 106 / .12);--success-border: rgb(23 178 106 / .35);--success-text: #75e0a7;--warning-bg: rgb(247 144 9 / .12);--warning-border: rgb(247 144 9 / .35);--warning-text: #fec84b;--error-bg: rgb(240 68 56 / .12);--error-border: rgb(240 68 56 / .35);--error-text: #fda29b;--blue-bg: rgb(46 144 250 / .12);--blue-border: rgb(46 144 250 / .35);--blue-text: #84caff;--shadow-xs: 0 1px 2px rgb(0 0 0 / .3);--shadow-skeu: 0 1px 2px rgb(0 0 0 / .3), inset 0 0 0 1px rgb(255 255 255 / .08), inset 0 -2px 0 rgb(0 0 0 / .2);--shadow-sm: 0 1px 3px rgb(0 0 0 / .4), 0 1px 2px rgb(0 0 0 / .3);--shadow-md: 0 4px 8px -2px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 12px 16px -4px rgb(0 0 0 / .5), 0 4px 6px -2px rgb(0 0 0 / .3);--shadow-xl: 0 20px 24px -4px rgb(0 0 0 / .5), 0 8px 8px -4px rgb(0 0 0 / .3);color-scheme:dark}}:root[data-theme=dark]{--bg: #0a0a0a;--surface: #171717;--bg-secondary: #171717;--bg-tertiary: #262626;--bg-hover: #1f1f1f;--bg-overlay: rgb(0 0 0 / .75);--border: #333333;--border-secondary: #262626;--text-primary: #fafafa;--text-secondary: #e5e5e5;--text-tertiary: #a3a3a3;--text-quaternary: #8a8a8a;--text-placeholder: #737373;--fg-icon: #737373;--fg-icon-strong: #a3a3a3;--brand-solid: var(--brand-600);--brand-solid-hover: var(--brand-500);--brand-text: var(--brand-300);--brand-bg: rgb(127 86 217 / .12);--brand-bg-strong: rgb(127 86 217 / .2);--brand-border: rgb(158 119 237 / .35);--brand-icon: var(--brand-400);--success-bg: rgb(23 178 106 / .12);--success-border: rgb(23 178 106 / .35);--success-text: #75e0a7;--warning-bg: rgb(247 144 9 / .12);--warning-border: rgb(247 144 9 / .35);--warning-text: #fec84b;--error-bg: rgb(240 68 56 / .12);--error-border: rgb(240 68 56 / .35);--error-text: #fda29b;--blue-bg: rgb(46 144 250 / .12);--blue-border: rgb(46 144 250 / .35);--blue-text: #84caff;--shadow-xs: 0 1px 2px rgb(0 0 0 / .3);--shadow-skeu: 0 1px 2px rgb(0 0 0 / .3), inset 0 0 0 1px rgb(255 255 255 / .08), inset 0 -2px 0 rgb(0 0 0 / .2);--shadow-sm: 0 1px 3px rgb(0 0 0 / .4), 0 1px 2px rgb(0 0 0 / .3);--shadow-md: 0 4px 8px -2px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 12px 16px -4px rgb(0 0 0 / .5), 0 4px 6px -2px rgb(0 0 0 / .3);--shadow-xl: 0 20px 24px -4px rgb(0 0 0 / .5), 0 8px 8px -4px rgb(0 0 0 / .3);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body.sp-body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font);font-size:14px;line-height:20px;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.sp-body a{color:inherit;text-decoration:none}.sp-body button,.sp-body input,.sp-body textarea,.sp-body select{font:inherit;color:inherit}.sp-body h1,.sp-body h2,.sp-body h3{margin:0;font-size:inherit;font-weight:inherit}.sp-body p{margin:0}.sp-body img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:none;box-shadow:var(--ring-brand)}::selection{background:var(--brand-200);color:var(--gray-900)}.sp-body *{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sp-spacer{flex:1}.sp-muted{color:var(--text-quaternary)}.sp-only-mobile{display:none!important}.sp-i-moon{display:none}:root[data-theme=dark] .sp-i-sun{display:none}:root[data-theme=dark] .sp-i-moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sp-i-sun{display:none}:root:not([data-theme=light]) .sp-i-moon{display:block}}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;height:40px;padding:0 16px;border:0;border-radius:var(--radius-md);font-size:14px;font-weight:600;line-height:20px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .1s var(--ease),color .1s var(--ease),box-shadow .1s var(--ease)}.sp-btn svg{width:20px;height:20px;flex-shrink:0}.sp-btn:has(>svg:first-child){padding-left:14px}.sp-btn:has(>svg:last-child){padding-right:14px}.sp-btn:disabled,.sp-btn.is-disabled{cursor:not-allowed;opacity:.5}.sp-btn-sm{height:36px;padding:0 14px}.sp-btn-sm svg{width:16px;height:16px}.sp-btn-sm:has(>svg:first-child){padding-left:12px}.sp-btn-lg{height:44px;padding:0 18px;font-size:16px;line-height:24px}.sp-btn-block{width:100%}.sp-btn-primary{background:var(--brand-solid);color:#fff;box-shadow:var(--shadow-skeu)}.sp-btn-primary:hover:not(:disabled){background:var(--brand-solid-hover)}.sp-btn-primary:focus-visible{box-shadow:var(--shadow-skeu),var(--ring-brand)}.sp-btn-secondary,.sp-btn-ghost{background:var(--surface);color:var(--text-secondary);box-shadow:var(--shadow-skeu),inset 0 0 0 1px var(--border)}.sp-btn-secondary:hover:not(:disabled),.sp-btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.sp-btn-secondary svg,.sp-btn-ghost svg{color:var(--fg-icon)}.sp-btn-secondary:focus-visible,.sp-btn-ghost:focus-visible{box-shadow:inset 0 0 0 1px var(--border),var(--ring-gray)}.sp-btn-danger{background:var(--error-solid);color:#fff;box-shadow:var(--shadow-skeu)}.sp-btn-danger:hover:not(:disabled){background:var(--error-solid-hover)}.sp-btn-danger:focus-visible{box-shadow:var(--shadow-skeu),var(--ring-error)}.sp-btn-discord{background:var(--discord);color:#fff;box-shadow:var(--shadow-skeu)}.sp-btn-discord:hover{background:#4752c4}.sp-link-btn{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--brand-text);font-size:14px;font-weight:600;cursor:pointer}.sp-link-btn:hover{color:var(--brand-800)}:root[data-theme=dark] .sp-link-btn:hover{color:var(--brand-200)}.sp-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--fg-icon);cursor:pointer;transition:background-color .1s,color .1s}.sp-icon-btn svg{width:20px;height:20px}.sp-icon-btn:hover{background:var(--bg-hover);color:var(--fg-icon-strong)}.sp-icon-btn--outline{width:40px;height:40px;background:var(--surface);color:var(--fg-icon-strong);box-shadow:var(--shadow-skeu),inset 0 0 0 1px var(--border)}.sp-icon-btn--outline:hover{background:var(--bg-hover)}.sp-kbd,.sp-body kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--border-secondary);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-quaternary);font-family:var(--font);font-size:12px;font-weight:500}.sp-status,.sp-badge,.sp-tag,.sp-chip{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:22px;padding:0 8px;border:1px solid var(--border-secondary);border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:500;line-height:18px;white-space:nowrap}.sp-status{padding-left:6px}.sp-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fg-icon)}.sp-status--waiting{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.sp-status--waiting:before{background:var(--warning-dot)}.sp-status--reply{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.sp-status--reply:before{background:var(--success-dot)}.sp-status--closed:before{background:var(--gray-400)}.sp-badge--brand{background:var(--brand-bg);border-color:var(--brand-border);color:var(--brand-text)}.sp-chip svg,.sp-tag svg{width:12px;height:12px}.sp-chip--discord svg{color:var(--discord)}.sp-featured{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--brand-bg-strong);color:var(--brand-icon);box-shadow:0 0 0 8px var(--brand-bg)}.sp-featured svg{width:24px;height:24px}.sp-featured--error{background:var(--error-bg);color:var(--error-dot);box-shadow:0 0 0 8px color-mix(in srgb,var(--error-bg) 50%,transparent)}.sp-featured--success{background:var(--success-bg);color:var(--success-dot);box-shadow:0 0 0 8px color-mix(in srgb,var(--success-bg) 50%,transparent)}.sp-featured--warning{background:var(--warning-bg);color:var(--warning-dot);box-shadow:0 0 0 8px color-mix(in srgb,var(--warning-bg) 50%,transparent)}.sp-featured--gray{background:var(--bg-tertiary);color:var(--fg-icon-strong);box-shadow:0 0 0 8px var(--bg-secondary)}.sp-featured--sm{width:40px;height:40px;box-shadow:0 0 0 6px var(--brand-bg)}.sp-featured--sm svg{width:20px;height:20px}.sp-featured--sm.sp-featured--success{box-shadow:0 0 0 6px color-mix(in srgb,var(--success-bg) 50%,transparent)}.sp-featured--sm.sp-featured--error{box-shadow:0 0 0 6px color-mix(in srgb,var(--error-bg) 50%,transparent)}.sp-featured--sm.sp-featured--gray{box-shadow:0 0 0 6px var(--bg-secondary)}.sp-featured--sm.sp-featured--warning{box-shadow:0 0 0 6px color-mix(in srgb,var(--warning-bg) 50%,transparent)}.sp-emoji,.sp-cat-emoji,.sp-page-emoji,.sp-intro-emoji{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-skeu),inset 0 0 0 1px var(--border-secondary);font-size:20px;line-height:1}.sp-emoji:empty:before{content:"\1f4ac"}.sp-page-emoji{width:56px;height:56px;border-radius:var(--radius-xl);font-size:28px}.sp-page-emoji--sm{width:40px;height:40px;border-radius:var(--radius-md);font-size:20px}.sp-app{display:flex;height:100vh;height:100dvh;width:100%;overflow:hidden}.sp-sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);display:flex;flex-direction:column;gap:20px;min-height:0;padding-top:24px;background:var(--bg);border-right:1px solid var(--border-secondary);z-index:30}.sp-main{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;background:var(--bg)}.sp-scrim{display:none}.sp-side-head{display:flex;align-items:center;gap:8px;padding:0 16px 0 24px}.sp-logo{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sp-logo img{width:32px;height:32px;object-fit:contain}.sp-logo span{display:flex;flex-direction:column;min-width:0}.sp-logo strong{font-size:16px;font-weight:600;line-height:20px;color:var(--text-primary)}.sp-logo small{font-size:12px;line-height:16px;color:var(--text-quaternary)}.sp-search{display:flex;align-items:center;gap:8px;height:40px;margin:0 16px;padding:0 10px 0 12px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-xs),inset 0 0 0 1px var(--border);color:var(--fg-icon);transition:box-shadow .1s}.sp-search>svg{width:20px;height:20px;flex-shrink:0}.sp-search:focus-within{box-shadow:var(--shadow-xs),inset 0 0 0 2px var(--brand-500)}.sp-search input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;font-size:16px;color:var(--text-primary)}.sp-search input::placeholder{color:var(--text-placeholder)}.sp-search input::-webkit-search-cancel-button{display:none}.sp-search input:focus-visible{box-shadow:none}.sp-nav{display:flex;flex-direction:column;gap:2px;padding:0 16px}.sp-nav-item{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;line-height:24px;color:var(--text-secondary);transition:background-color .1s}.sp-nav-item svg{width:20px;height:20px;flex-shrink:0;color:var(--fg-icon)}.sp-nav-item:hover,.sp-nav-item.is-active{background:var(--bg-hover);color:var(--text-primary)}.sp-nav-item.is-active svg{color:var(--fg-icon-strong)}.sp-list{flex:1;min-height:0;overflow-y:auto;padding:0 16px 8px}.sp-group+.sp-group{margin-top:16px}.sp-group-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px 6px;font-size:12px;font-weight:600;line-height:18px;color:var(--text-quaternary)}.sp-count{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid var(--border-secondary);border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:500}.sp-row{position:relative;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:var(--radius-sm);transition:background-color .1s}.sp-row+.sp-row{margin-top:2px}.sp-row:hover{background:var(--bg-hover)}.sp-row.is-active{background:var(--bg-secondary);box-shadow:inset 0 0 0 1px var(--border-secondary)}.sp-row-top,.sp-row-bottom{display:flex;align-items:center;gap:8px;min-width:0}.sp-row-title{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-row.is-active .sp-row-title{color:var(--text-primary)}.sp-row-time{flex-shrink:0;font-size:12px;color:var(--text-quaternary)}.sp-row-preview{flex:1;min-width:0;font-size:14px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-row-preview b{font-weight:500;color:var(--text-secondary)}.sp-row-status{flex:0 0 8px;width:8px;height:8px;border-radius:50%}.sp-row.is-awaiting-you .sp-row-status,.sp-row.is-unread .sp-row-status{background:var(--brand-solid)}.sp-row.is-awaiting-you .sp-row-title,.sp-row.is-unread .sp-row-title{color:var(--text-primary)}.sp-row.is-awaiting-you .sp-row-preview,.sp-row.is-unread .sp-row-preview{color:var(--text-secondary);font-weight:500}.sp-row.is-closed .sp-row-title{font-weight:500;color:var(--text-tertiary)}.sp-row.is-filtered{display:none}.sp-list-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:32px 12px;text-align:center;font-size:14px;color:var(--text-tertiary)}.sp-list-empty strong{margin-top:16px;font-size:14px;font-weight:600;color:var(--text-primary)}.sp-search-empty{padding:16px 12px}.sp-side-foot{display:flex;flex-direction:column;gap:16px;padding:0 16px 12px}.sp-side-cta{display:flex;flex-direction:column;gap:8px}.sp-account{margin-top:4px}.sp-me{display:flex;align-items:center;gap:12px;width:100%;height:60px;padding:0 14px 0 10px;border:0;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--border-secondary);text-align:left;cursor:pointer;transition:background-color .1s,box-shadow .15s}.sp-me:hover{background:var(--bg-hover)}.sp-me[aria-expanded=true]{background:var(--bg-hover);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--border)}.sp-avatar-wrap{position:relative;flex-shrink:0}.sp-avatar{display:block;width:40px;height:40px;border-radius:50%;image-rendering:pixelated;background:var(--bg-tertiary);box-shadow:inset 0 0 0 1px #00000014}.sp-online{position:absolute;right:0;bottom:0;width:9px;height:9px;border-radius:50%;background:var(--success-dot);box-shadow:0 0 0 2px var(--surface)}.sp-me-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:18px}.sp-me-text strong{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-me-text span{font-size:13px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-me-chevron{width:16px;height:16px;flex-shrink:0;color:var(--fg-icon)}.sp-account .sp-menu--up{bottom:calc(100% + 8px);border-radius:var(--radius-xl)}.sp-foot-links{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 8px 0;border-top:1px solid var(--border-secondary);font-size:14px;font-weight:600;color:var(--text-tertiary)}.sp-foot-links a{display:inline-flex;align-items:center;gap:8px}.sp-foot-links a svg{width:16px;height:16px}.sp-foot-links a:hover{color:var(--text-secondary)}.sp-foot-links form{margin:0}.sp-menu-wrap{position:relative}.sp-menu,.sp-cm{min-width:240px;padding:4px 0;border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.sp-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:60;animation:sp-drop-in .12s var(--ease)}.sp-menu--up{top:auto;bottom:calc(100% + 4px);left:0;right:0;animation-name:sp-drop-up}.sp-menu form{margin:0}.sp-menu-item,.sp-cm-item{display:flex;align-items:center;gap:8px;width:calc(100% - 12px);margin:1px 6px;padding:9px 10px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:14px;font-weight:600;text-align:left;cursor:pointer}.sp-menu-item svg,.sp-cm-item svg{width:16px;height:16px;flex-shrink:0;color:var(--fg-icon)}.sp-menu-item:hover,.sp-menu-item:focus-visible,.sp-cm-item:hover,.sp-cm-item:focus-visible{background:var(--bg-hover);color:var(--text-primary);box-shadow:none}.sp-menu-item--danger,.sp-cm-item--danger{color:var(--error-text)}.sp-menu-item--danger svg,.sp-cm-item--danger svg{color:var(--error-dot)}.sp-menu-sep,.sp-cm-sep{height:1px;margin:4px 0;background:var(--border-secondary)}.sp-ctx-menu{position:fixed;right:auto;top:0;left:0;z-index:900}.sp-cm{position:fixed;z-index:200;max-width:300px;animation:sp-drop-in .12s var(--ease)}.sp-cm-head{padding:8px 16px 10px;margin-bottom:4px;border-bottom:1px solid var(--border-secondary);font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-cm-item kbd{margin-left:auto}.sp-mobilebar{display:none;align-items:center;gap:8px;flex-shrink:0;height:64px;padding:0 8px 0 16px;border-bottom:1px solid var(--border-secondary);background:var(--bg)}.sp-nav-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--brand-solid);color:#fff;font-size:10px;font-weight:600;line-height:16px;box-shadow:0 0 0 2px var(--bg)}.sp-scroll{flex:1;min-height:0;overflow-y:auto}.sp-page{display:flex;flex-direction:column;gap:32px;width:100%;max-width:1120px;margin:0 auto;padding:32px 32px 48px}.sp-page--form{max-width:960px;gap:24px}.sp-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;font-size:14px;font-weight:500;color:var(--text-tertiary)}.sp-crumbs li{display:inline-flex;align-items:center}.sp-crumbs a{display:inline-flex;align-items:center;padding:2px 4px;margin:-2px -4px;border-radius:var(--radius-sm)}.sp-crumbs a:hover{background:var(--bg-hover);color:var(--text-secondary)}.sp-crumbs svg{width:16px;height:16px;color:var(--fg-icon)}.sp-crumbs .sp-crumb-page{font-weight:600;color:var(--brand-text)}.sp-page-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 24px}.sp-page-head-main{display:flex;align-items:center;gap:16px;min-width:0}.sp-page-head h1{font-size:30px;font-weight:600;line-height:38px;letter-spacing:-.02em;color:var(--text-primary)}.sp-page-head p{margin-top:4px;max-width:640px;font-size:16px;line-height:24px;color:var(--text-tertiary)}.sp-page-actions{display:flex;flex-wrap:wrap;gap:12px}.sp-callout{display:flex;align-items:flex-start;gap:16px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs)}.sp-callout .sp-featured{margin:6px}.sp-callout-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:2px}.sp-callout-body strong{font-size:14px;font-weight:600;color:var(--text-secondary)}.sp-callout-body p{font-size:14px;color:var(--text-tertiary)}.sp-callout-actions{display:flex;gap:12px;margin-top:8px}.sp-callout--danger{border-color:var(--error-border);background:color-mix(in srgb,var(--error-bg) 40%,var(--bg))}.sp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sp-stat{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--border-secondary);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs)}.sp-stat-label{font-size:14px;font-weight:500;color:var(--text-tertiary)}.sp-stat-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.sp-stat-value{font-size:30px;font-weight:600;line-height:38px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sp-stat-value small{margin-left:2px;font-size:16px;font-weight:500;letter-spacing:0;color:var(--text-quaternary)}.sp-stat-row .sp-status,.sp-stat-row .sp-badge{margin-bottom:6px}.sp-progress{height:8px;margin-top:8px;border-radius:999px;background:var(--bg-tertiary);overflow:hidden}.sp-progress span{display:block;height:100%;border-radius:inherit;background:var(--brand-solid)}.sp-card{border:1px solid var(--border-secondary);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs);overflow:hidden}.sp-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-secondary)}.sp-card-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;line-height:28px;color:var(--text-primary)}.sp-card-desc{margin-top:4px;font-size:14px;color:var(--text-tertiary)}.sp-table-head,.sp-recent-item{display:grid;grid-template-columns:minmax(0,1fr) 180px 120px;align-items:center;gap:12px;padding:0 24px}.sp-table-head{height:44px;border-bottom:1px solid var(--border-secondary);background:var(--bg-secondary);font-size:12px;font-weight:500;color:var(--text-tertiary)}.sp-recent-item{min-height:72px;transition:background-color .1s}.sp-recent-item+.sp-recent-item{border-top:1px solid var(--border-secondary)}.sp-recent-item:hover{background:var(--bg-hover)}.sp-recent-main{display:flex;align-items:center;gap:12px;min-width:0}.sp-recent-body{display:flex;flex-direction:column;min-width:0}.sp-recent-body strong{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-recent-body span{font-size:14px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-recent-item.is-awaiting-you .sp-recent-body strong:after{content:"";display:inline-block;width:8px;height:8px;margin-left:8px;border-radius:50%;background:var(--brand-solid);vertical-align:1px}.sp-recent-time{font-size:14px;color:var(--text-tertiary)}.sp-section{display:flex;flex-direction:column;gap:20px}.sp-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px;padding-bottom:20px;border-bottom:1px solid var(--border-secondary)}.sp-section-head h2{font-size:18px;font-weight:600;line-height:28px}.sp-section-head p{margin-top:4px;font-size:14px;color:var(--text-tertiary)}.sp-section-note{font-size:14px;font-weight:500;color:var(--error-text)}.sp-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.sp-cat{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--border-secondary);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color .1s,box-shadow .1s}.sp-cat:hover{border-color:var(--border);box-shadow:var(--shadow-md)}.sp-cat.is-disabled{pointer-events:none;opacity:.5}.sp-cat-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.sp-cat-text strong{font-size:16px;font-weight:600;line-height:24px;color:var(--text-primary)}.sp-cat-text span{font-size:14px;color:var(--text-tertiary)}.sp-cat-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--brand-text)}.sp-cat-link svg{width:16px;height:16px;transition:transform .15s var(--ease)}.sp-cat:hover .sp-cat-link svg{transform:translate(2px)}.sp-cat--compact{flex-direction:row;align-items:center;gap:12px;padding:12px 14px;box-shadow:none}.sp-cat--compact:hover{box-shadow:none;background:var(--bg-hover)}.sp-cat--compact .sp-cat-text{gap:0}.sp-cat--compact .sp-cat-text strong{font-size:14px;line-height:20px}.sp-cat-arrow{width:20px;height:20px;flex-shrink:0;color:var(--fg-icon)}.sp-page-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:24px;border-top:1px solid var(--border-secondary);font-size:14px;color:var(--text-tertiary)}.sp-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:32px 24px;text-align:center;font-size:14px;color:var(--text-tertiary)}.sp-empty strong{margin-top:16px;font-size:16px;font-weight:600;line-height:24px;color:var(--text-primary)}.sp-empty .sp-btn{margin-top:20px}.sp-empty--card{padding:48px 24px;border:1px solid var(--border-secondary);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs)}.sp-form{border-top:1px solid var(--border-secondary)}.sp-field{display:flex;flex-direction:column;gap:12px;padding:20px 0;border-bottom:1px solid var(--border-secondary)}.sp-field-label{display:flex;flex-direction:column;gap:4px;min-width:0}.sp-field-control{min-width:0}.sp-label{display:block;font-size:16px;font-weight:600;line-height:24px;color:var(--text-primary)}.sp-req{margin-left:2px;color:var(--brand-600)}.sp-optional{margin-left:4px;font-weight:400;color:var(--text-quaternary)}.sp-optional:before{content:"("}.sp-optional:after{content:")"}.sp-field-hint{font-size:14px;color:var(--text-tertiary);white-space:pre-line}.sp-tip-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;padding:0;border:1.5px solid currentColor;border-radius:50%;background:none;color:var(--fg-icon);font:700 10px/1 var(--font);cursor:help}.sp-tip-btn:hover,.sp-tip-btn[aria-describedby]{color:var(--fg-icon-strong)}.sp-choice .sp-tip-btn{margin-left:auto}.sp-tip{position:fixed;z-index:1000;top:0;left:0;max-width:min(320px,calc(100vw - 24px));padding:8px 12px;border-radius:var(--radius-md);background:var(--gray-900);color:#fff;box-shadow:var(--shadow-lg);font-size:12px;font-weight:600;line-height:18px;white-space:pre-line;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s,visibility .12s}.sp-tip.sp-tip-open{opacity:1;visibility:visible}.sp-tip:after{content:"";position:absolute;left:var(--sp-tip-arrow, 50%);top:100%;width:10px;height:10px;margin:-6px 0 0 -5px;border-radius:1px;background:var(--gray-900);transform:rotate(45deg)}.sp-tip.sp-tip-below:after{top:auto;bottom:100%;margin:0 0 -6px -5px}:root[data-theme=dark] .sp-tip,:root[data-theme=dark] .sp-tip:after{background:#262626}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sp-tip,:root:not([data-theme=light]) .sp-tip:after{background:#262626}}.sp-input{display:block;width:100%;min-width:0;height:44px;padding:10px 14px;border:0;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-xs),inset 0 0 0 1px var(--border);color:var(--text-primary);font-size:16px;line-height:24px;outline:none;transition:box-shadow .1s}.sp-input::placeholder{color:var(--text-placeholder)}.sp-input:focus,.sp-input:focus-visible{box-shadow:var(--shadow-xs),inset 0 0 0 2px var(--brand-500)}.sp-input:disabled{cursor:not-allowed;background:var(--bg-secondary);color:var(--text-quaternary)}.sp-field.is-invalid .sp-input{box-shadow:var(--shadow-xs),inset 0 0 0 1px var(--error-dot)}.sp-field.is-invalid .sp-input:focus{box-shadow:var(--shadow-xs),inset 0 0 0 2px var(--error-dot)}.sp-textarea{height:auto;min-height:128px;padding:12px 14px;resize:vertical}.sp-select-wrap{position:relative}.sp-select{appearance:none;padding-right:40px;cursor:pointer}.sp-select:invalid{color:var(--text-placeholder)}.sp-select option{color:var(--text-primary);background:var(--bg)}.sp-select-wrap:after{content:"";position:absolute;right:14px;top:50%;width:20px;height:20px;margin-top:-10px;background:var(--fg-icon);pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat}.sp-pills{display:inline-flex;border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.sp-pill{position:relative;cursor:pointer}.sp-pill input{position:absolute;opacity:0;pointer-events:none}.sp-pill span{display:inline-flex;align-items:center;height:40px;padding:0 16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);font-size:14px;font-weight:600;color:var(--text-secondary);transition:background-color .1s}.sp-pill:first-child span{border-radius:var(--radius-md) 0 0 var(--radius-md)}.sp-pill:last-child span{border-radius:0 var(--radius-md) var(--radius-md) 0;margin-left:-1px}.sp-pill:hover span{background:var(--bg-hover);color:var(--text-primary)}.sp-pill input:checked+span{background:var(--bg-tertiary);color:var(--text-primary)}.sp-pill input:focus-visible+span{position:relative;z-index:1;box-shadow:inset 0 0 0 1px var(--border),var(--ring-brand)}.sp-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.sp-choice,.sp-appeal-card{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius-xl);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-secondary);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:box-shadow .1s,background-color .1s}.sp-choice input,.sp-appeal-card input{position:absolute;opacity:0;pointer-events:none}.sp-choice:hover,.sp-appeal-card:hover{box-shadow:inset 0 0 0 1px var(--border)}.sp-choice:has(input:checked),.sp-appeal-card:has(input:checked){box-shadow:inset 0 0 0 2px var(--brand-solid)}.sp-choice:has(input:focus-visible),.sp-appeal-card:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--brand-solid),var(--ring-brand)}.sp-field.is-invalid .sp-choice,.sp-field.is-invalid .sp-appeal-card{box-shadow:inset 0 0 0 1px var(--error-dot)}.sp-choice-dot{position:relative;flex:0 0 16px;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--border);background:var(--surface)}.sp-choice-dot:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff;transform:scale(0);transition:transform .1s var(--ease)}input:checked+.sp-choice-dot{background:var(--brand-solid);box-shadow:none}input:checked+.sp-choice-dot:after{transform:none}.sp-purchases{display:grid;gap:8px;margin-bottom:12px}.sp-purchases-hint{font-size:14px;color:var(--text-tertiary)}.sp-purchase{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px 16px;border:0;border-radius:var(--radius-xl);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-secondary);text-align:left;cursor:pointer;transition:box-shadow .1s}.sp-purchase:hover{box-shadow:inset 0 0 0 1px var(--border)}.sp-purchase[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--brand-solid)}.sp-purchase-main,.sp-purchase-side{display:grid;gap:2px;min-width:0}.sp-purchase-main strong{font-size:14px;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-purchase-side{text-align:right;flex-shrink:0}.sp-purchase-side b{font-size:14px;font-weight:600;color:var(--text-primary)}.sp-purchase small{font-size:12px;color:var(--text-tertiary);overflow-wrap:anywhere}.sp-appeal{display:grid;gap:12px}.sp-appeal-list{display:grid;gap:8px}.sp-appeal-card{align-items:flex-start;font-weight:400}.sp-appeal-card .sp-choice-dot{margin-top:2px}.sp-appeal-main{display:grid;gap:4px;min-width:0}.sp-appeal-top{display:flex;align-items:center;gap:8px}.sp-appeal-top strong{font-weight:600;color:var(--text-secondary)}.sp-appeal-id{padding:1px 6px;border-radius:var(--radius-xs);background:var(--bg-tertiary);font:500 12px var(--mono);color:var(--text-secondary)}.sp-appeal-reason{color:var(--text-primary);overflow-wrap:anywhere}.sp-appeal-meta{font-size:12px;color:var(--text-tertiary)}.sp-appeal-toggle{justify-self:start}.sp-appeal-manual{display:grid;gap:8px}.sp-player-pick{position:relative}.sp-player-head{position:absolute;left:12px;top:11px;width:22px;height:22px;border-radius:50%;pointer-events:none}.sp-player-pick.has-head .sp-player-input{padding-left:44px}.sp-player-list,.sp-emoji-menu{margin:0;padding:4px 0;list-style:none;border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);overflow-y:auto}.sp-player-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);max-height:300px}.sp-player-list [role=option],.sp-emoji-menu li[role=option]{display:flex;align-items:center;gap:8px;margin:1px 6px;padding:9px 10px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer}.sp-player-list [role=option] img{width:20px;height:20px;border-radius:50%;flex:0 0 auto}.sp-player-list [role=option]:hover,.sp-player-list [role=option][aria-selected=true],.sp-emoji-menu li[role=option].is-active,.sp-emoji-menu li[role=option]:hover{background:var(--bg-hover)}.sp-field-foot{display:flex;justify-content:space-between;gap:12px;padding-top:6px;font-size:14px}.sp-field-foot:not(:has(.sp-counter)):has(.sp-field-error:empty){display:none}.sp-field-error{color:var(--error-text)}.sp-counter{margin-left:auto;font-size:12px;color:var(--text-quaternary);font-variant-numeric:tabular-nums}.sp-counter.is-near{color:var(--warning-text)}.sp-counter.is-over{color:var(--error-text)}.sp-upload{margin-top:12px}.sp-dropzone{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 24px;border-radius:var(--radius-xl);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-secondary);text-align:center;cursor:pointer;transition:box-shadow .1s,background-color .1s}.sp-dropzone:hover,.sp-dropzone.is-over{box-shadow:inset 0 0 0 2px var(--brand-solid);background:var(--brand-bg)}.sp-dropzone-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-skeu),inset 0 0 0 1px var(--border-secondary);color:var(--fg-icon-strong)}.sp-dropzone-icon svg{width:20px;height:20px}.sp-dropzone-text{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--text-tertiary)}.sp-dropzone-text strong{font-weight:400}.sp-dropzone-text u{text-decoration:none;font-weight:600;color:var(--brand-text)}.sp-dropzone-text span{font-size:12px}.sp-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:20px}.sp-form-note{margin-top:24px;font-size:14px;color:var(--text-tertiary);text-align:right}.sp-chips{display:flex;flex-direction:column;gap:8px}.sp-chips:not(:empty){margin-top:12px}.sp-chip-file{position:relative;display:flex;align-items:center;gap:12px;padding:12px 12px 14px;border-radius:var(--radius-xl);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-secondary);overflow:hidden}.sp-chip-thumb{flex:0 0 36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);object-fit:cover;background:var(--brand-bg-strong);color:var(--brand-icon)}.sp-chip-meta{flex:1;display:flex;flex-direction:column;min-width:0}.sp-chip-name{font-size:14px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-chip-size{font-size:14px;color:var(--text-tertiary)}.sp-chip-remove{flex:0 0 32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-md);background:transparent;color:var(--fg-icon);cursor:pointer}.sp-chip-remove:hover{background:var(--bg-hover);color:var(--fg-icon-strong)}.sp-chip-progress{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--brand-solid);transition:width .2s linear}.sp-chip-file.is-done .sp-chip-progress{opacity:0;transition:opacity .4s .2s}.sp-chip-file.is-error{box-shadow:inset 0 0 0 1px var(--error-dot)}.sp-chip-file.is-error .sp-chip-size{color:var(--error-text)}.sp-ticket-head{display:flex;align-items:flex-start;gap:16px;flex-shrink:0;padding:20px 32px;border-bottom:1px solid var(--border-secondary);background:var(--bg)}.sp-ticket-head-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.sp-ticket-title{display:flex;align-items:center;gap:12px;min-width:0}.sp-ticket-title h1{min-width:0;font-size:20px;font-weight:600;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-ticket-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px;color:var(--text-tertiary)}.sp-ticket-meta>span+span:before{content:"";display:inline-block;width:3px;height:3px;margin-right:12px;border-radius:50%;background:var(--fg-icon);vertical-align:middle}.sp-ticket-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;padding-top:4px}.sp-handlers{display:flex;align-items:center;gap:8px}.sp-handlers-label{font-size:14px;color:var(--text-tertiary)}.sp-avatars{display:flex;align-items:center}.sp-avatars img,.sp-avatars-more{width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 1.5px var(--bg);background:var(--bg-tertiary);image-rendering:pixelated}.sp-avatars>*+*{margin-left:-8px}.sp-avatars-more{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-tertiary)}.sp-push-btn:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--brand-solid);box-shadow:0 0 0 2px var(--bg)}.sp-thread{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:24px 0 16px}.sp-messages{list-style:none;margin:0 auto;padding:0 32px;max-width:880px}.sp-success{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding:16px;border:1px solid var(--success-border);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--success-bg) 50%,var(--bg))}.sp-success .sp-featured{margin:6px}.sp-success>div{display:flex;flex-direction:column;gap:2px;padding-top:2px;font-size:14px;color:var(--text-tertiary)}.sp-success strong{font-weight:600;color:var(--text-secondary)}.sp-intro{margin-bottom:24px;border:1px solid var(--border-secondary);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs);overflow:hidden}.sp-intro-head{display:flex;align-items:center;gap:16px;padding:20px 24px}.sp-intro-head>div{display:flex;flex-direction:column;min-width:0}.sp-intro-head strong{font-size:16px;font-weight:600;line-height:24px}.sp-intro-head span{font-size:14px;color:var(--text-tertiary)}.sp-answers{border-top:1px solid var(--border-secondary)}.sp-answers summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--bg-secondary);font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.sp-answers summary::-webkit-details-marker{display:none}.sp-answers summary svg{width:20px;height:20px;color:var(--fg-icon);transition:transform .2s var(--ease)}.sp-answers[open] summary{border-bottom:1px solid var(--border-secondary)}.sp-answers[open] summary svg{transform:rotate(180deg)}.sp-answers dl{margin:0}.sp-answer{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:8px 24px;padding:16px 24px}.sp-answer+.sp-answer{border-top:1px solid var(--border-secondary)}.sp-answer dt{font-size:14px;font-weight:500;color:var(--text-tertiary)}.sp-answer dd{margin:0;min-width:0}.sp-answer dd p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:var(--text-primary)}.sp-answer dd p.sp-muted{color:var(--text-quaternary);font-style:italic}.sp-answer-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sp-day{display:flex;align-items:center;gap:12px;margin:24px 0 16px;font-size:14px;font-weight:500;color:var(--text-tertiary);list-style:none}.sp-day:before,.sp-day:after{content:"";flex:1;height:1px;background:var(--border-secondary)}.sp-event{display:flex;justify-content:center;margin:16px 0}.sp-event-pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;font-size:14px;color:var(--text-tertiary)}.sp-event-icon{display:flex;align-items:center;justify-content:center;flex:0 0 24px;height:24px;border-radius:50%;background:var(--bg-tertiary);color:var(--fg-icon-strong)}.sp-event-icon svg{width:14px;height:14px}.sp-event[data-event=created] .sp-event-icon{background:var(--success-bg);color:var(--success-dot)}.sp-event[data-event=reopened] .sp-event-icon{background:var(--blue-bg);color:var(--blue-dot)}.sp-event[data-event=assigned] .sp-event-icon,.sp-event[data-event=participants] .sp-event-icon{background:var(--brand-bg-strong);color:var(--brand-icon)}.sp-event[data-event=discord] .sp-event-icon{background:#5865f224;color:var(--discord)}.sp-event[data-event=reminder] .sp-event-icon{background:var(--warning-bg);color:var(--warning-dot)}.sp-event-text{color:var(--text-secondary);font-weight:500;overflow-wrap:anywhere}.sp-event-time{font-size:12px;white-space:nowrap}.sp-msg{display:flex;gap:12px;align-items:flex-start;margin-top:16px}.sp-msg.is-new{animation:sp-fade-in .2s var(--ease) both}.sp-msg.is-cont{margin-top:6px}.sp-msg-avatar{flex:0 0 40px;width:40px;height:40px;border-radius:50%;object-fit:cover;image-rendering:pixelated;background:var(--bg-tertiary);box-shadow:inset 0 0 0 1px #00000014}.sp-msg.is-cont .sp-msg-avatar{visibility:hidden;height:0}.sp-msg-main{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;max-width:min(560px,80%)}.sp-msg-head{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:20px}.sp-msg.is-cont .sp-msg-head{display:none}.sp-msg-author{font-size:14px;font-weight:500;color:var(--text-secondary)}.sp-msg-time{margin-left:auto;padding-left:8px;font-size:12px;color:var(--text-tertiary)}.sp-tag{height:20px;padding:0 6px}.sp-tag--staff{--sp-rank: var(--brand-solid);border-color:color-mix(in srgb,var(--sp-rank) 35%,transparent);background:color-mix(in srgb,var(--sp-rank) 10%,transparent);color:color-mix(in srgb,var(--sp-rank) 70%,var(--text-primary))}.sp-tag--discord svg{color:var(--discord)}.sp-bubble{position:relative;padding:10px 14px;border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);background:var(--bg-secondary);box-shadow:inset 0 0 0 1px var(--border-secondary);color:var(--text-primary);font-size:16px;line-height:24px;overflow-wrap:anywhere;max-width:100%;--sp-code-bg: var(--bg-tertiary)}.sp-msg.is-cont .sp-bubble{border-top-left-radius:var(--radius-md)}.sp-msg--player .sp-bubble{background:var(--surface)}.sp-msg--mine{flex-direction:row-reverse}.sp-msg--mine .sp-msg-avatar{display:none}.sp-msg--mine .sp-msg-main{align-items:flex-end}.sp-msg--mine .sp-msg-author{display:none}.sp-msg--mine .sp-msg-head:before{content:"You";font-size:14px;font-weight:500;color:var(--text-secondary)}.sp-msg--mine .sp-bubble{border-radius:var(--radius-md) 0 var(--radius-md) var(--radius-md);background:var(--brand-solid);box-shadow:none;color:#fff;--sp-code-bg: rgb(255 255 255 / .16)}.sp-msg--mine.is-cont .sp-bubble{border-top-right-radius:var(--radius-md)}.sp-msg--mention .sp-bubble{box-shadow:inset 0 0 0 2px var(--warning-dot)}.sp-msg--deleted .sp-bubble,.sp-msg--mine.sp-msg--deleted .sp-bubble{background:transparent;box-shadow:inset 0 0 0 1px var(--border);color:var(--text-quaternary)}.sp-deleted{display:flex;align-items:center;gap:6px;font-size:14px;font-style:italic}.sp-deleted svg{width:14px;height:14px}.sp-edited{margin-left:4px;font-size:12px;opacity:.7}.sp-msg.is-pending{opacity:.6}.sp-md>:first-child{margin-top:0}.sp-md>:last-child{margin-bottom:0}.sp-md p{margin:0 0 8px}.sp-md a{font-weight:500;text-decoration:underline;text-underline-offset:3px}.sp-msg:not(.sp-msg--mine) .sp-md a{color:var(--brand-text)}.sp-md strong{font-weight:600}.sp-md h1,.sp-md h2,.sp-md h3{margin:12px 0 4px;font-weight:600}.sp-md h1{font-size:20px}.sp-md h2{font-size:18px}.sp-md h3{font-size:16px}.sp-md ul,.sp-md ol{margin:4px 0 8px;padding-left:24px}.sp-md li{margin:2px 0}.sp-md blockquote{margin:8px 0;padding-left:12px;border-left:3px solid currentColor;opacity:.8}.sp-md code{padding:1px 5px;border-radius:var(--radius-xs);background:var(--sp-code-bg);font-family:var(--mono);font-size:.85em}.sp-md pre{margin:8px 0;padding:12px 14px;border-radius:var(--radius-md);background:var(--sp-code-bg);overflow-x:auto;max-width:100%}.sp-md pre code{padding:0;background:none;font-size:13px;line-height:1.6;white-space:pre}.sp-md hr{margin:8px 0;border:0;border-top:1px solid var(--border-secondary)}.sp-md img{max-width:100%;border-radius:var(--radius-md)}.sp-md .tk-mention{padding:0 3px;border-radius:var(--radius-xs);background:#5865f226;color:var(--discord);font-weight:500}.sp-msg--mine .sp-md .tk-mention{background:var(--sp-code-bg);color:inherit}.sp-md .tk-emoji{display:inline-block;width:1.35em;height:1.35em;vertical-align:-.3em;object-fit:contain;margin:0 1px}.sp-md .tk-timestamp{padding:0 4px;border-radius:var(--radius-xs);background:var(--sp-code-bg);white-space:nowrap}.sp-md .tk-subtext{display:block;font-size:12px;opacity:.7}.sp-md .discord-spoiler{border-radius:var(--radius-xs);background:var(--text-quaternary);color:transparent;cursor:pointer;transition:background-color .2s,color .2s}.sp-md .discord-spoiler *{visibility:hidden}.sp-md .discord-spoiler.is-revealed{background:var(--sp-code-bg);color:inherit;cursor:auto}.sp-md .discord-spoiler.is-revealed *{visibility:visible}.sp-media{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}.sp-media--grid{display:grid;grid-template-columns:repeat(2,minmax(0,200px))}.sp-media-img{display:block;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary);box-shadow:inset 0 0 0 1px var(--border-secondary);cursor:zoom-in}.sp-media-img:hover img{opacity:.92}.sp-media-img img{display:block;max-width:100%;max-height:320px;object-fit:cover}.sp-media--grid .sp-media-img img{width:100%;height:160px}.sp-media-img--thumb img{width:120px;height:90px}.sp-media-video{display:block;max-width:min(100%,440px);max-height:320px;border-radius:var(--radius-md);background:#000}.sp-frame{width:min(100%,480px);aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:#000}.sp-frame--vertical{width:min(100%,280px);aspect-ratio:9 / 16}.sp-frame iframe{width:100%;height:100%;border:0;display:block}.sp-files{display:flex;flex-direction:column;gap:8px}.sp-file{display:flex;align-items:center;gap:12px;min-width:240px;max-width:360px;padding:12px 14px 12px 12px;border-radius:var(--radius-xl);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-secondary);transition:box-shadow .1s}.sp-file:hover{box-shadow:inset 0 0 0 1px var(--border)}.sp-file-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:var(--radius-sm);background:var(--brand-bg-strong);color:var(--brand-icon)}.sp-file-icon svg{width:18px;height:18px}.sp-file-meta{flex:1;min-width:0;display:flex;flex-direction:column}.sp-file-name{font-size:14px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-file-size{font-size:14px;color:var(--text-tertiary)}.sp-file-dl{width:20px;height:20px;flex-shrink:0;color:var(--fg-icon)}.sp-embed{display:flex;gap:12px;max-width:480px;width:100%;padding:12px 16px;border-left:4px solid var(--sp-embed-color, var(--border));border-radius:var(--radius-md);background:var(--bg-secondary);box-shadow:inset 0 0 0 1px var(--border-secondary);font-size:14px}.sp-embed-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sp-embed-author{font-size:12px;font-weight:600}.sp-embed-title{font-weight:600}a.sp-embed-title{color:var(--blue-text)}a.sp-embed-title:hover{text-decoration:underline}.sp-embed-desc{color:var(--text-tertiary)}.sp-embed-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:4px}.sp-embed-field-name{font-size:12px;font-weight:600}.sp-embed-field-value{color:var(--text-tertiary);white-space:pre-wrap;overflow-wrap:anywhere}.sp-embed-image{display:block;margin-top:6px;border-radius:var(--radius-sm);overflow:hidden;cursor:zoom-in}.sp-embed-image img{display:block;max-width:100%;max-height:300px}.sp-embed-thumb{flex:0 0 72px;width:72px;height:72px;border-radius:var(--radius-sm);object-fit:cover}.sp-embed-footer{margin-top:4px;font-size:12px;color:var(--text-quaternary)}.sp-msg-actions{position:absolute;top:-10px;right:0;display:inline-flex;padding:2px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--border-secondary);opacity:0;pointer-events:none;transition:opacity .1s}.sp-msg--mine .sp-msg-actions{right:auto;left:40px}.sp-msg:hover .sp-msg-actions,.sp-msg:focus-within .sp-msg-actions,.sp-msg.is-menu-open .sp-msg-actions{opacity:1;pointer-events:auto}@media(hover:none){.sp-msg-actions{position:static;opacity:1;pointer-events:auto}}.sp-msg-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:var(--radius-sm);background:none;color:var(--fg-icon);cursor:pointer}.sp-msg-action svg{width:16px;height:16px}.sp-msg-action:hover{background:var(--bg-hover);color:var(--fg-icon-strong)}.sp-msg-action--danger:hover{background:var(--error-bg);color:var(--error-dot)}.sp-msg.is-editing .sp-msg-actions{display:none}.sp-edit{display:flex;flex-direction:column;gap:8px;min-width:min(440px,70vw)}.sp-edit textarea{width:100%;min-height:80px;max-height:260px;padding:12px 14px;border:0;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-xs),inset 0 0 0 1px var(--border);color:var(--text-primary);font-size:16px;resize:vertical;outline:none}.sp-edit textarea:focus{box-shadow:var(--shadow-xs),inset 0 0 0 2px var(--brand-500)}.sp-edit-foot{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-tertiary)}.sp-closed{display:flex;align-items:center;gap:16px;max-width:816px;margin:0 auto;padding:16px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs)}.sp-closed .sp-featured{margin:6px}.sp-closed-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px}.sp-closed-text strong{font-weight:600;color:var(--text-secondary)}.sp-closed-text span{color:var(--text-tertiary);overflow-wrap:anywhere}.sp-closed form{margin:0}.sp-close-request{display:flex;align-items:center;gap:16px;max-width:816px;margin:0 auto 12px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--warning-dot) 35%,var(--border));border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs)}.sp-close-request .sp-featured{margin:6px;flex-shrink:0}.sp-close-request-actions{display:flex;gap:8px;flex-shrink:0}.sp-close-request-actions form{margin:0}.sp-jump{position:absolute;left:50%;bottom:170px;z-index:25;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--brand-solid);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-lg);transform:translate(-50%)}.sp-jump svg{width:16px;height:16px}.sp-main:not(:has(.sp-composer-wrap)) .sp-jump{bottom:24px}.sp-composer-wrap{position:relative;flex:0 0 auto;padding:0 32px 24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.sp-typing{display:flex;align-items:center;gap:8px;max-width:816px;margin:0 auto 8px;font-size:14px;color:var(--text-tertiary)}.sp-typing-dots{display:inline-flex;gap:4px;padding:8px 10px;border-radius:999px;background:var(--bg-tertiary)}.sp-typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--fg-icon-strong);animation:sp-typing 1.2s infinite ease-in-out}.sp-typing-dots i:nth-child(2){animation-delay:.15s}.sp-typing-dots i:nth-child(3){animation-delay:.3s}.sp-composer{position:relative;max-width:816px;margin:0 auto;padding:12px 12px 12px 14px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-xs),inset 0 0 0 1px var(--border);transition:box-shadow .1s}.sp-composer:focus-within{box-shadow:var(--shadow-xs),inset 0 0 0 2px var(--brand-500)}.sp-composer .sp-chips:not(:empty){margin:0 0 10px}.sp-composer-row{display:flex;align-items:flex-end;gap:8px}.sp-composer textarea{flex:1;min-width:0;min-height:40px;max-height:220px;padding:8px 0;border:0;outline:0;resize:none;background:transparent;font-size:16px;line-height:24px;color:var(--text-primary)}.sp-composer textarea:focus-visible{box-shadow:none}.sp-composer textarea::placeholder{color:var(--text-placeholder)}.sp-attach-btn{width:40px;height:40px}.sp-send{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:40px;padding:0 14px;border:0;border-radius:var(--radius-md);background:var(--brand-solid);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-skeu);transition:background-color .1s,opacity .1s}.sp-send svg{width:16px;height:16px}.sp-send:hover:not(:disabled){background:var(--brand-solid-hover)}.sp-send:disabled{opacity:.5;cursor:default}.sp-send.is-busy svg{animation:sp-spin .8s linear infinite}.sp-composer-hint{max-width:816px;margin:8px auto 0;font-size:12px;color:var(--text-quaternary)}.sp-drop-overlay{position:absolute;inset:12px;z-index:40;display:grid;place-items:center;border:2px dashed var(--brand-400);border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--bg) 90%,transparent);pointer-events:none}.sp-drop-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--brand-icon)}.sp-drop-card svg{width:32px;height:32px}.sp-drop-card strong{font-size:18px;font-weight:600;color:var(--text-primary)}.sp-drop-card span{font-size:14px;color:var(--text-tertiary)}.sp-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:var(--bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sp-modal-card{position:relative;width:100%;max-width:400px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xl)}.sp-modal-card--wide{max-width:560px}.sp-modal-card .sp-featured{margin:8px 8px 24px}.sp-modal-head{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding-right:40px}.sp-modal-head h2,.sp-modal-card--center h2{font-size:18px;font-weight:600;line-height:28px;color:var(--text-primary)}.sp-modal-desc,.sp-modal-card--center p{font-size:14px;color:var(--text-tertiary)}.sp-modal-card--center p{margin-top:4px}.sp-modal-close{position:absolute;top:16px;right:16px}.sp-modal-note{margin-bottom:16px;padding:12px 14px;border:1px solid var(--error-border);border-radius:var(--radius-md);background:var(--error-bg);color:var(--error-text);font-size:14px}.sp-modal-cats{display:grid;gap:8px}.sp-modal-actions{display:flex;gap:12px;margin-top:32px}.sp-modal-actions .sp-btn{flex:1}.sp-lightbox{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:#0a0a0aeb;animation:sp-fade-in .2s}.sp-lightbox-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:calc(100vw - 140px)}.sp-lightbox-figure img{max-width:100%;max-height:calc(100dvh - 120px);border-radius:var(--radius-md);box-shadow:var(--shadow-xl)}.sp-lightbox-figure figcaption{display:flex;gap:16px;font-size:14px;color:#ffffffb3}.sp-lightbox-figure figcaption a{color:#fff;font-weight:600}.sp-lightbox-btn{position:absolute;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-md);background:#ffffff1a;color:#fff;cursor:pointer}.sp-lightbox-btn svg{width:20px;height:20px}.sp-lightbox-btn:hover{background:#fff3}.sp-lightbox-close{top:16px;right:16px}.sp-lightbox-prev{left:16px;top:50%;transform:translateY(-50%)}.sp-lightbox-next{right:16px;top:50%;transform:translateY(-50%)}.sp-toasts{position:fixed;right:24px;bottom:24px;z-index:140;display:flex;flex-direction:column;gap:12px;width:400px;pointer-events:none}.sp-toast{display:flex;align-items:flex-start;gap:16px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-lg);font-size:14px;font-weight:600;color:var(--text-secondary);pointer-events:auto;cursor:default;animation:sp-toast-in .3s var(--ease)}.sp-toast>span:last-child{padding-top:8px}.sp-toast.is-leaving{animation:sp-toast-out .25s var(--ease) forwards}.sp-toast-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;margin:2px;border-radius:50%;background:var(--brand-bg-strong);color:var(--brand-icon);box-shadow:0 0 0 6px var(--brand-bg)}.sp-toast-icon svg{width:18px;height:18px}.sp-toast--error .sp-toast-icon{background:var(--error-bg);color:var(--error-dot);box-shadow:0 0 0 6px color-mix(in srgb,var(--error-bg) 50%,transparent)}.sp-toast--success .sp-toast-icon{background:var(--success-bg);color:var(--success-dot);box-shadow:0 0 0 6px color-mix(in srgb,var(--success-bg) 50%,transparent)}.sp-emoji-menu{position:absolute;left:8px;bottom:calc(100% + 8px);z-index:40;width:280px;max-height:260px}.sp-emoji-menu{transform-origin:bottom left;animation:sp-pop-in .16s var(--ease-out) both}.sp-emoji-menu.is-leaving{animation:sp-pop-out .12s var(--ease) both;pointer-events:none}.sp-emoji-menu li[role=option]{transition:background-color .1s var(--ease)}.sp-emoji-menu-title{padding:6px 16px 8px;font-size:12px;font-weight:600;color:var(--text-quaternary)}.sp-emoji-menu li[role=option] b{width:22px;font-size:18px;font-weight:400;line-height:1;text-align:center}@media(max-width:1100px){.sp-answer{grid-template-columns:1fr;gap:4px}}@media(max-width:900px){.sp-only-mobile{display:inline-flex!important}.sp-only-desktop{display:none!important}.sp-mobilebar{display:flex}.sp-sidebar{position:fixed;inset:0 auto 0 0;width:min(88vw,320px);transform:translate(-100%);transition:transform .3s var(--ease),box-shadow .3s;z-index:50}.sp-body.sp-nav-open .sp-sidebar{transform:none;box-shadow:var(--shadow-xl)}.sp-scrim{display:block;position:fixed;inset:0;z-index:45;background:var(--bg-overlay);opacity:0;pointer-events:none;transition:opacity .3s}.sp-body.sp-nav-open .sp-scrim{opacity:1;pointer-events:auto}.sp-page{padding:24px 16px 40px;gap:24px}.sp-page-head h1{font-size:24px;line-height:32px}.sp-page-actions{width:100%}.sp-page-actions .sp-btn{flex:1}.sp-stats{gap:12px}.sp-stat{padding:16px}.sp-stat-value{font-size:24px;line-height:32px}.sp-table-head{display:none}.sp-recent-item{grid-template-columns:minmax(0,1fr) auto;padding:0 16px}.sp-recent-time{display:none}.sp-card-head{padding:16px}.sp-cats{gap:12px}.sp-ticket-head{padding:12px 16px;gap:8px;align-items:center}.sp-ticket-title h1{font-size:16px;line-height:24px}.sp-ticket-title .sp-page-emoji,.sp-ticket-meta{display:none}.sp-ticket-actions{padding-top:0;gap:4px}.sp-handlers{display:none}.sp-messages{padding:0 16px}.sp-msg-main{max-width:85%}.sp-composer-wrap{padding:0 12px 12px}.sp-send span{display:none}.sp-closed{flex-wrap:wrap}.sp-closed form,.sp-closed>.sp-btn,.sp-closed .sp-btn{width:100%}.sp-close-request{flex-wrap:wrap}.sp-close-request-actions{width:100%}.sp-close-request-actions form,.sp-close-request-actions .sp-btn{flex:1;width:100%}.sp-jump{bottom:120px}.sp-lightbox-figure{max-width:calc(100vw - 24px)}.sp-lightbox-prev,.sp-lightbox-next{top:auto;bottom:16px;transform:none}.sp-toasts{left:16px;right:16px;bottom:16px;width:auto}.sp-callout{flex-wrap:wrap}.sp-form-actions{flex-direction:column-reverse;align-items:stretch}.sp-form-note{text-align:center}.sp-modal-actions{flex-direction:column-reverse}}@media(max-width:560px){.sp-stats{grid-template-columns:1fr 1fr}.sp-stats .sp-stat:last-child{display:none}.sp-recent-item .sp-status{display:none}.sp-recent-item{grid-template-columns:minmax(0,1fr)}.sp-media--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-file{min-width:0}.sp-embed-thumb{display:none}}.sp-auth{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:48px 16px;overflow-y:auto;background:var(--bg-secondary)}body.sp-body.sp-body--auth{overflow:auto}.sp-auth-card{position:relative;z-index:1;width:100%;max-width:440px;padding:32px;border:1px solid var(--border-secondary);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);text-align:center}.sp-auth-logos{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.sp-auth-logos img{width:48px;height:48px;object-fit:contain}.sp-auth-logos .sp-auth-discord{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--discord);color:#fff;box-shadow:var(--shadow-skeu)}.sp-auth-link-dots{display:flex;gap:4px}.sp-auth-link-dots i{width:4px;height:4px;border-radius:50%;background:var(--fg-icon);animation:sp-typing 1.4s infinite}.sp-auth-link-dots i:nth-child(2){animation-delay:.2s}.sp-auth-link-dots i:nth-child(3){animation-delay:.4s}.sp-auth-card h1{font-size:24px;font-weight:600;line-height:32px;color:var(--text-primary)}.sp-auth-card>p{margin-top:8px;font-size:16px;line-height:24px;color:var(--text-tertiary)}.sp-auth-card>p strong{color:var(--text-secondary);font-weight:600}.sp-auth-card .sp-btn{width:100%}.sp-auth-actions{display:flex;flex-direction:column;gap:12px;margin-top:32px}.sp-auth-actions form{margin:0}.sp-auth-steps{list-style:none;margin:32px 0 0;padding:0;text-align:left;display:grid;counter-reset:step}.sp-auth-steps li{position:relative;display:flex;gap:12px;align-items:flex-start;padding-bottom:20px;counter-increment:step;font-size:14px}.sp-auth-steps li:last-child{padding-bottom:0}.sp-auth-steps li:before{content:counter(step);flex:0 0 32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-bg-strong);color:var(--brand-icon);font-size:14px;font-weight:600;box-shadow:0 0 0 4px var(--brand-bg)}.sp-auth-steps li:not(:last-child):after{content:"";position:absolute;left:15px;top:40px;bottom:4px;width:2px;border-radius:2px;background:var(--border-secondary)}.sp-auth-steps li>div{display:grid;gap:2px;padding-top:5px}.sp-auth-steps strong{font-weight:600;color:var(--text-secondary)}.sp-auth-steps span{color:var(--text-tertiary)}.sp-auth-steps b{color:var(--text-secondary);font-weight:600}.sp-auth-meta{display:inline-flex;align-items:center;gap:6px;height:24px;margin-top:16px;padding:0 10px;border:1px solid var(--brand-border);border-radius:999px;background:var(--brand-bg);color:var(--brand-text);font-size:14px;font-weight:500}.sp-auth-problems{margin:20px 0 0;padding:0;list-style:none;text-align:left;display:grid;gap:8px}.sp-auth-problems li{padding:12px 14px;border:1px solid var(--error-border);border-radius:var(--radius-md);background:var(--error-bg);color:var(--error-text);font-size:14px}.sp-auth-foot{margin-top:24px;font-size:14px;color:var(--text-tertiary)}.sp-auth-state-icon{margin:8px auto 28px}.sp-check{width:64px;height:64px;margin:4px auto 24px}.sp-check svg{width:64px;height:64px}.sp-check circle{fill:var(--success-dot);transform-origin:center;animation:sp-bounce-in .5s var(--ease) both}.sp-check path{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:sp-draw .4s var(--ease) .35s forwards}.sp-auth-ticket{display:flex;align-items:center;gap:12px;margin-top:24px;padding:14px 16px;border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px var(--border-secondary);text-align:left;transition:box-shadow .1s}.sp-auth-ticket:hover{box-shadow:inset 0 0 0 1px var(--border)}.sp-auth-ticket>span:last-child{display:flex;flex-direction:column;min-width:0}.sp-auth-ticket strong{font-size:14px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-auth-ticket small{font-size:14px;color:var(--text-tertiary)}.sp-body--ss{--ss-page: #eef0f6;--ss-card: #ffffff;--ss-card-border: rgb(16 24 40 / .08);--ss-dots: rgb(16 24 40 / .07);--ss-glow-a: rgb(168 85 247 / .16);--ss-glow-b: rgb(56 189 248 / .14);--ss-glow-c: rgb(236 72 153 / .1);--ss-card-shadow: 0 24px 48px -12px rgb(16 24 40 / .18), 0 4px 10px -4px rgb(16 24 40 / .08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sp-body--ss{--ss-page: #0b0b0d;--ss-card: #19191c;--ss-card-border: rgb(255 255 255 / .09);--ss-dots: rgb(255 255 255 / .06);--ss-glow-a: rgb(168 85 247 / .22);--ss-glow-b: rgb(56 189 248 / .16);--ss-glow-c: rgb(236 72 153 / .14);--ss-card-shadow: 0 24px 60px -12px rgb(0 0 0 / .7), 0 0 0 1px rgb(255 255 255 / .02)}}:root[data-theme=dark] .sp-body--ss{--ss-page: #0b0b0d;--ss-card: #19191c;--ss-card-border: rgb(255 255 255 / .09);--ss-dots: rgb(255 255 255 / .06);--ss-glow-a: rgb(168 85 247 / .22);--ss-glow-b: rgb(56 189 248 / .16);--ss-glow-c: rgb(236 72 153 / .14);--ss-card-shadow: 0 24px 60px -12px rgb(0 0 0 / .7), 0 0 0 1px rgb(255 255 255 / .02)}.sp-body--ss .sp-auth{position:relative;isolation:isolate;background:radial-gradient(40rem 28rem at 12% 8%,var(--ss-glow-a),transparent 70%),radial-gradient(36rem 26rem at 92% 88%,var(--ss-glow-b),transparent 70%),radial-gradient(28rem 20rem at 85% 12%,var(--ss-glow-c),transparent 70%),var(--ss-page);background-attachment:fixed}.sp-body--ss .sp-auth:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--ss-dots) 1px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sp-body--ss .sp-auth{background:radial-gradient(56rem 30rem at 50% -8rem,rgb(127 86 217 / .14),transparent 70%),var(--ss-page)}:root:not([data-theme=light]) .sp-body--ss .sp-auth:before{display:none}}:root[data-theme=dark] .sp-body--ss .sp-auth{background:radial-gradient(56rem 30rem at 50% -8rem,rgb(127 86 217 / .14),transparent 70%),var(--ss-page)}:root[data-theme=dark] .sp-body--ss .sp-auth:before{display:none}.sp-body--ss .sp-auth-card{background:var(--ss-card);border-color:var(--ss-card-border);box-shadow:var(--ss-card-shadow);overflow:hidden}.sp-body--ss .sp-auth-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#a855f7,#ec4899 50%,#38bdf8)}.sp-ss-eyebrow{display:inline-block;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-text)}.sp-ss-ages{display:grid;gap:10px;margin-top:24px;text-align:left}.sp-ss-age{--age: #7f56d9;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--age) 35%,transparent);border-radius:var(--radius-lg, 12px);background:color-mix(in srgb,var(--age) 9%,var(--ss-card));color:var(--text-secondary);text-decoration:none;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.sp-ss-age:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--age) 70%,transparent);background:color-mix(in srgb,var(--age) 15%,var(--ss-card));box-shadow:0 6px 18px -8px color-mix(in srgb,var(--age) 60%,transparent)}.sp-ss-age:focus-visible{outline:2px solid var(--age);outline-offset:2px}.sp-ss-age--adult{--age: #22c55e}.sp-ss-age--teen{--age: #38bdf8}.sp-ss-age--child{--age: #f59e0b}.sp-ss-age-badge{flex:none;display:grid;place-items:center;min-width:52px;height:40px;padding:0 8px;border-radius:10px;background:var(--age);color:#fff;font-size:14px;font-weight:700;box-shadow:inset 0 -2px #00000026}.sp-ss-age-text{display:grid;gap:2px;min-width:0;flex:1}.sp-ss-age-text strong{font-size:15px;font-weight:600;color:var(--text-primary)}.sp-ss-age-text small{font-size:13px;color:var(--text-tertiary)}.sp-ss-age-arrow{flex:none;color:var(--age)}.sp-ss-notice{max-width:640px;text-align:left}.sp-ss-notice h1{font-size:22px;line-height:30px}.sp-ss-notice h2{margin-top:24px;font-size:15px;font-weight:600;line-height:22px;color:var(--text-primary)}.sp-ss-notice ul{margin:8px 0 0;padding-left:20px;display:grid;gap:6px;font-size:14px;line-height:21px;color:var(--text-tertiary)}.sp-ss-notice ul strong{color:var(--text-secondary);font-weight:600}.sp-ss-notice li a{color:var(--brand-text)}.sp-ss-notice>p,.sp-ss-notice form>p{margin-top:8px;font-size:15px;line-height:23px;color:var(--text-tertiary)}.sp-ss-actions{display:grid;gap:10px;margin-top:24px}.sp-ss-actions form{margin:0}.sp-auth-card .sp-ss-btn{width:100%}.sp-body .sp-ss-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-lg, 10px);font:inherit;font-size:15px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.sp-body .sp-ss-btn:active{transform:translateY(1px)}.sp-body .sp-ss-btn svg{flex:none}.sp-body .sp-ss-btn--accept{background:#16a34a;color:#fff;box-shadow:0 1px 2px #0003,inset 0 -2px #0000001f}.sp-body .sp-ss-btn--accept:hover{background:#15803d}.sp-body .sp-ss-btn--accept:focus-visible{outline:2px solid #22c55e;outline-offset:2px}.sp-body .sp-ss-btn--refuse{background:color-mix(in srgb,var(--error-dot) 8%,transparent);border-color:color-mix(in srgb,var(--error-dot) 45%,transparent);color:var(--error-text)}.sp-body .sp-ss-btn--refuse:hover{background:color-mix(in srgb,var(--error-dot) 16%,transparent);border-color:var(--error-dot)}.sp-body .sp-ss-btn--refuse:focus-visible{outline:2px solid var(--error-dot);outline-offset:2px}.sp-body .sp-ss-btn--danger{background:var(--error-solid);color:#fff;box-shadow:0 1px 2px #0003,inset 0 -2px #0000001f}.sp-body .sp-ss-btn--danger:hover{background:var(--error-solid-hover)}.sp-body .sp-ss-btn--danger:focus-visible{outline:2px solid var(--error-dot);outline-offset:2px}.sp-body .sp-ss-btn--admit{background:color-mix(in srgb,var(--warning-dot) 10%,transparent);border-color:color-mix(in srgb,var(--warning-dot) 55%,transparent);color:var(--warning-text)}.sp-body .sp-ss-btn--admit:hover{background:color-mix(in srgb,var(--warning-dot) 18%,transparent);border-color:var(--warning-dot)}.sp-body .sp-ss-btn--admit:focus-visible{outline:2px solid var(--warning-dot);outline-offset:2px}.sp-ss-or{display:flex;align-items:center;gap:12px;margin:2px 0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.sp-ss-or:before,.sp-ss-or:after{content:"";flex:1;height:1px;background:var(--border-secondary)}.sp-body .sp-ss-link{justify-self:center;margin-top:4px;padding:4px 6px;border-radius:6px;font-size:14px;color:var(--text-tertiary);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px}.sp-body .sp-ss-link:hover{color:var(--text-primary);text-decoration-color:currentColor}.sp-body .sp-ss-link:focus-visible{outline:2px solid var(--brand-solid);outline-offset:2px}.sp-ss-consent{margin-top:24px!important;padding:12px 14px;border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-secondary)}.sp-ss-declare{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:14px;line-height:21px;color:var(--text-secondary);cursor:pointer}.sp-ss-declare input{margin-top:3px;width:16px;height:16px;flex:none}.sp-ss-error{color:var(--error-text)!important;font-size:14px!important}.sp-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.sp-confetti i{position:absolute;top:-20px;width:8px;height:14px;border-radius:2px;opacity:.9;animation:sp-confetti 3.2s cubic-bezier(.3,.6,.4,1) forwards}@keyframes sp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sp-drop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes sp-drop-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes sp-modal-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes sp-toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes sp-toast-out{to{opacity:0;transform:translateY(8px)}}@keyframes sp-typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}@keyframes sp-spin{to{transform:rotate(360deg)}}@keyframes sp-bounce-in{0%{transform:scale(0)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes sp-draw{to{stroke-dashoffset:0}}@keyframes sp-confetti{to{transform:translate3d(var(--dx, 0),110vh,0) rotate(var(--rot, 540deg));opacity:.8}}[x-cloak]{display:none!important}.sp-pane{display:contents}.sp-pane.is-entering>:not(.sp-modal){animation:sp-pane-in .26s var(--ease-out) both}.sp-cats .sp-cat,.sp-modal-cats .sp-cat{animation:sp-card-in .3s var(--ease-out) both}.sp-cat{transition:transform .15s var(--ease),border-color .1s,box-shadow .15s,background-color .1s}.sp-cat:active{transform:scale(.985)}.sp-row:active,.sp-recent-item:active{transform:scale(.99)}.sp-cat.is-loading{background:var(--bg-hover);pointer-events:none}.sp-cat.is-loading .sp-cat-arrow{animation:sp-nudge .6s var(--ease) infinite alternate}.sp-modal{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .16s var(--ease) .04s,visibility 0s linear .2s}.sp-modal.is-open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .2s var(--ease),visibility 0s}.sp-modal .sp-modal-card{opacity:0;transform:translateY(10px) scale(.96);transition:opacity .14s var(--ease),transform .16s var(--ease)}.sp-modal.is-open .sp-modal-card{opacity:1;transform:none;transition:opacity .2s var(--ease),transform .3s var(--ease-out)}.sp-modal.is-instant,.sp-modal.is-instant .sp-modal-card{transition:none!important}.sp-modal-card.sp-new-dialog{max-width:640px}.sp-modal.is-open .sp-new-dialog{transition:opacity .2s var(--ease),transform .3s var(--ease-out),height .28s var(--ease-out)}.sp-new-step{animation:sp-step-in .26s var(--ease-out) both}.sp-new-step.is-back{animation-name:sp-step-back}.sp-modal-back{position:absolute;top:16px;left:16px;z-index:1}.sp-new-dialog .sp-new .sp-page-head{margin:36px 0 20px}.sp-new-dialog .sp-new .sp-page-head h1{font-size:22px;line-height:30px}.sp-new-dialog .sp-new .sp-page-head p{font-size:14px;line-height:20px}.sp-new-dialog .sp-new .sp-page-emoji{width:48px;height:48px;font-size:24px}.sp-new-dialog .sp-new .sp-empty--card{margin-top:8px}.sp-push-ask{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:20px;padding:16px;border:1px solid var(--border-secondary);border-radius:var(--radius-xl);background:var(--bg-secondary);animation:sp-card-in .26s var(--ease-out) both}.sp-push-ask-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:200px}.sp-push-ask-text strong{font-size:14px;font-weight:600;color:var(--text-primary)}.sp-push-ask-text span{font-size:13px;color:var(--text-tertiary)}.sp-push-ask-actions{display:flex;gap:8px}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:var(--ease)}.sp-modal.is-open .sp-modal-card{view-transition-name:sp-dialog}::view-transition-old(sp-dialog){animation:sp-dialog-out .18s var(--ease) both}@keyframes sp-step-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes sp-step-back{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes sp-dialog-out{to{opacity:0;transform:translateY(8px) scale(.97)}}.sp-skel-line,.sp-skel-avatar,.sp-skel-bubble,.sp-skel-card{display:block;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-hover) 50%,var(--bg-secondary) 100%) 0 0 / 200% 100%;animation:sp-shimmer 1.2s linear infinite}.sp-skel-line{height:14px;margin:6px 0}.sp-skel-avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%}.sp-skel-bubble{height:52px;border-radius:14px}.sp-skel-card{height:120px;margin-top:24px;border-radius:var(--radius-xl)}.sp-skel-msg{display:flex;gap:12px;align-items:flex-end;margin-top:16px}.sp-skel-msg--mine{justify-content:flex-end}.sp-skel .sp-ticket-title h1:not(:has(.sp-skel-line)){animation:sp-fade-in .15s both}.sp-skel{animation:sp-fade-in .2s both}@keyframes sp-pane-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sp-card-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes sp-shimmer{to{background-position:-200% 0}}@keyframes sp-pop-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}@keyframes sp-pop-out{to{opacity:0;transform:translateY(4px) scale(.98)}}@keyframes sp-nudge{to{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}