:root{--accent:#a66bff;--accent-hover:#b98aff;--accent-soft:#c9a8ff;--accent-rgb:166, 107, 255;--on-accent:#0a0a0a;--positive:#34d399;--positive-text:#6ee7b7;--positive-rgb:52, 211, 153}*{box-sizing:border-box}html,body{color:#fafafa;-webkit-font-smoothing:antialiased;background:#0a0a0a;margin:0;padding:0;font-family:Hanken Grotesk,sans-serif}::selection{background:var(--accent);color:#0a0a0a}input::placeholder{color:#5c5c5c}.hscroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.thin-scroll{scrollbar-width:thin;scrollbar-color:#3a3a40 transparent}.thin-scroll::-webkit-scrollbar{width:8px}.thin-scroll::-webkit-scrollbar-track{background:0 0}.thin-scroll::-webkit-scrollbar-thumb{background:#33333a padding-box padding-box;border:2px solid #0000;border-radius:999px}.thin-scroll::-webkit-scrollbar-thumb:hover{background:#45454d padding-box padding-box}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(0)}62%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-450px 0}to{background-position:450px 0}}.skel{background:linear-gradient(90deg,#1b1b1e 25%,#242428 37%,#1b1b1e 63%) 0 0/900px 100%;border-radius:8px;animation:1.5s linear infinite shimmer}@keyframes menuPop{0%{opacity:0;transform:scale(.9)translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}}.t-spring{transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s,filter .15s,border-color .2s}.accent-btn{background:var(--accent);color:var(--on-accent)}.accent-btn:hover{background:var(--accent-hover);transform:scale(1.02)}.accent-btn:active{filter:brightness(.97);transform:scale(.96)}.dark-btn:hover{background:#2f2f34;transform:scale(1.02)}.dark-btn:active{transform:scale(.96)}.row-hover{transition:background .2s}.row-hover:hover{background:#ffffff06}.menu-item{transition:background .18s}.menu-item:hover{background:#ffffff0b}.soft-press:active{transform:scale(.93)}.hover-lift:hover{transform:translateY(-2px);background:#202024!important}.hover-lift:active{transform:scale(.99)}.lift:hover{transform:translateY(-2px)}.lift:active{transform:scale(.99)}.callout{cursor:pointer;transition:background .2s,border-color .2s}.callout-amber:hover{background:#ff8c1f24!important;border-color:#ff8c1f6b!important}.callout-amber:active{background:#ff8c1f1a!important}.callout-accent:hover{background:rgba(var(--accent-rgb),.12)!important;border-color:rgba(var(--accent-rgb),.4)!important}.callout-accent:active{background:rgba(var(--accent-rgb),.07)!important}.btn-amber{color:#ffc56b;background:#33321f}.btn-amber:hover{background:#403d26;transform:scale(1.02)}.btn-amber:active{filter:brightness(.97);transform:scale(.96)}.btn-red{color:#ff8472;background:#33201f}.btn-red:hover{background:#412724;transform:scale(1.02)}.btn-red:active{filter:brightness(.97);transform:scale(.96)}.chip-btn:hover{background:#2f2f34!important}.chip-btn:active{transform:scale(.95)}.discord-btn{color:#fff;background:#5865f2}.discord-btn:hover{background:#6b75f5;transform:scale(1.02)}.discord-btn:active{transform:scale(.96)}.preset:hover{transform:scale(1.12)}.preset:active{transform:scale(.86)}.upload-plus:hover{border-color:var(--accent)!important;color:var(--accent)!important}.remove-btn:hover{color:#ff7a64!important;background:#ff5a461f!important}.creator-link:hover{text-underline-offset:3px;color:var(--accent)!important;text-decoration:underline!important}.remove-btn:active{transform:scale(.94)}.link-btn:hover{transform:scale(1.03);background:var(--accent)!important;color:#0a0a0a!important}.link-btn:active{transform:scale(.95)}.add-acct:hover{transform:scale(1.01);color:#fff!important;background:#2c2c30!important}.add-acct:active{transform:scale(.97)}.icon-btn{transition:color .15s,background .15s}.icon-btn:hover{color:var(--accent-soft)!important}.clip-link{transition:color .15s}.clip-link:hover{color:var(--accent-soft)!important}.clip-link:hover .clip-handle{text-decoration:underline}.avatar-btn:hover{border-color:var(--accent)!important}.avatar-btn:active{transform:scale(.92)}.shell-side{z-index:100;background:#131315;border:1px solid #222226;border-radius:20px;flex-direction:column;gap:24px;width:228px;padding:20px 14px;display:flex;position:fixed;top:12px;bottom:12px;left:12px;overflow-y:auto;box-shadow:0 18px 50px #00000059}.shell-main{min-height:100vh;margin-left:252px;padding:32px 32px 72px}.shell-top,.shell-tabs{display:none}.shell-drawer{z-index:201;background:#0f0f11;border-right:1px solid #1f1f23;flex-direction:column;gap:24px;width:272px;max-width:86vw;padding:20px 14px;animation:.28s cubic-bezier(.22,1,.36,1) both drawerIn;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:none}}@media (max-width:900px){.shell-side{display:none}.shell-main{padding:20px 16px calc(96px + env(safe-area-inset-bottom));margin-left:0}.shell-main.no-tabs{padding-bottom:56px}.shell-top{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0a0a0ae6;border-bottom:1px solid #1a1a1d;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.shell-tabs{z-index:100;padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);background:#0a0a0af0;border-top:1px solid #ffffff12;align-items:stretch;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0}}.menu-item:hover{color:#eaeaea}.legal h2{color:#fafafa;margin:30px 0 10px;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:600}.legal p,.legal li{font-size:15px;line-height:1.65}.legal p{margin:0 0 12px}.legal ul{margin:0 0 12px;padding-left:20px}.legal li{margin-bottom:8px}.legal strong{color:#eaeaea}.seg:not([data-ready]) .seg-btn[aria-selected=true]{background:var(--accent)!important}
