:root{color-scheme:light;--color-bg-page:#f0ebf8;--color-bg-surface:#f7f5fb;--color-bg-surface-hover:#ffffffb3;--color-bg-overlay:#ffffffe6;--color-bg-tooltip:#fff;--color-bg-secondary:#ffffff4d;--color-bg-tertiary:#fff6;--color-bg-select:#f5f2fa;--color-border:#2d1b6926;--color-border-subtle:#2d1b6914;--color-text-primary:#2d1b69;--color-text-secondary:#5a5278;--color-text-muted:#706f6c;--color-text-inverse:#fff;--color-primary:#6c3fc5;--color-accent:var(--color-primary);--color-accent-hover:#5a34a5;--color-accent-subtle:#6c3fc51a;--color-border-input:#2d1b6933;--color-moderator:#047857;--color-moderator-rgb:4 120 87;--color-danger:#dc2626;--color-warning:#d97706}.dark{color-scheme:dark;--color-bg-page:#0d0a1a;--color-bg-surface:#23202f;--color-bg-surface-hover:#ffffff1a;--color-bg-overlay:#110c22e6;--color-bg-tooltip:#110c22;--color-bg-secondary:#ffffff14;--color-bg-tertiary:#ffffff1f;--color-bg-select:#211e2e;--color-border:#ffffff2e;--color-border-subtle:#ffffff1a;--color-text-primary:#fff;--color-text-secondary:#fff9;--color-text-muted:#9a9a9a;--color-text-inverse:#0d0a1a;--color-primary:#a78bfa;--color-accent-hover:#c4b5fd;--color-accent-subtle:#a78bfa59;--color-border-input:#ffffff26;--color-danger:#ef4444}:root{--space-2x-small:.4rem;--space-x-small:.8rem;--space-small:1.2rem;--space-normal:1.6rem;--space-medium:2rem;--space-large:2.4rem;--space-x-large:3.2rem;--space-2x-large:4.8rem;--space-3x-large:6rem;--space-4x-large:6.4rem;--space-5x-large:8rem;--space-6x-large:9.6rem;--sidebar-offset:0rem}@media (width>=768px){:root{--sidebar-offset:6.8rem}}:root{--font-sans:"Noto Sans", sans-serif;--font-heading:"Space Grotesk", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-x-small:1.4rem;--font-small:1.6rem;--font-normal:1.8rem;--font-medium:2rem;--font-large:2.2rem;--font-x-large:2.6rem;--font-2x-large:3.2rem;--font-3x-large:3.8rem;--font-4x-large:5rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-small:.8rem;--radius:1.2rem;--radius-large:1.6rem;--radius-full:9999px;--shadow-small:0 .2rem .6rem #00000014;--shadow:0 2rem 5rem -1rem #0003;--shadow-large:0 2.5rem 6rem -1.2rem #00000026, 0 1rem 3rem -.8rem #0000001a;--shadow-glow:0 1rem 2.5rem -.5rem #9333ea33}.dark{--shadow-small:0 .2rem .6rem #0003;--shadow:0 2rem 5rem -1rem #00000080;--shadow-large:0 2.5rem 6rem -1.2rem #0006, 0 1rem 3rem -.8rem #0000004d;--shadow-glow:0 1rem 2.5rem -.5rem #9333ea4d}:root{--gradient-streamer:linear-gradient(to bottom right, #ff6b6b, #ff8e53);--gradient-viewer:linear-gradient(to bottom right, #36d1dc, #5b86e5);--gradient-brand:linear-gradient(to bottom right, #a855f7, #6c3fc5);--gradient-primary:linear-gradient(to right, var(--color-accent), #9333ea);--gradient-logo:linear-gradient(to bottom right, #6c3fc5, #9333ea);--gradient-sidebar:linear-gradient(to bottom, #3b2380e6, #2d1b69e6);--gradient-success:linear-gradient(135deg, #22c55e, #16a34a);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}html{box-sizing:border-box;scroll-behavior:smooth;--topbar-height:0px;scroll-padding-block-start:calc(var(--topbar-height) + var(--space-normal));font-size:62.5%}*,:before,:after{box-sizing:inherit;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s,color .5s}img,svg,video{max-width:100%;display:inline-flex}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}ul,ol{list-style:none}[x-cloak]{display:none!important}html:has(.topbar){--topbar-height:81px}@media (width<=767px){html:has(.topbar){--topbar-height:56px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/app/noto-sans/noto-sans.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/styles/space-grotesk/space-grotesk-400.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/styles/space-grotesk/space-grotesk-500.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/styles/space-grotesk/space-grotesk-600.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/styles/space-grotesk/space-grotesk-700.woff2)format("woff2")}@font-face{font-family:Titillium Web;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/styles/titillium-web/titillium-web-900.woff2)format("woff2")}@font-face{font-family:Neonderthaw;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/app/neonderthaw/neonderthaw-400.woff2)format("woff2")}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.inline-block{display:inline-block}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.shrink-0{flex-shrink:0}.gap-1{gap:var(--space-2x-small)}.gap-2{gap:var(--space-x-small)}.gap-3{gap:var(--space-small)}.gap-4{gap:var(--space-normal)}.gap-5{gap:var(--space-medium)}.gap-6{gap:var(--space-large)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.text-center{text-align:center}.text-start{text-align:start}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.container{width:100%;max-width:144rem;margin-inline:auto;padding-inline:2.4rem}.page-bg{z-index:0;pointer-events:none;background-color:var(--color-bg-page);transition:background-color .5s;position:fixed;inset:0;overflow:hidden}.bg-blob{border-radius:var(--radius-full);filter:blur(64px);pointer-events:none;position:absolute}.bg-blob--guest-1{background:radial-gradient(circle,#a855f71f 0%,#f472b614 50%,#0000 100%);width:60rem;height:60rem;inset-block-start:-10%;inset-inline-end:-5%}.dark .bg-blob--guest-1{background:radial-gradient(circle,#a855f71a 0%,#f472b60d 50%,#0000 100%)}.bg-blob--guest-2{background:radial-gradient(circle,#fb923c1a 0%,#fbbf2414 50%,#0000 100%);width:50rem;height:50rem;inset-block-end:-10%;inset-inline-start:-5%}.dark .bg-blob--guest-2{background:radial-gradient(circle,#fb923c0d 0%,#fbbf2408 50%,#0000 100%)}.bg-blob--guest-3{background:radial-gradient(circle,#8b5cf60f 0%,#0000 100%);width:40rem;height:40rem;inset-block-start:40%;inset-inline-start:30%}.dark .bg-blob--guest-3{background:radial-gradient(circle,#8b5cf608 0%,#0000 100%)}.guest-content{min-height:100vh;padding-block-end:var(--space-3x-large);position:relative}@media (width>=768px){.guest-content{padding-block-end:0}}.app-content{min-height:100vh;padding-block-end:var(--space-3x-large);position:relative}@media (width>=768px){.app-content{padding-block-end:0}}.bg-blob--app-1{background:#a855f70d;width:50rem;height:50rem;inset-block-start:-10%;inset-inline-end:-5%}.dark .bg-blob--app-1{background:#a855f70d}.bg-blob--app-2{background:#6366f10d;width:40rem;height:40rem;inset-block-end:-10%;inset-inline-start:20%}.dark .bg-blob--app-2{background:#6366f108}.noise-overlay{opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox=%220 0 256 256%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22noise%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.9%22 numOctaves=%224%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23noise)%22/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}.dark .noise-overlay{opacity:.05}.topbar{z-index:3;min-height:var(--space-4x-large);padding-inline:var(--space-large);background:linear-gradient(to bottom, var(--color-bg-page) 0%, color-mix(in srgb, var(--color-bg-page) 60%, transparent) 70%, transparent 100%);justify-content:space-between;align-items:center;padding-block-start:var(--space-small);transition:transform .3s ease-out,opacity .3s ease-out;display:flex;position:sticky;inset-block-start:0}@media (width<=767px){.topbar{gap:var(--space-x-small);min-height:5.6rem;padding-inline:var(--space-small);padding-block-start:var(--space-2x-small)}}.topbar:before{content:"";backdrop-filter:blur(8px);z-index:-1;pointer-events:none;position:absolute;inset-block:0;inset-inline:0;mask-image:linear-gradient(#000 0% 30%,#0000 100%)}.topbar-logo{align-items:baseline;gap:var(--space-x-small);display:flex}.topbar-logo--animated{align-items:baseline;padding-block-start:var(--space-x-small);display:flex}.topbar-logo-component{font-size:1.6rem}.topbar-logo-enter{transition:opacity .3s ease-out,transform .3s ease-out}.topbar-logo-enter-start{opacity:0;transform:scale(.85)}.topbar-logo-enter-end{opacity:1;transform:scale(1)}.topbar-logo-leave{transition:opacity .15s ease-in,transform .15s ease-in}.topbar-logo-leave-start{opacity:1;transform:scale(1)}.topbar-logo-leave-end{opacity:0;transform:scale(.85)}.topbar-logo-img{height:var(--space-x-large);object-fit:contain;width:auto}.topbar-actions{align-items:center;gap:var(--space-small);min-inline-size:0;margin-inline-start:auto;display:flex}@media (width<=499px){.topbar-actions{gap:0}}@media (width<=767px){.topbar-actions{gap:var(--space-2x-small);flex-shrink:0}.topbar-desktop-control{display:none}}.topbar-user{align-items:center;gap:var(--space-x-small);border-radius:var(--radius-full);background:var(--color-bg-surface);border:1px solid var(--color-border);padding:.6rem;display:flex}@media (width<=767px){.topbar-user{background:0 0;border:0;padding:0}}.topbar-user-avatar-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.topbar-user-avatar-link{aspect-ratio:1;border-radius:var(--radius-full);flex-shrink:0;block-size:4rem;inline-size:4rem;overflow:hidden}.topbar-user-avatar{object-fit:cover;block-size:100%;inline-size:100%;display:block}button.topbar-user-avatar-link{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;padding:0}.topbar-menu-trigger,.topbar-guest-menu{display:none}@media (width<=767px){.topbar-user-avatar-link--desktop,.role-switcher--desktop,.topbar-logout-form--desktop{display:none}.topbar-menu-trigger,.topbar-guest-menu{display:flex}.topbar-menu-trigger,.topbar-guest-menu__trigger,.notification-bell>.btn-icon{block-size:5rem;inline-size:5rem}.topbar-menu-trigger{border-radius:var(--radius-full);background:var(--color-bg-surface-hover);color:var(--color-text-muted);font:inherit;cursor:pointer;transition:all var(--transition-base);border:0;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:0}.topbar-menu-trigger:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.topbar-menu-trigger span{font-size:1rem;font-weight:700;line-height:1}.notification-bell--topbar{display:none}}.topbar-user-dropdown{background:var(--color-bg-overlay);border:1px solid var(--color-border);border-radius:var(--radius);min-width:22rem;padding:var(--space-2x-small);z-index:5;flex-direction:column;gap:2px;display:flex;position:absolute;inset-block-start:calc(100% + var(--space-2x-small));inset-inline-start:0;box-shadow:0 8px 24px #0003}.topbar-user-dropdown__item{align-items:center;gap:var(--space-x-small);padding:var(--space-x-small) var(--space-small);border-radius:var(--radius-small);font-size:var(--font-small);color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none;display:flex}.topbar-user-dropdown__item:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.topbar-user-dropdown__item svg{color:var(--color-text-muted);flex-shrink:0}.topbar-user-dropdown__item:hover svg{color:var(--color-accent)}.topbar-user-crown{border-radius:var(--radius-full);background:var(--color-accent);color:#fff;block-size:1.6rem;inline-size:1.6rem;box-shadow:0 0 0 2px var(--color-bg-surface);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:-.4rem;inset-inline-end:-.4rem}.topbar-user-avatar-fallback{aspect-ratio:1;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--gradient-logo);color:#fff;font-size:var(--font-x-small);justify-content:center;align-items:center;font-weight:700;display:flex}.topbar-spacer{display:none}@media (width>=768px){.topbar-spacer{display:block}}.locale-flag{border-radius:var(--radius-full);flex-shrink:0;box-shadow:0 0 0 1px #0000001a}.locale-dropdown{column-gap:var(--space-small);row-gap:var(--space-3x-small);padding:var(--space-x-small);background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:var(--radius);z-index:3;grid-template-columns:auto auto;width:max-content;max-height:70vh;margin-block-start:var(--space-2x-small);display:grid;position:absolute;inset-block-start:100%;inset-inline-end:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}@media (width<=600px){.locale-dropdown{position:fixed;inset-inline:50% auto;transform:translate(-50%)}}.locale-dropdown form{display:contents}.locale-option{align-items:center;gap:var(--space-x-small);padding:var(--space-x-small) var(--space-small);font-size:var(--font-small);color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);cursor:pointer;text-align:start;border-radius:var(--radius-small);background:0 0;border:none;width:100%;font-family:inherit;display:flex}.locale-option:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.locale-option.is-active{color:var(--color-accent);font-weight:600}.topbar-preset-desktop-host{display:contents}.topbar-account-sheet__preset-host{display:none}.topbar-preset-pill{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);min-width:0;font-size:var(--font-small);white-space:nowrap;align-items:center;margin-inline-start:var(--space-x-small);display:inline-flex}@media (width<=767px){.topbar-preset-desktop-host{display:none}.topbar-account-sheet__preset-host{min-inline-size:0;display:block}.topbar-preset-pill{flex:auto;margin-inline-start:0;overflow:hidden}.topbar-account-sheet__preset-host .topbar-preset-pill{flex-wrap:wrap;inline-size:100%;margin-inline-start:0;overflow:visible}}@media (width>=1024px){.topbar-preset-pill{margin-inline-start:0;position:absolute;left:50%;transform:translate(-50%)}}.topbar-preset-pill__selector{align-items:center;gap:var(--space-2x-small);padding:var(--space-x-small) var(--space-normal);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-weight:500;font-size:inherit;transition:background var(--transition-fast);background:0 0;border:none;border-start-start-radius:var(--radius-full);border-end-start-radius:var(--radius-full);min-width:0;display:inline-flex}.topbar-preset-pill__selector:hover{background:var(--color-bg-surface-hover)}.topbar-preset-pill__selector--static{cursor:default}.topbar-preset-pill__selector--static:hover{background:0 0}.topbar-preset-pill__chevron{color:var(--color-text-muted);transition:transform var(--transition-fast)}.topbar-preset-pill__chevron--open{transform:rotate(180deg)}.topbar-preset-pill__divider{width:1px;margin-block:var(--space-3x-small);background:var(--color-border);align-self:stretch}.topbar-preset-pill__action{align-items:center;gap:var(--space-2x-small);padding:var(--space-x-small) var(--space-normal);color:#fff;background:var(--gradient-primary);transition:opacity var(--transition-fast);border-start-end-radius:var(--radius-full);border-end-end-radius:var(--radius-full);flex-shrink:0;font-weight:600;text-decoration:none;display:inline-flex}.topbar-preset-pill__action:hover{opacity:.88;background:var(--gradient-primary)}.topbar-preset-pill svg{flex-shrink:0}.topbar-preset-pill__prefix{color:var(--color-text-muted);font-size:var(--font-x-small);flex-shrink:0;font-weight:600}.topbar-preset-pill__label{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;display:block;overflow:hidden}.topbar-preset-pill__action-label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.topbar-preset-dropdown{background:var(--color-bg-overlay);border:1px solid var(--color-border);border-radius:var(--radius);width:max-content;min-width:100%;max-width:20rem;padding:var(--space-2x-small);z-index:3;position:absolute;inset-block-start:calc(100% + var(--space-2x-small));inset-inline-start:0;box-shadow:0 8px 24px #0003}@media (width<=767px){.topbar-preset-dropdown{width:auto;min-width:0;max-width:none;max-inline-size:calc(100vw - (var(--space-small) * 2));max-block-size:calc(100dvh - 8rem);position:fixed;inset-block-start:5.4rem;inset-inline-start:var(--space-small);inset-inline-end:var(--space-small);overflow-y:auto}.topbar-account-sheet__preset-host .topbar-preset-dropdown{inline-size:100%;max-inline-size:none;flex:0 0 100%;margin-block-start:var(--space-2x-small);position:static}}.topbar-preset-dropdown__title{font-size:var(--font-x-small);color:var(--color-text-muted);padding:var(--space-2x-small) var(--space-small);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.topbar-preset-dropdown__item{justify-content:space-between;align-items:center;gap:var(--space-small);width:100%;min-inline-size:0;padding:var(--space-x-small) var(--space-small);cursor:pointer;font-family:inherit;font-size:var(--font-small);color:var(--color-text-secondary);border-radius:var(--radius-small);text-align:start;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;display:flex}.topbar-preset-dropdown__item:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.topbar-preset-dropdown__item.is-active{color:var(--color-accent);font-weight:600}.topbar-preset-dropdown__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;display:block;overflow:hidden}.topbar-preset-dropdown__style{text-overflow:ellipsis;min-inline-size:0;max-inline-size:8rem;font-size:var(--font-x-small);color:var(--color-text-muted);white-space:nowrap;flex:0 auto;display:block;overflow:hidden}.topbar-preset-dropdown__row{align-items:center;gap:2px;min-inline-size:0;display:flex}.topbar-preset-dropdown__row .topbar-preset-dropdown__item{flex:1;min-width:0}.topbar-preset-dropdown__settings{border:1.5px solid var(--color-text-primary);cursor:pointer;width:2.8rem;height:2.8rem;color:var(--color-text-primary);border-radius:var(--radius-full);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar-preset-dropdown__settings:hover{background:var(--color-text-primary);color:var(--color-text-inverse)}.topbar-preset-dropdown__settings svg{width:1.8rem;height:1.8rem}.topbar-preset-dropdown__header{justify-content:space-between;align-items:center;gap:var(--space-2x-small);padding-inline-end:var(--space-2x-small);display:flex}.topbar-preset-dropdown__manage{padding:var(--space-x-small) var(--space-medium);margin-block-start:var(--space-x-small);margin-inline:var(--space-2x-small);border-radius:var(--radius);background:var(--gradient-primary);font-size:var(--font-x-small);color:#fff;text-align:center;transition:opacity var(--transition-fast);font-weight:600;text-decoration:none;display:block}.topbar-preset-dropdown__manage:hover{opacity:.88;background:var(--gradient-primary)}@media (width<=767px){.topbar-preset-pill__label{display:block}.topbar-preset-pill__selector{padding:var(--space-x-small) var(--space-small);flex:auto;min-height:4rem}.topbar-preset-pill__action{padding:var(--space-x-small) var(--space-small);flex:0 auto;min-width:0;min-height:4rem}.topbar-preset-pill__action-label{max-inline-size:9.5rem}.topbar-preset-dropdown__header .help-tooltip__popup{inset-inline:auto 0;transform:none}}.role-switcher{border:1px solid var(--color-border);border-radius:var(--radius-full);flex-shrink:0;align-items:center;display:flex}.role-switcher form{display:contents}.role-switcher__item{padding:.25rem var(--space-small);border-radius:var(--radius-full);font-size:var(--font-x-small);color:var(--color-text-muted);white-space:nowrap;transition:all var(--transition-base);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.role-switcher__item:not(.role-switcher__item--active):hover{color:var(--color-text-primary)}.role-switcher__item--active{background:var(--gradient-primary);color:#fff;cursor:default;pointer-events:none}.role-switcher__item--mod{color:var(--color-moderator)}.role-switcher__item--active-mod{background:var(--color-moderator);color:#fff;pointer-events:auto}.role-switcher__mod{display:inline-flex;position:relative}.role-switcher__mod-menu{z-index:70;gap:var(--space-2x-small);min-inline-size:22rem;padding:var(--space-x-small);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-large);display:grid;position:absolute;inset-block-start:calc(100% + var(--space-2x-small));inset-inline-end:0}.role-switcher__mod-menu form{display:block}.role-switcher__mod-title{padding-inline:var(--space-x-small);font-size:var(--font-2x-small);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0;font-weight:700}.role-switcher__mod-option{align-items:center;gap:var(--space-small);inline-size:100%;padding:var(--space-2x-small) var(--space-x-small);text-align:start;color:var(--color-text-primary);border-radius:var(--radius-small);cursor:pointer;transition:var(--transition-slow);background:0 0;border:1px solid #0000;display:flex}.role-switcher__mod-avatar{border-radius:var(--radius-full);object-fit:cover;flex:none;block-size:2.4rem;inline-size:2.4rem}.role-switcher__mod-avatar--fallback{color:var(--color-text-inverse);font-size:var(--font-x-small);background:var(--gradient-logo);justify-content:center;align-items:center;font-weight:800;display:flex}.role-switcher__mod-meta{min-inline-size:0;display:grid}.role-switcher__mod-option:hover,.role-switcher__mod-option:focus-visible{background:linear-gradient(to top, color-mix(in srgb, #fff 80%, var(--color-moderator)), transparent);border:1px solid var(--color-moderator)}.role-switcher__mod-name{min-inline-size:0;font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.role-switcher__mod-role{font-size:var(--font-x-small);color:var(--color-moderator);flex-shrink:0}.role-switcher--sheet{inline-size:100%}.role-switcher--sheet .role-switcher__item{flex:1;min-height:3.6rem}.role-switcher__mod-menu--sheet{min-inline-size:0;box-shadow:none;margin-block-start:var(--space-small);position:static}@media (width<=767px){.role-switcher--desktop{display:none}}.moderation-mode-banner{z-index:35;justify-content:center;align-items:center;gap:var(--space-small);min-block-size:4rem;padding-block:var(--space-x-small);padding-inline:var(--space-large);color:#fff;background:var(--color-moderator);display:flex;position:relative}.moderation-mode-banner__text{font-size:var(--font-small);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;font-weight:800;display:inline-flex}.moderation-mode-banner__workspace{gap:.25rem;display:inline-flex}.moderation-mode-banner__form{display:inline-flex}.moderation-mode-banner__close{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:#ffffff24;border:1px solid #ffffff40;justify-content:center;align-items:center;block-size:2.8rem;inline-size:2.8rem;display:inline-flex}.moderation-mode-banner__close:hover,.moderation-mode-banner__close:focus-visible{background:#ffffff38}.topbar-impersonate-btn{align-items:center;gap:var(--space-2x-small);padding:var(--space-x-small) var(--space-normal);font-size:var(--font-small);color:#fff;border-radius:var(--radius-full);transition:opacity var(--transition-fast);white-space:nowrap;background:#dc2626;font-weight:600;text-decoration:none;display:inline-flex}.topbar-impersonate-btn:hover{opacity:.85}@media (width<=600px){.topbar-impersonate-btn__label{display:none}}@media (width<=767px){.topbar-impersonate-btn{justify-content:center;block-size:4rem;inline-size:4rem;padding:0}}.notification-bell{position:relative}.notification-bell__badge{border-radius:var(--radius-full);background:var(--color-danger);color:#fff;text-align:center;pointer-events:none;justify-content:center;align-items:center;min-width:1.6rem;height:1.6rem;padding-inline:.4rem;font-size:1rem;font-weight:700;line-height:1;display:flex;position:absolute;inset-block-start:-.2rem;inset-inline-end:-.2rem}.notification-dropdown{width:22rem;max-inline-size:calc(100vw - (var(--space-small) * 2));background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:var(--radius);z-index:3;margin-block-start:var(--space-2x-small);position:absolute;inset-block-start:100%;inset-inline-end:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.notification-dropdown__header{padding:var(--space-small) var(--space-normal);border-block-end:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.notification-dropdown__title{font-size:var(--font-small);color:var(--color-text-primary);font-weight:600}.notification-dropdown__mark-read{color:var(--color-accent);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:background var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;align-items:center;display:flex}.notification-dropdown__mark-read:hover{background:var(--color-surface-hover)}.notification-dropdown__list{max-height:24rem;overflow-y:auto}.notification-dropdown__empty{padding:var(--space-large);text-align:center;font-size:var(--font-x-small);color:var(--color-text-muted)}.notification-dropdown__item{padding:var(--space-small) var(--space-normal);transition:background var(--transition-fast);border-block-end:1px solid var(--color-border-subtle);text-decoration:none;display:block}.notification-dropdown__item:hover{background:var(--color-bg-surface-hover)}.notification-dropdown__item--unread{background:var(--color-accent-subtle)}.notification-dropdown__message{font-size:var(--font-small);color:var(--color-text-primary);line-height:1.4;display:block}.notification-dropdown__time{font-size:var(--font-x-small);color:var(--color-text-muted);margin-block-start:var(--space-3x-small);display:block}@media (width<=600px){.notification-dropdown{width:calc(100vw - (var(--space-small) * 2));position:fixed;inset-inline:50% auto;transform:translate(-50%)}}.topbar-account-backdrop,.topbar-account-sheet{display:none}@media (width<=767px){.topbar-account-backdrop{z-index:6;background:color-mix(in srgb, var(--color-bg-page) 56%, transparent);display:block;position:fixed;inset:0}.topbar-account-sheet{z-index:7;gap:var(--space-small);max-inline-size:calc(100vw - (var(--space-small) * 2));max-block-size:calc(100dvh - 8rem);padding:var(--space-small);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-overlay);flex-direction:column;display:flex;position:fixed;inset-block-start:5.4rem;inset-inline-start:var(--space-small);inset-inline-end:var(--space-small);overflow-y:auto;box-shadow:0 1.6rem 4rem #0000003d}.topbar-account-sheet__header{justify-content:space-between;align-items:center;gap:var(--space-small);display:flex}.topbar-account-sheet__identity{align-items:center;gap:var(--space-small);min-width:0;display:flex}.topbar-account-sheet__avatar-link{border-radius:var(--radius-full);flex-shrink:0;text-decoration:none}.topbar-account-sheet__avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;block-size:5rem;inline-size:5rem}.topbar-account-sheet__meta{flex-direction:column;min-width:0;display:flex}.topbar-account-sheet__name,.topbar-account-sheet__title{color:var(--color-text-primary);font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.topbar-account-sheet__mode,.topbar-account-sheet__label{color:var(--color-text-muted);font-size:var(--font-x-small);font-weight:600}.topbar-account-sheet__group{gap:var(--space-2x-small);border-block-start:1px solid var(--color-border-subtle);flex-direction:column;padding-block-start:var(--space-small);display:flex}.topbar-account-sheet__group--grid{gap:var(--space-x-small);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.topbar-account-sheet__group--actions{place-items:stretch center;gap:var(--space-2x-small);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.topbar-account-sheet__icon-action,.topbar-account-sheet__icon-action .btn-icon,.topbar-account-sheet__icon-action>.notification-bell{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-text-primary) 10%, var(--color-bg-surface));block-size:5rem;inline-size:5rem;min-inline-size:5rem;color:var(--color-text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-text-primary) 14%, transparent);flex:0 0 5rem}.topbar-account-sheet__icon-action:hover,.topbar-account-sheet__icon-action .btn-icon:hover,.topbar-account-sheet__icon-action:has(.btn-icon:hover){background:var(--color-accent-subtle);color:var(--color-accent)}.topbar-account-sheet__icon-action--danger,.topbar-account-sheet__icon-action--danger:hover{color:var(--color-danger)}.topbar-account-sheet__icon-action svg{block-size:2.5rem;inline-size:2.5rem}.topbar-account-sheet__icon-action--menu{border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0;display:flex;position:relative}.topbar-account-sheet__icon-action--menu>.relative,.topbar-account-sheet__icon-action--menu>.notification-bell{flex:auto;justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex;position:static}.topbar-account-sheet__icon-action--menu>.relative>button,.topbar-account-sheet__icon-action--menu>.notification-bell>button{block-size:100%;inline-size:100%}.topbar-account-sheet__icon-action--menu .btn-icon{box-shadow:none;background:0 0}.topbar-account-sheet__logout{display:contents}.topbar-account-sheet__control-wrap{min-inline-size:0}.topbar-account-sheet .topbar-account-sheet__control{justify-content:flex-start;align-items:center;gap:var(--space-small);min-block-size:4.4rem;inline-size:100%;padding-inline:var(--space-small);border:2px solid var(--color-border-input);border-radius:var(--radius-small);color:var(--color-text-secondary);font:inherit;font-size:var(--font-small);cursor:pointer;background:0 0;display:flex}.topbar-account-sheet .topbar-account-sheet__control:hover,.topbar-account-sheet .topbar-account-sheet__control:focus-visible{border-color:var(--color-border);background:var(--color-bg-surface-hover);color:var(--color-text-primary);outline:none}.btn-icon.topbar-account-sheet__close{background:var(--color-danger);color:#fff;& svg{stroke-width:4px}}.topbar-account-sheet__close:hover,.topbar-account-sheet__close:focus-visible{border-color:var(--color-border-strong);background:var(--color-bg-surface-hover);outline:none}.topbar-account-sheet__item{align-items:center;gap:var(--space-small);inline-size:100%;min-height:4rem;padding:var(--space-x-small) var(--space-small);border-radius:var(--radius-small);color:var(--color-text-secondary);font:inherit;font-size:var(--font-small);text-align:start;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}.topbar-account-sheet__item:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.topbar-account-sheet__item svg{color:var(--color-text-muted);flex-shrink:0}.topbar-account-sheet__item--danger{color:var(--color-danger)}.topbar-account-sheet__utility{justify-content:flex-start;align-items:center;gap:var(--space-small);min-width:0;min-height:5.2rem;padding:var(--space-x-small);border-radius:var(--radius-small);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:var(--font-small);text-align:start;flex-direction:row;display:flex}.topbar-account-sheet__utility .btn-icon{background:var(--color-bg-surface-hover);flex-shrink:0}.topbar-account-sheet__utility span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.topbar-account-sheet .locale-dropdown{z-index:8;inline-size:min(44.8rem, calc(100vw - 2 * var(--space-normal)));max-inline-size:none;position:fixed;inset-block-start:11rem;inset-inline:50% auto;transform:translate(-50%)}.topbar-account-sheet .notification-dropdown{width:calc(100vw - (var(--space-small) * 2));max-inline-size:calc(100vw - (var(--space-small) * 2));position:fixed;inset-block-start:11rem;inset-inline:50% auto;transform:translate(-50%)}}.sidebar{z-index:1;width:5.6rem;padding-block:var(--space-normal);flex-direction:column;align-items:center;transition:transform .4s ease-out,opacity .4s ease-out;display:none;position:fixed;inset-block:0;inset-inline-start:var(--space-small);overflow:visible}@media (width>=768px){.sidebar{display:flex}}.sidebar-logo{align-self:start}.sidebar-logo-component{font-size:2rem}.sidebar-center{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.sidebar-inner{align-items:center;gap:var(--space-x-small);padding:var(--space-small) var(--space-x-small);border-radius:var(--radius-full);background:var(--gradient-logo);box-shadow:0 var(--space-small) var(--space-medium) #581c874d;border:1px solid #a855f726;flex-direction:column;display:flex}.is-moderating .sidebar-inner{background:var(--color-moderator);box-shadow:0 var(--space-small) var(--space-medium) rgb(var(--color-moderator-rgb) / .3);border-color:#ffffff2e}.sidebar-nav{align-items:center;gap:var(--space-small);flex-direction:column;display:flex;overflow:visible}.sidebar-nav-item{width:4rem;height:4rem;text-decoration:none;display:block;position:relative}.sidebar-nav-link{border-radius:var(--radius-full);width:4rem;height:4rem;transition:background var(--transition-base), color var(--transition-base);color:#fff9;white-space:nowrap;z-index:1;pointer-events:none;align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-start:0}.sidebar-nav-item:hover>.sidebar-nav-link,.sidebar-nav-item:focus-visible>.sidebar-nav-link{width:max-content;color:#fff;background:#4c1d95;padding-inline-end:var(--space-small)}.sidebar-nav-item--active .sidebar-nav-link,.sidebar-nav-link.is-active,.sidebar-nav-item--active .sidebar-nav-link:hover,.sidebar-nav-link.is-active:hover{color:var(--color-accent);background:#e5d7f7;box-shadow:inset 0 0 0 1px #fff3}.sidebar-nav-item--active .nav-target-templates{background:var(--gradient-streamer);color:#fff}.sidebar-nav-item--active .nav-target-skins{background:var(--gradient-viewer);color:#fff}.sidebar-nav-icon-wrap{pointer-events:none;flex:0 0 4rem;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.sidebar-nav-link svg{pointer-events:none;flex-shrink:0;width:2.4rem;height:2.4rem}.sidebar-nav-label{opacity:0;width:0;font-size:var(--font-small);transition:opacity var(--transition-base), margin var(--transition-base);pointer-events:none;font-weight:500;display:inline-block;overflow:hidden}.sidebar-nav-item:hover>.sidebar-nav-link .sidebar-nav-label,.sidebar-nav-item:focus-visible>.sidebar-nav-link .sidebar-nav-label{opacity:1;width:auto;margin-inline-start:var(--space-x-small)}.sidebar-spacer{flex-shrink:0;width:4rem;height:4rem}.mobile-bottom-bar{z-index:8;height:var(--space-3x-large);background:linear-gradient(135deg,#6c3fc5 0%,#9333ea 48%,#ec4899 100%) 0 0/180% 180%;justify-content:stretch;align-items:stretch;padding-inline:0;transition:transform .3s ease-out,opacity .3s ease-out;animation:8s ease-in-out infinite mobile-bottom-bar-glow;display:flex;position:fixed;inset-block-end:0;inset-inline:0;box-shadow:inset 0 1px #ffffff47,0 -1rem 3rem #6c3fc557}@media (width>=768px){.mobile-bottom-bar{display:none}}.mobile-bar-link{min-width:0;block-size:100%;padding:var(--space-2x-small) var(--space-3x-small);transition:background var(--transition-base), color var(--transition-base), transform var(--transition-base);color:#ffffffbd;border-inline-start:1px solid #ffffff3d;flex-direction:column;flex:1 1 0;justify-content:center;align-self:stretch;align-items:center;gap:.2rem;display:flex;position:relative;box-shadow:inset 1px 0 #0000002e}.mobile-bar-link:first-child{box-shadow:none;border-inline-start:0}.mobile-bar-link.is-active{color:#fff;background:#ffffff2e;transform:translateY(-.2rem);box-shadow:inset 0 0 0 1px #ffffff2e}.mobile-bar-link:hover{color:#fff}.mobile-bar-link svg{width:var(--space-medium);height:var(--space-medium)}.mobile-bar-link span{font-size:var(--font-x-small);text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;font-weight:500;display:block;overflow:hidden}@keyframes mobile-bottom-bar-glow{0%,to{background-position:0%;box-shadow:inset 0 1px #ffffff47,0 -1rem 3rem #6c3fc557}50%{background-position:100%;box-shadow:inset 0 1px #ffffff47,0 -1.2rem 3.4rem #ec48994d}}@media (prefers-reduced-motion:reduce){.mobile-bottom-bar{animation:none}}.section-inner{max-width:144rem;padding-inline:var(--space-large);margin-inline:auto}.section-header{text-align:center;margin-block-end:var(--space-x-large)}.section-title{font-size:var(--font-x-large);color:var(--color-text-primary);font-weight:700;font-family:var(--font-heading);text-align:center;margin-block-end:var(--space-x-large)}.section-subtitle{font-size:var(--font-small);color:var(--color-text-secondary);max-width:52rem;margin-inline:auto}.section-label{font-size:var(--font-small);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-block-end:var(--space-large);font-weight:600}.section-sublabel{font-size:var(--font-x-small);color:var(--color-text-muted);text-align:center;margin-block-start:calc(-1 * var(--space-medium));margin-block-end:var(--space-large)}.page-title{font-size:var(--font-3x-large);color:var(--color-text-primary);font-weight:700;font-family:var(--font-heading);margin-block-end:var(--space-large)}.main-content{padding-block:var(--space-large);z-index:0;position:relative}@media (width>=768px){.main-content{padding-inline-start:var(--sidebar-offset)}}.main-content--no-padding{padding:0}.checkout-content{z-index:0;flex-direction:column;min-height:100vh;display:flex;position:relative}.checkout-topbar{padding-block:var(--space-normal);padding-inline:var(--space-large);align-items:center;display:flex}.checkout-topbar-logo{align-items:center;text-decoration:none;display:inline-flex}.checkout-main{padding-block:var(--space-large) var(--space-2x-large);padding-inline:var(--space-normal);flex:auto}.btn{justify-content:center;align-items:center;gap:var(--space-x-small);cursor:pointer;transition:all var(--transition-base);font-weight:600;display:inline-flex}.btn-primary{justify-content:center;align-items:center;gap:var(--space-x-small);padding:1rem var(--space-medium);border-radius:var(--radius);font-size:var(--font-small);color:#fff;background:var(--gradient-primary);box-shadow:var(--shadow-glow);transition:all var(--transition-base);cursor:pointer;font-weight:600;display:inline-flex}.btn-primary:hover{translate:0 -1px;box-shadow:0 1rem 2.5rem -.5rem #9333ea4d}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-x-small);padding:var(--space-x-small) var(--space-normal);border-radius:var(--radius);font-size:var(--font-small);color:var(--color-text-muted);transition:all var(--transition-base);cursor:pointer;background:0 0;border:1px solid;font-weight:600;display:inline-flex}.btn-secondary:hover{color:var(--color-text-primary)}.btn-secondary.is-active{background:var(--color-accent-subtle);color:var(--color-accent);border-color:#6c3fc54d}.btn-secondary.btn-secondary--accent{color:var(--color-accent);background:0 0;border-color:currentColor}.btn-secondary.btn-secondary--accent:hover,.btn-secondary.btn-secondary--accent:focus-visible{color:var(--color-accent-hover);background:var(--color-accent-subtle);border-color:currentColor}.btn-back{justify-content:center;align-items:center;gap:var(--space-x-small);padding:var(--space-x-small) var(--space-normal);border-radius:var(--radius);color:var(--color-text-muted);font-size:var(--font-small);transition:all var(--transition-base);cursor:pointer;background:0 0;border:1px solid;font-weight:600;text-decoration:none;display:inline-flex}.btn-back:hover{color:var(--color-text-primary)}.btn-back svg{flex-shrink:0}.btn-icon{border-radius:var(--radius-full);background:var(--color-bg-surface-hover);width:4rem;height:4rem;color:var(--color-text-muted);transition:all var(--transition-base);cursor:pointer;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.btn-icon--small{width:var(--space-x-large);height:var(--space-x-large)}.btn-ghost{justify-content:center;align-items:center;gap:var(--space-x-small);padding:.4rem var(--space-small);font-size:var(--font-x-small);color:var(--color-text-muted);transition:color var(--transition-base);cursor:pointer;background:0 0;font-weight:600;display:inline-flex}.btn-ghost:hover{color:var(--color-text-primary)}.btn-accent{justify-content:center;align-items:center;gap:var(--space-x-small);padding:var(--space-x-small) var(--space-normal);border-radius:var(--radius);font-size:var(--font-small);background:var(--color-accent);color:var(--color-text-inverse);transition:background var(--transition-base);cursor:pointer;font-weight:600;display:inline-flex}.btn-accent:hover{background:var(--color-accent-hover)}.btn-success{justify-content:center;align-items:center;gap:var(--space-x-small);padding:var(--space-x-small) var(--space-normal);border-radius:var(--radius);font-size:var(--font-x-small);background:var(--gradient-success);color:#fff;transition:background var(--transition-base);cursor:pointer;font-weight:600;display:inline-flex}.btn-success:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.btn-transfer{justify-content:center;align-items:center;gap:var(--space-x-small);padding:var(--space-x-small) var(--space-normal);border-radius:var(--radius);font-size:var(--font-small);color:#fff;transition:transform var(--transition-base), box-shadow var(--transition-base), filter var(--transition-base);cursor:pointer;background:linear-gradient(135deg,#2563eb,#0ea5e9);font-weight:600;display:inline-flex;box-shadow:0 1rem 2.5rem -1.5rem #2563ebb3}.btn-transfer:hover{filter:saturate(1.05);background:linear-gradient(135deg,#1d4ed8,#0284c7);transform:translateY(-1px);box-shadow:0 1.2rem 2.8rem -1.4rem #0ea5e9bf}.btn-transfer:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;filter:none;transform:none}.btn-outline{padding:var(--space-x-small) var(--space-normal);border-radius:var(--radius);font-size:var(--font-x-small);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);transition:all var(--transition-base);cursor:pointer;font-weight:600;display:inline-block}.btn-outline:hover{background:var(--color-bg-surface-hover)}.btn-submit{width:100%;padding:var(--space-small);border-radius:var(--radius);font-weight:600;font-size:var(--font-small);background:linear-gradient(to right, var(--color-accent), #7c3aed);color:#fff;box-shadow:var(--shadow-glow);transition:all var(--transition-base);cursor:pointer}.btn-submit:hover{translate:0 -1px;box-shadow:0 1rem 2.5rem -.5rem #9333ea4d}.btn-small{padding:.4rem var(--space-small);font-size:var(--font-x-small)}.btn-danger{justify-content:center;align-items:center;gap:var(--space-x-small);padding:var(--space-x-small) var(--space-normal);border-radius:var(--radius);font-size:var(--font-x-small);background:var(--color-danger);color:#fff;transition:background var(--transition-base);cursor:pointer;font-weight:600;display:inline-flex}.btn-danger:hover{background:color-mix(in srgb, var(--color-danger) 85%, #000)}.btn-icon-logout{color:#dc2626!important;background:#ef44440d!important}.btn-icon-logout:hover{color:#b91c1c!important;background:#ef444424!important}.dark .btn-icon-logout{color:#f87171!important;background:#ef44441a!important}.dark .btn-icon-logout:hover{color:#fca5a5!important;background:#ef444433!important}@media (width<=767px){.topbar-account-sheet__icon-action--danger.btn-icon-logout{background:color-mix(in srgb, var(--color-text-primary) 10%, var(--color-bg-surface))!important}.topbar-account-sheet__icon-action.btn-icon,.topbar-account-sheet__icon-action .btn-icon{flex:0 0 5rem;block-size:5rem;inline-size:5rem;min-inline-size:5rem}.topbar-account-sheet__icon-action--menu .btn-icon{block-size:100%}}.ui-card{border-radius:var(--radius-large);box-shadow:var(--shadow);position:relative}.ui-card--glass{background:var(--color-bg-surface);border:1px solid var(--color-border)}.ui-card--solid{box-shadow:var(--shadow-small);background:#fff;border:1px solid #e5e7eb}.dark .ui-card--solid{background:#111827;border-color:#1f2937}.ui-card--gradient{border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-large)}.ui-card--hover{transition:transform var(--transition-slow)}.ui-card--hover:hover{transform:translateY(-.4rem)}.ui-card--p-none{padding:0}.ui-card--p-sm{padding:var(--space-normal)}.ui-card--p-md{padding:var(--space-large)}.ui-card--p-lg{padding:var(--space-x-large)}.coming-soon-icon{animation:3s ease-in-out infinite coming-soon-glow}@keyframes coming-soon-glow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 2.4rem .4rem var(--color-accent-subtle)}}.template-description a{color:var(--color-accent);text-underline-offset:.18em;text-decoration-line:underline;text-decoration-thickness:.08em}.template-description a:hover,.template-description a:focus-visible{color:var(--color-accent-hover)}.preview-card{--preview-card-border-width:2px;--preview-border-inner-radius:calc(var(--radius-large) - var(--preview-card-border-width));border-radius:var(--radius-large);border:var(--preview-card-border-width) solid var(--color-border);box-shadow:var(--shadow-small);background:var(--color-bg-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex;position:relative}.preview-card:hover{border-color:var(--color-accent)}.preview-card--active,.preview-card--active:hover{border-color:var(--color-success,#22c55e)}.preview-card--default{border-color:var(--color-accent);box-shadow:0 1rem 2rem #9333ea33}.preview-card--skin,.preview-card--preset{& .preview-card-footer{border:inherit;width:calc(100% + var(--preview-card-border-width) * 2);background:var(--color-bg-surface);z-index:2;opacity:0;pointer-events:none;border-block-start:0;border-end-end-radius:var(--radius-large);border-end-start-radius:var(--radius-large);margin:0;transition:opacity .3s;position:absolute;inset-block-start:100%;inset-inline-start:calc(var(--preview-card-border-width) * -1)}&.preview-card--base{background:var(--color-bg-page);border-style:dashed;& .preview-card-footer{background:var(--color-bg-page)}}&.preview-card--active .preview-card-footer{border-width:3px;width:calc(100% + 6px);inset-inline-start:-3px}&:has(.preview-card-footer):hover{z-index:3;border-end-end-radius:0;border-end-start-radius:0;& .preview-card-footer{opacity:1;pointer-events:auto}}&.preview-card--skin-pending,&.preview-card--skin-pending-revision{border-color:var(--color-warning);filter:drop-shadow(0 0 5px color-mix(in srgb, transparent 50%, var(--color-warning)))}}.preview-card--template{& .preview-card-footer-start{transition:opacity .3s}&:not(.preview-card--active){& .preview-card-footer-start{opacity:0;pointer-events:none}}&:hover{& .preview-card-footer-start{opacity:1;pointer-events:auto}}}.preview-card-header,.preview-card-footer{z-index:2;justify-content:space-between;align-items:stretch;gap:0;min-inline-size:0;display:flex;position:relative}.preview-card-header-start,.preview-card-header-end,.preview-card-footer-start,.preview-card-footer-end{align-items:stretch;min-inline-size:0;max-inline-size:100%;display:inline-flex}.preview-card-header,.preview-card-header-start,.preview-card-header-end,.preview-card-footer,.preview-card-footer-start,.preview-card-footer-end{&:empty{display:none!important}}.preview-card-header-start{flex:auto}.preview-card-header-end,.preview-card-footer-end{flex-shrink:0;margin-inline-start:auto}.preview-card-footer{margin-block-start:auto}.preview-card-title{padding-block:var(--space-x-small);padding-inline:var(--space-small);font-family:var(--font-heading);font-size:var(--font-normal);color:var(--color-text-primary);border-block-end:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;max-inline-size:100%;margin:0;font-weight:600;line-height:1.3;display:inline-block;overflow:hidden}.preview-card-actions{align-items:stretch;gap:0;min-inline-size:0;max-inline-size:100%;display:inline-flex}.preview-card-action{justify-content:center;align-items:center;gap:var(--space-x-small);min-block-size:calc(2rem + var(--space-x-small) * 2 + 2px);padding-block:var(--space-x-small);padding-inline:var(--space-small);font-family:inherit;font-size:var(--font-x-small);color:#fff;background:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-overflow:ellipsis;border-radius:0;min-inline-size:0;max-inline-size:100%;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;overflow:hidden}.preview-card-action:hover{box-shadow:0 .6rem 1.6rem -.4rem #9333ea59}.preview-card-action:disabled{opacity:.5;cursor:not-allowed}.preview-card-action--secondary{color:var(--color-text-muted);border:1px solid var(--color-border);box-shadow:none;background:var(--color-bg-surface);border-block-end:0;border-inline-end:0}.preview-card-action--secondary+.preview-card-action--secondary{border-inline-start:0}.preview-card-action--secondary:hover{color:var(--color-text-primary);border-color:var(--color-text-muted);box-shadow:none}.preview-card-action--subtle{color:var(--color-text-muted);border:1px solid var(--color-border);box-shadow:none;background:0 0;border-block-end:0;border-inline-end:0}.preview-card-action--subtle:hover{color:var(--color-text-primary);border-color:var(--color-text-muted);box-shadow:none;background:0 0;border-block-end-color:#0000;border-inline-end-color:#0000}.preview-card-action--danger{background:var(--color-danger);color:#fff;box-shadow:none}.preview-card-action--danger:hover{background:color-mix(in srgb, var(--color-danger) 85%, #000);box-shadow:none}.preview-card-action--success{background:var(--gradient-success);color:#fff;box-shadow:none}.preview-card-action--success:hover{box-shadow:none;background:linear-gradient(135deg,#16a34a,#15803d)}.preview-card-action--premium{background:var(--color-accent-subtle);color:var(--color-accent);box-shadow:none;border-color:#0000}.preview-card-action--premium:hover{background:var(--color-accent);color:#fff;box-shadow:none}.preview-card-action--transfer{color:#fff;box-shadow:none;background:linear-gradient(135deg,#2563eb,#0ea5e9)}.preview-card-action--transfer:hover{box-shadow:none;background:linear-gradient(135deg,#1d4ed8,#0284c7)}.preview-card-action--primary{background:var(--gradient-primary);color:#fff;box-shadow:none}.preview-card-action--primary:hover{background:linear-gradient(to right, var(--color-accent-hover), var(--color-accent));box-shadow:none}.preview-card-action--icon{flex-shrink:0;inline-size:4rem;min-inline-size:4rem;padding-inline:0}.preview-card-action>span{text-overflow:ellipsis;min-inline-size:0;display:block;overflow:hidden}.preview-card-header .preview-card-action svg,.preview-card-footer .preview-card-action svg{flex-shrink:0;block-size:2rem;inline-size:2rem}.preview-card-header-start>:first-child,.preview-card-header-start>:has(+template:first-child),.preview-card-header-start .preview-card-actions>:first-child,.preview-card-header-start .preview-card-actions>:has(+template:first-child){border-start-start-radius:var(--preview-border-inner-radius)}.preview-card-header-start>:last-child,.preview-card-header-start>:has(+template:last-child),.preview-card-header-start .preview-card-actions>:last-child,.preview-card-header-start .preview-card-actions>:has(+template:last-child){border-end-end-radius:var(--radius)}.preview-card-header-end>:first-child,.preview-card-header-end .preview-card-actions>:first-child,.preview-card-header-end .preview-card-actions>template:first-child+*{border-end-start-radius:var(--radius)}.preview-card-header-end>:last-child,.preview-card-header-end .preview-card-actions>:last-child,.preview-card-header-end .preview-card-actions>template:last-child+*,.preview-card-header-end .preview-card-actions>:has(+template:last-child){border-start-end-radius:var(--preview-border-inner-radius)}.preview-card-footer-start>:first-child,.preview-card-footer-start .preview-card-actions>:first-child,.preview-card-footer-start .preview-card-actions>:has(+template:first-child){border-end-start-radius:var(--preview-border-inner-radius)}.preview-card-footer-start>:last-child,.preview-card-footer-start .preview-card-actions>:last-child,.preview-card-footer-start .preview-card-actions>:has(+template:last-child){border-start-end-radius:var(--radius)}.preview-card-footer-end>:first-child,.preview-card-footer-end .preview-card-actions>:first-child,.preview-card-footer-end .preview-card-actions>template:first-child+*{border-start-start-radius:var(--radius)}.preview-card-footer-end>:last-child,.preview-card-footer-end .preview-card-actions>:last-child,.preview-card-footer-end .preview-card-actions>template:last-child+*{border-end-end-radius:var(--preview-border-inner-radius)}.preview-card-header-start .preview-card-actions>form:last-child>*,.preview-card-header-start .preview-card-actions>form:has(+template:last-child)>*{border-end-end-radius:var(--radius)}.preview-card-header-end .preview-card-actions>form:first-child>*,.preview-card-header-end .preview-card-actions>template:first-child+form>*{border-end-start-radius:var(--radius)}.preview-card-footer-start .preview-card-actions>form:last-child>*,.preview-card-footer-start .preview-card-actions>form:has(+template:last-child)>*{border-start-end-radius:var(--radius)}.preview-card-footer-end .preview-card-actions>form:first-child>*,.preview-card-footer-end .preview-card-actions>template:first-child+form>*{border-start-start-radius:var(--radius)}.preview-card-preview{pointer-events:none;zoom:.85;border-start-start-radius:inherit;border-start-end-radius:inherit;flex-direction:column;flex:1;min-block-size:0;inline-size:100%;padding:1rem;font-size:62.5%;display:flex;overflow:hidden}.preview-card-preview .cs-chat{flex-direction:column;flex:1;display:flex}.preview-card-body{padding:var(--space-x-small) var(--space-small) var(--space-small);gap:var(--space-x-small);flex-direction:column;display:flex;&:empty{display:none}}.preview-card-body>.tag{align-self:flex-start}.preview-card-status{align-items:center;gap:var(--space-2x-small);padding-block:var(--space-x-small);padding-inline:var(--space-small);font-size:var(--font-x-small);border-block-end:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);font-weight:600;display:inline-flex}.preview-card-status svg{flex-shrink:0;block-size:2rem;inline-size:2rem}.preview-card-status--warning{color:var(--color-warning);background:#f59e0b1a}.dark .preview-card-status--warning{color:#fcd34d;background:#f59e0b26}.preview-card-status--info{color:#2563eb;background:#2563eb1a}.dark .preview-card-status--info{color:#93c5fd;background:#2563eb2e}.preview-card-status--success{color:#059669;background:#10b9811a}.dark .preview-card-status--success{color:#6ee7b7;background:#10b98126}.preview-card--skin .preview-card-status--success{display:none}.preview-card-status--danger{color:#dc2626;background:#ef44441a}.dark .preview-card-status--danger{color:#fca5a5;background:#ef444426}.preview-card-status--premium{background:var(--color-accent);color:var(--color-text-inverse)}.preview-card-status--dark{color:#fff;background:#00000080}.preview-card-status--light{background:#fff8}.preview-card-meta{font-size:var(--font-x-small);color:var(--color-text-muted);align-items:center;gap:var(--space-2x-small);flex-wrap:wrap;margin:0;line-height:1.4;display:flex}.preview-card-meta>span{min-inline-size:0;display:inline-block}.preview-card-meta>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-card-meta-sep{color:var(--color-text-muted);opacity:.6;flex-shrink:0}.preview-card-creator{font-family:var(--font-heading);font-size:var(--font-x-small);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.preview-card-active-check{background:var(--color-success,#22c55e);color:#fff;pointer-events:none;padding-block:var(--space-x-small);padding-inline:var(--space-small);font-size:var(--font-normal);line-height:1.3;font-family:var(--font-heading);border-start-end-radius:var(--preview-border-inner-radius);border-end-start-radius:var(--radius);justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-end:0}.preview-card--create{justify-content:center;align-items:center;gap:var(--space-2x-small);padding:var(--space-normal);border-style:dashed;border-color:var(--color-border);color:var(--color-text-muted);cursor:pointer;flex-direction:column;min-block-size:20rem;text-decoration:none;display:flex}.preview-card--create:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.preview-card--create-compact{min-block-size:auto;padding-block:var(--space-small)}.preview-card--create-compact .preview-card-create-plus{font-size:2.4rem}.preview-card-create-plus{font-size:3.2rem;font-weight:300;line-height:1}.preview-card-create-label{font-size:var(--font-small);font-weight:500}.preview-card-create-meta{font-size:var(--font-x-small);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;display:block;overflow:hidden}.preview-card-create-meta strong{color:var(--color-accent);font-weight:600}.preview-card-create-row{margin-block-end:var(--space-medium)}.preview-card-footer-start .role-select__trigger{background:var(--color-accent-subtle);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:0;padding-block:var(--space-x-small);padding-inline:var(--space-small);font-size:var(--font-x-small);transition:all var(--transition-base);box-shadow:none;border-block-end:0;border-inline-start:0;border-start-end-radius:var(--radius);border-end-start-radius:var(--preview-border-inner-radius);font-weight:600}.preview-card-footer-start .role-select__trigger:hover:not(.is-disabled){color:var(--color-text-primary);border-color:var(--color-text-muted);box-shadow:none}.preview-card-footer-start .role-select__trigger.is-open{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 20%, transparent)}a.preview-card-preview{pointer-events:auto;color:inherit;cursor:pointer;text-decoration:none}.preview-card-description{font-size:var(--font-small);color:var(--color-text-muted);-webkit-line-clamp:2;line-height:var(--leading-relaxed);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.preview-card--template .preview-card-header{z-index:3;pointer-events:none;position:absolute;inset-block-start:0;inset-inline:0}.preview-card--template .preview-card-header a,.preview-card--template .preview-card-header button{pointer-events:auto}.preview-card--template .preview-card-title{backdrop-filter:blur(5px);color:#fff;background:#00000080}.preview-card--template .preview-card-status{font-weight:700}.preview-card--template .preview-card-status--success,.dark .preview-card--template .preview-card-status--success{background:var(--color-success,#22c55e);color:#fff;border-color:#0000}.preview-card--template .preview-card-footer-start .preview-card-action--secondary{border-block-end:0;border-inline-start:0}.preview-card-grid>div{min-inline-size:0;display:flex}.preview-card-grid .preview-card{flex:1;min-inline-size:0}.preview-card-grid{gap:var(--space-normal);grid-template-columns:1fr;display:grid}.preview-card-grid--swipe{inline-size:100%;padding-inline:var(--space-x-small);overflow-inline:auto;overscroll-behavior-inline:contain;scroll-padding-inline:var(--space-x-small);scroll-snap-type:inline mandatory;scrollbar-width:none;display:flex}.preview-card-grid--swipe::-webkit-scrollbar{display:none}.preview-card-grid--swipe>div{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 min(84vw,52rem)}@media (width>=768px){.preview-card-grid{grid-template-columns:repeat(2,1fr)}.preview-card-grid--swipe{grid-template-columns:none}}@media (width>=1100px){.preview-card-grid{grid-template-columns:repeat(3,1fr)}.preview-card-grid--swipe{grid-template-columns:none}}@media (width>=1440px){.preview-card-grid{grid-template-columns:repeat(4,1fr)}.preview-card-grid--swipe{grid-template-columns:none}}.template-media{aspect-ratio:1;background:var(--color-bg-surface);border-start-start-radius:var(--preview-border-inner-radius);border-start-end-radius:var(--preview-border-inner-radius);flex:none;inline-size:100%;position:relative;overflow:hidden}.template-media__link{block-size:100%;inline-size:100%;display:block}.template-media__link img,.template-media__link video{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.template-media__link video{opacity:0;pointer-events:none}.template-media__link video.is-playing{opacity:1}.template-media__play{background:var(--color-bg-surface);block-size:44px;inline-size:44px;color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-end:var(--space-small);inset-inline-end:var(--space-small)}.template-media__link:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:-5px;border-start-start-radius:inherit;border-start-end-radius:inherit}.preview-card-status--price{color:#171717;white-space:nowrap;background:#fffc}.preview-card-status--sale{background:var(--color-danger);color:#fff;border-color:#0000}.preview-card .line-through{opacity:.75}.preview-card-price-original{font-size:.85em;font-weight:400}.preview-card-action .price{align-items:center;gap:var(--space-small);white-space:nowrap;display:inline-flex}.input{width:100%;padding:var(--space-x-small) var(--space-small);border-radius:var(--radius);background:var(--color-bg-surface);border:1px solid var(--color-border-input);font-size:var(--font-small);color:var(--color-text-primary);transition:box-shadow var(--transition-base)}.input::placeholder{color:var(--color-text-muted)}.input:focus{box-shadow:0 0 0 2px var(--color-accent);outline:none}select.input{background-color:var(--color-bg-select);color-scheme:inherit}select.input option{background-color:var(--color-bg-select);color:var(--color-text-primary)}.input-search{width:100%;padding:var(--space-small) 3.2rem var(--space-small) 4rem;border-radius:var(--radius);background:var(--color-bg-surface);border:1px solid var(--color-border-input);font-size:var(--font-small);color:var(--color-text-primary);transition:box-shadow var(--transition-base)}.input-search::placeholder{color:var(--color-text-muted)}.input-search:focus{box-shadow:0 0 0 2px var(--color-accent);outline:none}.input-mono{padding:1rem 4rem 1rem var(--space-normal);border-radius:var(--radius);background:var(--color-bg-surface);font-size:var(--font-x-small);color:var(--color-text-primary);font-family:var(--font-mono);border:1px solid var(--color-border-input);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.input-label{font-size:var(--font-x-small);color:var(--color-text-muted);margin-block-end:.6rem;font-weight:500;display:block}.search-icon{z-index:1;width:2.2rem;height:2.2rem;color:var(--color-accent);opacity:.6;pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:var(--space-normal);transform:translateY(-50%)}.search-spinner{z-index:1;width:var(--space-medium);height:var(--space-medium);color:var(--color-accent);animation:1s linear infinite spin;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-normal);transform:translateY(-50%)}.search-clear{z-index:1;background:var(--color-bg-surface-hover);width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-small);transform:translateY(-50%)}.search-clear:hover{background:var(--color-border);color:var(--color-text-primary)}.badge{padding:.2rem var(--space-x-small);border-radius:var(--radius-full);font-size:var(--font-x-small);font-weight:600;display:inline-block}.badge--accent{background:var(--color-accent-subtle);color:var(--color-accent)}.badge--link{cursor:pointer;transition:opacity var(--transition-base);text-decoration:none}.badge--link:hover{opacity:.75}.badge--success{color:#059669;background:#10b9811a}.dark .badge--success{color:#6ee7b7;background:#10b98126}.badge--warning{color:var(--color-warning);background:#f8ebe3}.dark .badge--warning{color:#fcd34d;background:#f59e0b26}.badge--error{color:#dc2626;background:#ef44441a}.dark .badge--error{color:#fca5a5;background:#ef444426}.badge--free{padding:var(--space-2x-small) 1rem;color:#fff;background:#10b981e6;font-weight:700}.badge--price{padding:var(--space-2x-small) 1rem;background:var(--color-bg-overlay);color:var(--color-text-primary);font-weight:700}.badge--premium{align-items:center;gap:var(--space-2x-small);padding:var(--space-2x-small) 1rem;background:var(--color-accent);color:#fff;font-weight:700;display:inline-flex}.badge--streamer{color:#ff6b6b;background:#ff6b6b1a}.badge--viewer{color:#5b86e5;background:#5b86e51a}.badge--status-active{color:#059669;background:#10b9811a}.dark .badge--status-active{color:#6ee7b7;background:#10b98126}.badge--status-disabled{color:#6b7280;background:#6b72801a}.dark .badge--status-disabled{color:#9ca3af;background:#1f2937}.badge--outlined{align-items:center;gap:var(--space-2x-small);border:1px solid;display:inline-flex}.tag-list{gap:var(--space-x-small);flex-wrap:wrap;display:flex}.tag{align-items:center;gap:var(--space-2x-small);padding:var(--space-2x-small) var(--space-x-small);border-radius:var(--radius-full);font-size:var(--font-x-small);background:var(--color-accent-subtle);color:var(--color-accent);font-weight:500;line-height:1;display:inline-flex}.tag--accent{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:600}.tag--free{color:#10b981;background:#10b98126;font-weight:600}.tag--toggle{cursor:pointer;user-select:none;border:1px solid var(--color-border);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);padding-inline-start:var(--space-2x-small);font-family:inherit}.tag--toggle:before{content:"";border:1.5px solid var(--color-border);block-size:1.4rem;inline-size:1.4rem;transition:background var(--transition-fast), border-color var(--transition-fast);background:50%/.9rem no-repeat;border-radius:50%;flex-shrink:0}.tag--toggle:hover{border-color:var(--color-accent);color:var(--color-text-secondary)}.tag--toggle:hover:before{border-color:var(--color-accent)}.tag--toggle.is-active{background:var(--gradient-primary);color:#fff;border-color:#0000;font-weight:600;box-shadow:0 .4rem 1.2rem -.4rem #9333ea66}.tag--toggle.is-active:before{background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%239333ea' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='3.5 8.5 6.5 11.5 12.5 4.5'/></svg>");border-color:#fff}.tag--toggle.is-active:hover{translate:0 -1px;box-shadow:0 .6rem 1.6rem -.4rem #9333ea80}.tag--toggle:disabled{opacity:.5;cursor:not-allowed}.role-select{flex:0 auto;min-inline-size:0;display:inline-flex;position:relative}.role-select__trigger{align-items:center;gap:var(--space-2x-small);padding-block:var(--space-2x-small);padding-inline:var(--space-small);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-accent-subtle);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-x-small);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);min-inline-size:0;max-inline-size:100%;font-weight:500;display:inline-flex}.role-select__trigger:hover:not(.is-disabled){border-color:var(--color-accent);color:var(--color-text-primary)}.role-select__trigger.is-open{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 20%, transparent)}.role-select__trigger.is-disabled,.role-select__trigger[disabled]{opacity:.5;cursor:not-allowed}.role-select__trigger--static{cursor:default;pointer-events:none}.role-select__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.role-select__summary{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-inline-size:12rem;font-weight:700;display:block;overflow:hidden}.role-select__caret{transition:transform var(--transition-fast)}.role-select__caret.is-open{transform:rotate(180deg)}.role-select__popover{z-index:60;min-inline-size:16rem;padding:var(--space-2x-small);background:var(--color-bg-overlay,var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-large,var(--shadow-medium));flex-direction:column;gap:1px;display:flex;position:fixed}.role-select__popover:has(.role-select__option--columns){min-inline-size:18rem}.role-select__option{align-items:center;gap:var(--space-x-small);padding-block:var(--space-2x-small);padding-inline:var(--space-small);border-radius:var(--radius-small);font-family:inherit;font-size:var(--font-x-small);color:var(--color-text-primary);cursor:pointer;text-align:start;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:0;display:flex}.role-select__popover-header{justify-content:space-between;align-items:center;gap:var(--space-small);padding-block:var(--space-2x-small);padding-inline:var(--space-small);color:var(--color-text-primary);font-size:var(--font-x-small);font-weight:700;display:flex}.role-select__popover-actions{align-items:center;gap:var(--space-2x-small);flex-shrink:0;display:inline-flex}.role-select__option:hover{background:var(--color-surface-raised)}.role-select__option--action{font-weight:600}.role-select__option--action.is-active{background:var(--gradient-primary);color:#fff}.role-select__option--check{user-select:none}.role-select__columns-head{gap:var(--space-x-small);padding-block:var(--space-3x-small);padding-inline:var(--space-small);color:var(--color-text-muted);text-transform:uppercase;text-align:center;grid-template-columns:minmax(7rem,1fr) 4rem 4rem;font-size:1rem;font-weight:700;display:grid}.role-select__option--columns{gap:var(--space-x-small);grid-template-columns:minmax(7rem,1fr) 4rem 4rem;display:grid}.role-select__column-check,.role-select__column-default{align-items:center;gap:var(--space-x-small);justify-content:center;min-inline-size:0;display:flex}.role-select__role-label{justify-content:flex-end;align-items:center;gap:var(--space-3x-small);color:var(--color-text-primary);text-align:end;white-space:nowrap;min-inline-size:0;font-weight:600;display:inline-flex;overflow:visible}.role-select__role-label--inline{text-align:start;justify-content:flex-start}.role-select__role-label-warning{flex-shrink:0;margin-inline-end:var(--space-x-small);display:inline-flex}.role-select__role-label-text{text-overflow:ellipsis;min-inline-size:0;display:block;overflow:hidden}.role-select__checkbox{block-size:1.4rem;inline-size:1.4rem;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.role-select__divider{background:var(--color-border);block-size:1px;margin-block:var(--space-2x-small)}.filter-tabs{border-radius:var(--radius);background:var(--color-bg-surface);border:1px solid var(--color-border);grid-template-columns:1fr auto auto;align-items:stretch;display:grid;overflow:hidden}.filter-tabs-buttons{align-items:center;gap:var(--space-2x-small);padding:var(--space-2x-small);display:flex}.filter-tabs-search{background:var(--color-bg-surface-hover);border-inline:1px solid var(--color-border);align-items:center;display:flex;position:relative}.filter-tabs-search .search-icon{width:var(--space-normal);height:var(--space-normal);color:var(--color-text-muted);pointer-events:none;position:absolute;inset-inline-start:var(--space-small)}.filter-tabs-search .input-search{width:100%;min-width:12rem;padding:.6rem 2.8rem .6rem var(--space-x-large);font-size:var(--font-x-small);background:0 0;border:none;border-radius:0}.filter-tabs-search .search-clear{width:1.6rem;height:1.6rem;inset-inline-end:var(--space-x-small)}.filter-tabs-more{padding-inline:var(--space-normal);background:var(--color-accent-subtle);color:var(--color-accent);border:none;border-radius:0;align-items:center;font-weight:600;display:inline-flex}.filter-tabs-more:hover{background:var(--color-accent-subtle);filter:brightness(1.1)}.filter-tab{align-items:center;gap:var(--space-2x-small);padding:.6rem var(--space-normal);border-radius:var(--radius-small);font-size:var(--font-x-small);transition:all var(--transition-base);cursor:pointer;color:var(--color-text-muted);font-weight:600;display:inline-flex}.filter-tab:hover{color:var(--color-text-primary)}.filter-tab.is-active{background:var(--color-accent-subtle);color:var(--color-accent);box-shadow:var(--shadow-small)}@media (width<=639px){.filter-tabs{grid-template-columns:1fr}.filter-tabs-buttons{flex-wrap:wrap}.filter-tabs-search{border-inline:none;border-block-start:1px solid var(--color-border)}.filter-tabs-more{border-block-start:1px solid var(--color-border);padding-block:var(--space-x-small);justify-content:center}}.account-subnav{align-items:center;gap:var(--space-2x-small);padding:var(--space-2x-small);border-radius:var(--radius);background:var(--color-bg-surface);border:1px solid var(--color-border);flex-wrap:wrap;display:flex;overflow:visible}.account-subnav__link{align-items:center;gap:var(--space-2x-small);padding:.6rem var(--space-normal);border-radius:var(--radius-small);min-block-size:0;color:var(--color-text-muted);font-size:var(--font-small);transition:all var(--transition-base);cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.account-subnav__link--premium{padding-inline-end:calc(var(--space-normal) + 1.05rem)}.account-subnav__premium-icon{color:#fff;background:var(--color-accent);pointer-events:none;border-radius:50%;inline-size:1.6rem;padding:.2rem;position:absolute;inset-block-start:.15rem;inset-inline-end:.42rem}.account-subnav__link:hover{color:var(--color-text-primary)}.account-subnav__link.is-active{background:var(--color-accent);color:var(--color-bg-page);box-shadow:var(--shadow-small)}.account-subnav__link.is-active .account-subnav__premium-icon{color:var(--color-bg-page)}.chip{align-items:center;gap:var(--space-2x-small);padding:var(--space-2x-small) var(--space-small);border-radius:var(--radius-full);font-size:var(--font-x-small);background:var(--color-accent-subtle);color:var(--color-accent);cursor:pointer;font-weight:500;display:inline-flex}.chip svg{width:var(--space-small);height:var(--space-small)}.chip-tag{padding:.6rem var(--space-small);border-radius:var(--radius-small);font-size:var(--font-x-small);transition:all var(--transition-base);cursor:pointer;background:var(--color-bg-surface-hover);color:var(--color-text-secondary);font-weight:500}.chip-tag.is-active{background:var(--color-accent);color:#fff}.chip-brand{align-items:center;gap:var(--space-x-small);padding:.6rem var(--space-small);border-radius:var(--radius-small);font-size:var(--font-x-small);transition:all var(--transition-base);cursor:pointer;background:var(--color-bg-surface-hover);color:var(--color-text-secondary);font-weight:500;display:inline-flex}.chip-brand.is-active{background:var(--color-accent);color:#fff}.chip-brand img{width:var(--space-normal);height:var(--space-normal);object-fit:contain;border-radius:.4rem}.color-swatch{width:var(--space-x-large);height:var(--space-x-large);border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;border:2px solid #fff3}.color-swatch.is-active{box-shadow:0 0 0 2px var(--color-accent), 0 0 0 4px var(--color-bg-surface)}.toggle{block-size:var(--space-large);border-radius:var(--radius-full);inline-size:4.4rem;transition:background-color var(--transition-base);cursor:pointer;background:#d1d5db;flex-shrink:0;display:inline-flex;position:relative}.dark .toggle{background:#4b5563}.toggle.is-active,.toggle:has(input:checked){background:#10b981}.toggle:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.toggle-knob{block-size:var(--space-medium);inline-size:var(--space-medium);border-radius:var(--radius-full);box-shadow:var(--shadow-small);transition:transform var(--transition-base);background:#fff;margin-block-start:.2rem;display:inline-block;transform:translate(.2rem)}.toggle.is-active .toggle-knob,.toggle:has(input:checked) .toggle-knob{transform:translateX(var(--space-medium))}.ui-modal{block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;z-index:var(--z-ui-modal,10030);color:inherit;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.ui-modal:not([open]){display:none}.ui-modal[open]{justify-content:center;align-items:center;display:flex}.ui-modal::backdrop{background:var(--ui-modal-backdrop,color-mix(in srgb, var(--color-bg-page) 22%, #000000ad))}.ui-modal__panel{min-block-size:0;max-block-size:min(90vh,90dvh);inline-size:100%;min-inline-size:0;max-inline-size:44.8rem;color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);box-shadow:var(--shadow-large);background:#fff1;flex-direction:column;padding:1rem;display:flex;position:relative}.ui-modal__surface{background:var(--color-bg-overlay);border:inherit;border-radius:inherit;min-block-size:0;max-block-size:100%;inline-size:100%;min-inline-size:0;box-shadow:inherit;flex-direction:column;flex:auto;display:flex;overflow:hidden}.ui-modal--sm .ui-modal__panel,.ui-modal__panel--sm{max-inline-size:42rem}.ui-modal--md .ui-modal__panel,.ui-modal__panel--md{max-inline-size:44.8rem}.ui-modal--lg .ui-modal__panel,.ui-modal__panel--lg{max-inline-size:64rem}.ui-modal--xl .ui-modal__panel,.ui-modal__panel--xl{max-inline-size:80rem}.ui-modal--fullscreen .ui-modal__panel,.ui-modal__panel--fullscreen{block-size:auto;max-block-size:none;inline-size:auto;max-inline-size:none;position:fixed;inset:10%}.ui-modal__header{justify-content:space-between;align-items:center;gap:var(--space-small);padding:var(--space-normal);border-block-end:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.ui-modal__title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-medium);font-weight:700;line-height:var(--leading-snug);margin:0}.ui-modal__body{min-block-size:0;min-inline-size:0;padding:var(--space-normal);flex:auto;overflow:auto}.ui-modal__footer{justify-content:flex-end;gap:var(--space-small);padding:var(--space-small) var(--space-normal);border-block-start:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.ui-modal__choice{align-items:flex-start;gap:var(--space-small);padding:var(--space-small);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius);cursor:pointer;display:flex}.ui-modal__choice:has(input:checked){border-color:var(--color-accent)}.ui-modal__button{justify-content:center;align-items:center;gap:var(--space-x-small);min-block-size:3.6rem;min-inline-size:8rem;padding:var(--space-x-small) var(--space-normal);color:var(--color-text-primary);font-size:var(--font-x-small);font-weight:700;line-height:var(--leading-tight);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius);cursor:pointer;transition:color var(--transition-base), background var(--transition-base), border-color var(--transition-base), opacity var(--transition-base);display:inline-flex}.ui-modal__button:hover:not(:disabled),.ui-modal__button:focus-visible{background:var(--color-bg-surface-hover);border-color:var(--color-border-strong)}.ui-modal__button:disabled{cursor:not-allowed;opacity:.55}.ui-modal__button--cancel{color:var(--color-text-muted);background:0 0;border-color:currentColor}.ui-modal__button--cancel:hover:not(:disabled),.ui-modal__button--cancel:focus-visible{color:var(--color-text-primary)}.ui-modal__button--confirm{color:var(--color-text-inverse);background:var(--color-accent);border-color:#0000}.ui-modal__button--confirm:hover:not(:disabled),.ui-modal__button--confirm:focus-visible{color:var(--color-text-inverse);background:var(--color-accent-hover);border-color:#0000}.ui-modal__button--danger{color:#fff;background:var(--color-danger);border-color:#0000}.ui-modal__button--danger:hover:not(:disabled),.ui-modal__button--danger:focus-visible{background:color-mix(in srgb, var(--color-danger) 85%, #000)}.ui-modal__close{block-size:3.2rem;inline-size:3.2rem;color:var(--color-text-muted);border-radius:var(--radius-small);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ui-modal__close:hover,.ui-modal__close:focus-visible{color:var(--color-text-primary);background:var(--color-bg-surface-hover)}@media (width<=640px){.ui-modal--fullscreen .ui-modal__panel,.ui-modal__panel--fullscreen{inset:var(--space-small)}}.toast{z-index:20;cursor:pointer;position:fixed;inset-block-start:calc(var(--space-4x-large) + var(--space-small));inset-inline-start:50%;transform:translate(-50%)}@media (width<=767px){.toast{inset-block-start:calc(var(--space-4x-large) + var(--space-x-small))}}.toast-inner{align-items:center;gap:var(--space-small);padding:var(--space-normal) var(--space-large);border-radius:var(--radius);box-shadow:var(--shadow-large);border:1px solid #0000;display:flex}.toast-inner--success{color:#fff;background:#10b981e6;border-color:#34d3994d}.toast-inner--error{color:#fff;background:#ef4444e6;border-color:#f871714d}.toast-inner--warning{color:#fff;background:#d97706eb;border-color:#f59e0b59}.toast-inner svg{width:var(--space-medium);height:var(--space-medium);flex-shrink:0}.toast-inner span{font-size:var(--font-normal);font-weight:500}.help-tooltip{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.help-tooltip__btn{border:1.5px solid var(--color-text-primary);border-radius:var(--radius-full);width:1.8rem;height:1.8rem;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-x-small);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1;display:inline-flex}.help-tooltip__btn:hover,.help-tooltip__btn:focus-visible{background:var(--color-text-primary);color:var(--color-text-inverse);outline:none}.help-tooltip--warning .help-tooltip__btn{border-color:var(--color-warning,#d97706);color:var(--color-warning,#d97706)}.help-tooltip--warning .help-tooltip__btn:hover,.help-tooltip--warning .help-tooltip__btn:focus-visible{background:var(--color-warning,#d97706);color:var(--color-text-inverse)}.help-tooltip__popup{z-index:50;white-space:normal;word-break:break-word;background:var(--color-bg-overlay);border:1px solid var(--color-border);border-radius:var(--radius);width:24rem;max-width:min(90vw,28rem);padding:var(--space-small);pointer-events:none;text-align:start;position:absolute;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.help-tooltip__popup--bottom{inset-block-start:calc(100% + var(--space-2x-small))}.help-tooltip__popup--top{inset-block-end:calc(100% + var(--space-2x-small))}.help-tooltip__heading{font-size:var(--font-x-small);color:var(--color-text-primary);margin-block-end:var(--space-3x-small);font-weight:600;display:block}.help-tooltip__text{font-size:var(--font-x-small);color:var(--color-text-muted);margin:0;line-height:1.5}.help-tooltip__highlight,.help-tooltip__text strong,.text-highlight{color:var(--color-text-primary);font-weight:700}[data-tooltip]{position:relative}[data-tooltip]:before,[data-tooltip]:after{pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}[data-tooltip]:after{content:attr(data-tooltip);background:var(--color-bg-tooltip);color:var(--color-text-primary);font-size:var(--font-x-small);border-radius:var(--radius-small);border:1px solid var(--color-border);white-space:nowrap;z-index:50;padding:.3rem .6rem;font-weight:500;line-height:1.4;position:absolute;inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-tooltip]:before{content:"";background:var(--color-bg-tooltip);border-block-end:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);z-index:51;width:7px;height:7px;position:absolute;inset-block-end:calc(100% + .25rem);inset-inline-start:50%;transform:translate(-50%)rotate(45deg)}[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus-visible:before,[data-tooltip]:focus-visible:after{opacity:1}.avatar{border-radius:var(--radius-full);object-fit:cover;width:4rem;height:4rem}.avatar--small{width:var(--space-large);height:var(--space-large)}.avatar--large{width:10rem;height:10rem;box-shadow:var(--shadow)}.avatar-fallback{border-radius:var(--radius-full);background:var(--gradient-logo);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar-fallback--small{width:var(--space-large);height:var(--space-large);font-size:var(--font-x-small)}.avatar-fallback--medium{width:4rem;height:4rem;font-size:var(--font-small)}.avatar-fallback--large{width:10rem;height:10rem;font-size:var(--font-x-large);box-shadow:var(--shadow)}.range-slider{appearance:none;pointer-events:none;background:0 0;height:.6rem;margin:0}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);pointer-events:auto;cursor:pointer;border:2px solid #fff;border-radius:50%;width:1.8rem;height:1.8rem;box-shadow:0 .2rem .6rem #0003}.range-slider::-moz-range-thumb{background:var(--color-accent);pointer-events:auto;cursor:pointer;border:2px solid #fff;border-radius:50%;width:1.8rem;height:1.8rem;box-shadow:0 .2rem .6rem #0003}.logo{user-select:none;align-items:baseline;gap:.15em;font-size:3.2rem;line-height:1;display:inline-flex;position:relative}@media (width<=499px){.logo{font-size:2.5rem}}.logo-bubble{background:linear-gradient(145deg,#f5a623,#e84393,#a855f7,#00bcd4,#f5d742,#e84393,#f5a623) 0 0/300% 300%;align-items:flex-start;padding:.22em .38em .68em;line-height:1;animation:8s infinite bubble-gradient;display:inline-flex;mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 309 188' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M104.157 147C102.228 147 100.464 148.147 99.5898 149.866C82.3603 183.744 59.6153 188.166 47.148 187.645C43.166 187.479 42.2413 182.935 45.1779 180.24C56.5711 169.787 57.5458 162.165 55.9773 151.154C55.6343 148.747 53.535 147 51.1034 147H40C17.9086 147 7.40996e-07 129.091 0 107V40C7.40996e-07 17.9086 17.9086 1.03082e-06 40 0H269C291.091 1.03082e-06 309 17.9086 309 40V107C309 129.091 291.091 147 269 147H104.157Z' fill='%23fff'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat}.logo-chat{color:#fff;letter-spacing:.04em;text-transform:uppercase;font-family:Titillium Web,sans-serif;font-size:1em;font-weight:900}.logo-style{--logo-neon-base:#2d1b69;color:var(--logo-neon-base);text-shadow:none;font-family:Neonderthaw,cursive;font-size:1.3em;font-weight:400;line-height:.7;animation:10s infinite neon-flicker;position:relative;inset-block-end:-.05em}.logo-asset-menu{z-index:1200;box-shadow:var(--shadow-large);white-space:nowrap;display:grid;position:fixed}.logo-asset-menu__button{align-items:center;gap:var(--space-2x-small);inline-size:100%;padding:var(--space-small);border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-primary);font:inherit;font-size:var(--font-small);text-align:start;cursor:pointer;transition:var(--transition-slow);line-height:1.2;display:flex;&:first-child{border-start-start-radius:var(--radius-small);border-start-end-radius:var(--radius-small)}&:last-child{border-block-start:0;border-end-end-radius:var(--radius-small);border-end-start-radius:var(--radius-small)}}.logo-asset-menu__button:hover,.logo-asset-menu__button:focus-visible{background:var(--color-bg-page);outline:none}.logo-asset-menu__icon{flex:0 0 var(--space-normal);inline-size:var(--space-normal);block-size:var(--space-normal);color:var(--color-text-muted)}.dark .logo-style{--logo-neon-base:#fff}.hero-logo-chat{vertical-align:baseline;margin-inline:.05em -.15em;font-size:.85em}.hero-logo-style{vertical-align:baseline;margin-inline-end:-.12em;font-size:1.4em;inset-block-end:-.08em}@media (width<=767px){.topbar-logo{max-inline-size:40%}.topbar-logo .logo{max-inline-size:100%;font-size:clamp(1.6rem,5.5vw,2.5rem)}}@keyframes neon-flicker{0%,3%{color:var(--logo-neon-base);text-shadow:none;opacity:1}4%{opacity:.5}5%{color:#e91e63;text-shadow:0 0 7px #e91e6380,0 0 20px #e91e6340,0 0 40px #e91e6325;opacity:1}6%{opacity:.7}7%,15%{color:#e91e63;text-shadow:0 0 7px #e91e6380,0 0 20px #e91e6340,0 0 40px #e91e6325;opacity:1}16%{opacity:.5}17%,19%{color:var(--logo-neon-base);text-shadow:none;opacity:1}20%,23%{color:var(--logo-neon-base);text-shadow:none;opacity:1}24%{opacity:.5}25%{color:#2979ff;text-shadow:0 0 7px #2979ff80,0 0 20px #2979ff40,0 0 40px #2979ff25;opacity:1}26%{opacity:.75}27%,35%{color:#2979ff;text-shadow:0 0 7px #2979ff80,0 0 20px #2979ff40,0 0 40px #2979ff25;opacity:1}36%{opacity:.5}37%,39%{color:var(--logo-neon-base);text-shadow:none;opacity:1}40%,43%{color:var(--logo-neon-base);text-shadow:none;opacity:1}44%{opacity:.4}45%{color:#a0f;text-shadow:0 0 7px #aa00ff80,0 0 20px #aa00ff40,0 0 40px #aa00ff25;opacity:.8}46%{opacity:.6}47%,55%{color:#a0f;text-shadow:0 0 7px #aa00ff80,0 0 20px #aa00ff40,0 0 40px #aa00ff25;opacity:1}56%{opacity:.5}57%,59%{color:var(--logo-neon-base);text-shadow:none;opacity:1}60%,63%{color:var(--logo-neon-base);text-shadow:none;opacity:1}64%{opacity:.5}65%{color:#00b248;text-shadow:0 0 7px #00b24880,0 0 20px #00b24840,0 0 40px #00b24825;opacity:1}66%{opacity:.65}67%,75%{color:#00b248;text-shadow:0 0 7px #00b24880,0 0 20px #00b24840,0 0 40px #00b24825;opacity:1}76%{opacity:.5}77%,79%{color:var(--logo-neon-base);text-shadow:none;opacity:1}80%,83%{color:var(--logo-neon-base);text-shadow:none;opacity:1}84%{opacity:.4}85%{color:#ff6d00;text-shadow:0 0 7px #ff6d0080,0 0 20px #ff6d0040,0 0 40px #ff6d0025;opacity:.8}86%{opacity:.6}87%,95%{color:#ff6d00;text-shadow:0 0 7px #ff6d0080,0 0 20px #ff6d0040,0 0 40px #ff6d0025;opacity:1}96%{opacity:.5}97%,to{color:var(--logo-neon-base);text-shadow:none;opacity:1}}@keyframes bubble-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){.logo-bubble,.logo-style{animation:none}}.site-footer{margin-block-start:var(--space-6x-large)}body.customizer-active .site-footer{margin-block-start:0}.site-footer-inner{max-width:144rem;padding-inline:var(--space-large);border-block-start:1px solid var(--color-border);align-items:center;gap:var(--space-2x-large);flex-direction:column;margin-inline:auto;padding-block-start:var(--space-3x-large);display:flex}.site-footer-columns{gap:var(--space-2x-large) var(--space-x-large);grid-template-columns:1fr;width:100%;display:grid}.site-footer-col{inline-size:100%;min-inline-size:0}@media (width>=768px){.site-footer-columns{grid-template-columns:2fr 1fr 1fr 1fr}}.site-footer-col--brand{gap:var(--space-normal);flex-direction:column;display:flex}.site-footer-tagline{font-size:var(--font-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:32rem}.site-footer-text{font-size:var(--font-x-small);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:32rem}.site-footer-heart-flag{flex-shrink:0;block-size:2.8rem;inline-size:2.8rem}.site-footer-made-with{align-items:center;gap:var(--space-x-small);font-size:var(--font-x-small);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.site-footer-made-with-sep{color:var(--color-text-muted)}.site-footer-creator{color:#9146ff;font-size:var(--font-x-small);transition:opacity var(--transition-base);align-items:center;gap:.3rem;font-weight:700;text-decoration:none;display:inline-flex}.site-footer-creator:hover{opacity:.75}.site-footer-twitch-icon{flex-shrink:0;block-size:1.2rem;inline-size:1.2rem}.site-footer-col-heading{font-family:var(--font-heading);font-size:var(--font-x-small);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);margin-block-end:var(--space-x-small);font-weight:700}.site-footer-col-links{gap:var(--space-small);flex-direction:column;display:flex}.site-footer-link{font-size:var(--font-x-small);color:var(--color-text-muted);transition:color var(--transition-base);text-decoration:none}.site-footer-link--button{text-align:start;inline-size:fit-content;padding:0}.site-footer-link:hover{color:var(--color-accent)}.site-footer-logo{pointer-events:none}.site-footer-logo .logo{margin-block:2rem 10rem;font-size:5rem}.site-footer-logo .logo-bubble,.site-footer-logo .logo-style{animation:none}@media (width<=499px){.site-footer-logo .logo{font-size:4rem}}#stcm-wrapper{z-index:var(--z-ui-modal,10030);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#stcm-banner,#stcm-modal{pointer-events:auto}#stcm-banner{inset-block:auto var(--space-normal);inset-inline:auto var(--space-normal);inline-size:min(44.8rem, calc(100% - (2 * var(--space-normal))));position:fixed}#stcm-icon{display:none!important}@media (width<=767px){body:has(.mobile-bottom-bar) #stcm-banner{inset-block-end:calc(var(--space-3x-large) + var(--space-normal))}#stcm-banner .ui-modal__footer,#stcm-modal .ui-modal__footer{flex-direction:column;align-items:stretch}}.steps{gap:var(--space-large);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=768px){.steps{gap:var(--space-normal);grid-template-columns:1fr auto 1fr auto 1fr}}.step{text-align:center;padding:0 var(--space-large) var(--space-x-large)}.step-button{block-size:100%;inline-size:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;display:block}.step-number{border-radius:var(--radius-full);width:3.6rem;height:3.6rem;font-size:var(--font-small);font-weight:700;font-family:var(--font-heading);color:#fff;justify-content:center;align-items:center;display:inline-flex;transform:translateY(-2rem)}.step-number--1{background:var(--gradient-streamer)}.step-number--2{background:var(--gradient-viewer)}.step-number--3{background:var(--gradient-brand)}.step-title{font-size:var(--font-medium);font-weight:700;font-family:var(--font-heading);color:var(--color-text-primary);margin-block-end:var(--space-x-small);display:block}.step-desc{font-size:var(--font-x-small);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-block-end:var(--space-normal);display:block}.step-cta{align-items:center;gap:var(--space-2x-small);font-size:var(--font-x-small);color:var(--color-accent);transition:color var(--transition-base);cursor:pointer;background:0 0;border:none;font-family:inherit;font-weight:600;text-decoration:none;display:inline-flex}.step-cta:hover{color:var(--color-accent-hover)}.step--active{--step-active-pulse-size:1.9rem;--step-active-pulse-alpha:.86;--step-active-pulse-mid-alpha:.38;--step-active-glow-alpha:.48;color:#fff;will-change:box-shadow;border-color:#0000;animation:2s cubic-bezier(.16,1,.3,1) infinite step-pulse}.dark .step--active{--step-active-pulse-size:2.15rem;--step-active-pulse-alpha:1;--step-active-pulse-mid-alpha:.52;--step-active-glow-alpha:.72}.step--active-1{--step-active-pulse-rgb:168 85 247;background:var(--gradient-brand)}.step--active-2{--step-active-pulse-rgb:255 107 107;background:var(--gradient-streamer)}.step--active-3{--step-active-pulse-rgb:54 209 220;background:var(--gradient-viewer)}.step--active .step-title,.step--active .step-desc,.step--active .step-cta,.step--active .step-cta:hover{color:#fff}.step--active .step-number{outline:3px solid var(--color-bg-page);background:var(--color-text-primary);color:var(--color-text-inverse)}@keyframes step-pulse{0%{box-shadow:0 0 0 .18rem rgb(var(--step-active-pulse-rgb) / .58), 0 0 0 0 rgb(var(--step-active-pulse-rgb) / var(--step-active-pulse-alpha)), 0 1.2rem 3.2rem -.5rem rgb(var(--step-active-pulse-rgb) / var(--step-active-glow-alpha)), var(--shadow)}52%{box-shadow:0 0 0 .18rem rgb(var(--step-active-pulse-rgb) / .68), 0 0 0 calc(var(--step-active-pulse-size) * .58) rgb(var(--step-active-pulse-rgb) / var(--step-active-pulse-mid-alpha)), 0 1.4rem 3.6rem -.4rem rgb(var(--step-active-pulse-rgb) / var(--step-active-glow-alpha)), var(--shadow)}to{box-shadow:0 0 0 .18rem rgb(var(--step-active-pulse-rgb) / .5), 0 0 0 var(--step-active-pulse-size) rgb(var(--step-active-pulse-rgb) / 0), 0 1.2rem 3.2rem -.5rem rgb(var(--step-active-pulse-rgb) / var(--step-active-glow-alpha)), var(--shadow)}}@media (prefers-reduced-motion:reduce){.step--active{animation:none}}.step-connector{color:var(--color-text-muted);opacity:.35;display:none}@media (width>=768px){.step-connector{justify-content:center;align-items:center;display:flex}}.premium-banner{align-items:center;gap:var(--space-normal);padding:var(--space-normal) var(--space-large);border-radius:var(--radius-large);background:linear-gradient(135deg, var(--color-accent-subtle), var(--color-bg-overlay));border:1px solid var(--color-accent-subtle);flex-wrap:wrap;margin-block-end:var(--space-large);display:flex}.premium-banner-icon{border-radius:var(--radius-full);background:var(--color-accent-subtle);block-size:4rem;inline-size:4rem;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.premium-banner-body{flex:18rem;min-inline-size:0}.premium-banner-title{font-size:var(--font-small);color:var(--color-text-primary);align-items:center;gap:var(--space-x-small);margin:0;font-weight:700;display:flex}.premium-banner-text{font-size:var(--font-x-small);color:var(--color-text-muted);margin-block-start:.3rem;line-height:1.5}.premium-notice{align-items:center;column-gap:var(--space-x-small);row-gap:var(--space-2x-small);padding:var(--space-x-small) var(--space-small);border-radius:var(--radius);background:var(--color-accent-subtle);border:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent);grid-template-columns:auto 1fr;display:grid}.premium-notice--locked{background:var(--color-bg-overlay);border-color:var(--color-border)}.premium-notice-icon{color:var(--color-accent);justify-content:center;align-items:center;display:inline-flex}.premium-notice--locked .premium-notice-icon{color:var(--color-text-muted)}.premium-notice-text{font-size:var(--font-x-small);color:var(--color-text-primary);font-weight:600;line-height:1.4}.premium-notice-meta{font-size:var(--font-2x-small,var(--font-x-small));color:var(--color-text-muted);grid-column:1/-1;line-height:1.4}.filter-controls{justify-content:center;align-items:center;gap:var(--space-normal);flex-flow:wrap;margin-block-end:var(--space-large);display:flex}@media (width<=639px){.filter-controls{flex-direction:column}}.filter-count{width:var(--space-medium);height:var(--space-medium);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--font-x-small);justify-content:center;align-items:center;display:flex}.chip-clear{font-size:var(--font-x-small);color:var(--color-text-muted);cursor:pointer;text-decoration:underline}.chip-clear:hover{color:var(--color-accent)}.filter-panel{padding:var(--space-medium);border-radius:var(--radius-large);margin-block-end:var(--space-x-large)}.filter-panel-grid{gap:var(--space-large);grid-template-columns:1fr;display:grid}@media (width>=768px){.filter-panel-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.filter-panel-grid{grid-template-columns:repeat(4,1fr)}}.filter-group-title{font-size:var(--font-x-small);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--space-small);font-weight:600}.price-labels{font-size:var(--font-x-small);color:var(--color-text-muted);justify-content:space-between;margin-block-end:var(--space-x-small);display:flex}.price-track{height:var(--space-large);position:relative}.price-track-bg{border-radius:var(--radius-full);background:var(--color-border);height:.6rem;position:absolute;inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.price-track-fill{border-radius:var(--radius-full);background:var(--color-accent);height:100%;position:absolute}.price-track .range-slider{width:100%;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.empty-state{text-align:center;padding:var(--space-4x-large) 0;color:var(--color-text-muted)}.empty-state-cta{align-items:center;gap:var(--space-small);flex-direction:column;max-width:32rem;margin-inline:auto;display:flex}.empty-state-title{font-size:var(--font-large);color:var(--color-text-primary);margin:0;font-weight:600}.empty-state-text{color:var(--color-text-muted);margin:0 0 var(--space-small)}.hero-stamp{justify-content:center;align-items:center;gap:var(--space-x-small);padding:var(--space-x-small) var(--space-medium);font-size:var(--font-x-small);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);border:2px dashed var(--color-accent);border-radius:var(--radius);flex-wrap:wrap;margin-block-end:var(--space-x-large);font-weight:700;display:inline-flex;transform:rotate(-2deg)}.hero-stamp-link{padding:var(--space-2x-small) var(--space-small);font-size:var(--font-x-small);text-transform:none;letter-spacing:0;color:#fff;background:var(--color-accent);border-radius:var(--radius-small);transition:opacity var(--transition-base);font-weight:600}.hero-stamp-link:hover{opacity:.85}@media (width<=450px){.hero-stamp{flex-direction:column}}.hero{text-align:center;padding-block-start:var(--space-4x-large);padding-block-end:var(--space-5x-large)}.hero-title{font-size:var(--font-3x-large);color:var(--color-text-primary);font-weight:700;font-family:var(--font-heading);letter-spacing:-.02em;line-height:var(--leading-tight)}@media (width>=768px){.hero-title{font-size:var(--font-4x-large)}}.hero-title-line2{display:inline}@media (width<=499px){.hero-title-line2{display:block}}.hero-subtitle{font-size:var(--font-medium);color:var(--color-text-secondary);max-width:56rem;line-height:var(--leading-relaxed);margin-block-start:var(--space-medium);margin-inline:auto}.audience-cards{gap:var(--space-large);grid-template-columns:1fr;margin-block-start:var(--space-4x-large);display:grid}@media (width>=768px){.audience-cards{grid-template-columns:repeat(3,1fr)}}.audience-card{border-radius:var(--radius-large);padding:var(--space-large);transition:all var(--transition-slow);position:relative;overflow:hidden}.audience-card:hover{transform:translateY(-.6rem)}.audience-card--streamer{background:var(--gradient-streamer);box-shadow:0 2.5rem 6rem -1.2rem #ff6b6b80,0 1rem 3rem -.8rem #0000004d}.audience-card--viewer{background:var(--gradient-viewer);box-shadow:0 2.5rem 6rem -1.2rem #5b86e580,0 1rem 3rem -.8rem #0000004d}.audience-card--brand{background:var(--gradient-brand);box-shadow:0 2.5rem 6rem -1.2rem #a855f780,0 1rem 3rem -.8rem #0000004d}.audience-card-overlay{opacity:0;transition:opacity var(--transition-slow);background:#ffffff1a;position:absolute;inset:0}.audience-card:hover .audience-card-overlay{opacity:1}.audience-card-body{z-index:1;position:relative}.audience-card-icon{border-radius:var(--radius-large);width:5.6rem;height:5.6rem;margin:0 auto var(--space-normal);background:#fff3;justify-content:center;align-items:center;display:flex}.audience-card-icon svg{color:#fff;width:2.8rem;height:2.8rem}.audience-card-title{font-size:var(--font-medium);color:#fff;font-weight:700;font-family:var(--font-heading)}.audience-card-text{font-size:var(--font-small);color:#fffc;line-height:var(--leading-relaxed);margin-block-start:var(--space-x-small)}.audience-card-cta{align-items:center;gap:var(--space-x-small);padding:var(--space-x-small) var(--space-medium);border-radius:var(--radius-full);color:#fff;font-size:var(--font-small);transition:all var(--transition-base);background:#fff3;margin-block-start:var(--space-medium);font-weight:600;display:inline-flex}.audience-card-cta:hover{background:#ffffff4d}.audience-card-cta svg{width:var(--space-normal);height:var(--space-normal)}.compatible-software{text-align:center;margin-block-start:var(--space-2x-large)}.compatible-software-label{font-size:var(--font-x-small);letter-spacing:0;color:var(--color-text-muted);text-transform:uppercase;margin-block-end:var(--space-normal);font-weight:700}.compatible-software-logos{justify-content:center;align-items:center;gap:var(--space-medium) var(--space-large);flex-wrap:wrap;max-inline-size:76rem;margin-inline:auto;display:flex}.compatible-software-logo-link{align-items:center;block-size:4.8rem;display:inline-flex}.compatible-software-logo{max-block-size:100%}.compatible-software-logo--meld{filter:drop-shadow(0 0 2px);block-size:3.5rem}.featured-streamers{padding-block-end:var(--space-4x-large)}.featured-streamers-carousel-wrap{max-width:calc(10 * 10rem + 9 * var(--space-normal));margin-inline:auto;position:relative}.featured-streamers-grid{justify-content:center;align-items:center;gap:var(--space-normal);padding-block-start:var(--space-large);padding-block-end:var(--space-2x-large);padding-inline:var(--space-large);flex-wrap:nowrap;display:flex}.featured-streamers-grid--carousel{scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding-inline:0;overflow-x:scroll;mask-image:linear-gradient(90deg,#0000 0,#000 3.2rem calc(100% - 3.2rem),#0000 100%)}.featured-streamers-grid--carousel::-webkit-scrollbar{display:none}.streamer-avatar-wrap{scroll-snap-align:center;will-change:transform;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}.streamer-avatar-wrap--live .avatar--large,.streamer-avatar-wrap--live .avatar-fallback--large{outline-offset:3px;outline:3px solid #ef4444;animation:1.35s ease-in-out infinite streamer-avatar-wrap-live-pulse}.streamer-live-badge{z-index:3;border-radius:var(--radius-full);border:2px solid var(--color-bg,#fff);color:#fff;min-inline-size:2.6rem;font-size:var(--font-2x-small);text-transform:uppercase;box-shadow:var(--shadow-small);background:#ef4444;justify-content:center;align-items:center;padding-block:.18rem;padding-inline:.45rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;inset-block-start:-1.5rem;inset-inline-start:50%;transform:translate(-50%)}.streamer-avatar-wrap:hover{z-index:2;transform:scale(1.25)}.streamer-avatar-wrap:hover+.streamer-avatar-wrap,.streamer-avatar-wrap:has(+.streamer-avatar-wrap:hover){z-index:1;transform:scale(1.1)}.streamer-avatar-wrap:hover+.streamer-avatar-wrap+.streamer-avatar-wrap{transform:scale(1.03)}@keyframes streamer-avatar-wrap-live-pulse{0%,to{box-shadow:0 0 0 .16rem #ef444485,0 0 .8rem #ef44446b}50%{box-shadow:0 0 0 .35rem #ef44446b,0 0 0 1rem #ef444447}}@media (prefers-reduced-motion:reduce){.streamer-avatar-wrap--live .avatar--large,.streamer-avatar-wrap--live .avatar-fallback--large{animation:none}}.transfer-search-results{gap:var(--space-small);display:grid}.transfer-search-results .transfer-search-result{cursor:pointer;appearance:none;inline-size:100%;max-inline-size:none;padding:var(--space-normal);border-radius:var(--radius-large);background:var(--color-surface);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);border:2px solid #ffffff1f;outline:none;position:relative}.transfer-search-results .transfer-search-result .streamer-search-header{align-items:center;margin-block-end:0}.transfer-search-results .transfer-search-result:hover{transform:translateY(-1px)}.transfer-search-results .transfer-search-result.transfer-search-result--selected{box-shadow:0 1.2rem 2.8rem -1.4rem #22c55e73;background:color-mix(in srgb, #22c55e 8%, var(--color-surface))!important;border:2px solid #22c55e!important}.transfer-search-results .transfer-search-result.transfer-search-result--selected:focus,.transfer-search-results .transfer-search-result.transfer-search-result--selected:focus-visible,.transfer-search-results .transfer-search-result.transfer-search-result--selected:hover{border:2px solid #22c55e!important}.transfer-search-results .transfer-search-result__badge{border:2px solid var(--color-border-strong,var(--color-border));color:#0000;block-size:1.8rem;inline-size:1.8rem;transition:border-color var(--transition-base), background var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:var(--space-small);inset-inline-end:var(--space-small)}.transfer-search-results .transfer-search-result__badge.transfer-search-result__badge--selected{color:#fff;box-shadow:0 0 0 .2rem color-mix(in srgb, var(--color-success) 18%, transparent);background:#22c55e!important;border-color:#22c55e!important}.transfer-search-results .transfer-search-result__badge .icon-12{color:currentColor}.streamer-avatar-wrap:has(+.streamer-avatar-wrap+.streamer-avatar-wrap:hover){transform:scale(1.03)}.streamer-avatar-name{padding:.2rem var(--space-small);border-radius:var(--radius-full);backdrop-filter:blur(8px);font-size:var(--font-x-small);color:var(--color-text-primary);white-space:nowrap;box-shadow:var(--shadow-small);opacity:0;background:#fffc;font-weight:600;transition:opacity .2s;position:absolute;inset-block-end:var(--space-2x-small);inset-inline-start:50%;transform:translate(-50%)}.streamer-avatar-wrap:hover .streamer-avatar-name{opacity:1}.dark .streamer-avatar-name{background:#ffffff26}@media (width<=767px){.featured-streamers,.skins-section{overflow-x:clip}.featured-streamers>.section-inner,.skins-section>.section-inner{padding-inline:0}.featured-streamers-grid{flex-wrap:wrap}.featured-streamers-grid--carousel,.followed-streamers-grid--carousel{flex-wrap:nowrap}.streamer-avatar-name{opacity:1}}.home-how,.gamescom-how{padding-block-end:var(--space-4x-large);& .steps{color:#2d1b69;align-items:start}& .step-connector{align-self:center;transform:translateY(-200%)}& .step-title{font-size:var(--font-x-large);color:inherit;margin-block-end:var(--space-large);font-weight:400}& .step-desc{color:inherit;margin-block-start:var(--space-large);margin-block-end:0}& .step{border-radius:inherit;padding:0 var(--space-2x-large) var(--space-2x-large)}& .step-1{background:linear-gradient(111deg,#f9ce85 -.02%,#f3a0c8 100.68%)}& .step-2{background:linear-gradient(111deg,#dab6fc -.02%,#3de9ff 100.68%)}& .step-3{background:linear-gradient(111deg,#f3a0c8 -.02%,#dab6fc 100.68%)}}.skins-section{padding-block:var(--space-6x-large)}.followed-streamers-section{text-align:center;margin-block-end:var(--space-2x-large);margin-inline:auto}.followed-streamers-title{font-size:var(--font-small);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--space-normal);font-weight:600}.followed-streamers-carousel-wrap{max-width:calc(10 * 10rem + 9 * var(--space-normal));margin-inline:auto;position:relative}.followed-streamers-grid{justify-content:center;gap:var(--space-normal);flex-wrap:wrap;display:flex}.followed-streamers-grid--carousel{scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding-block-start:var(--space-small);padding-block-end:var(--space-3x-large);overflow-x:scroll;mask-image:linear-gradient(90deg,#0000 0,#000 3.2rem calc(100% - 3.2rem),#0000 100%)}.followed-streamers-grid--carousel::-webkit-scrollbar{display:none}.followed-streamers-grid--carousel .streamer-avatar-wrap{scroll-snap-align:start;flex-shrink:0}.carousel-arrow{z-index:2;border-radius:var(--radius-full);background:var(--color-surface-elevated);border:1px solid var(--color-border);width:3.2rem;height:3.2rem;color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-base), transform var(--transition-base);box-shadow:var(--shadow-small);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:var(--color-surface-hover);transform:translateY(-50%)scale(1.08)}.carousel-arrow--prev{left:-1.6rem}.carousel-arrow--next{right:-1.6rem}.followed-streamers-empty{font-size:var(--font-small);color:var(--color-text-muted)}.streamer-search-result{width:100%;max-width:30rem;padding:var(--space-normal);border-radius:var(--radius-large);border:2px dashed #9333ea}.streamer-search-header{align-items:center;gap:var(--space-small);color:inherit;margin-block-end:var(--space-small);text-decoration:none;display:flex}.streamer-search-header--link:hover .streamer-search-name{color:var(--color-accent)}.streamer-search-name{font-size:var(--font-small);color:var(--color-text-primary);font-weight:600}.streamer-search-handle{font-size:var(--font-x-small);color:var(--color-text-muted);display:block}.search-results-grid{justify-content:center;gap:var(--space-normal);max-width:76.8rem;margin-inline:auto;display:flex}.testimonials{max-height:56rem;padding-block-end:var(--space-5x-large);transition:max-height .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.testimonials--expanded{max-height:500rem}.testimonials-fade{background:linear-gradient(to top, var(--color-bg-page) 10%, transparent);pointer-events:none;z-index:1;height:16rem;position:absolute;inset-block-end:0;inset-inline:0}.testimonials-fade--transition{transition:opacity .4s}.testimonials-fade--visible{opacity:1}.testimonials-fade--hidden{opacity:0}.testimonials-toggle{font-size:var(--font-small);color:var(--color-accent);cursor:pointer;transition:opacity var(--transition-base);font-weight:600}.testimonials-toggle-wrap{margin-block-start:var(--space-medium);padding-block-end:var(--space-x-large)}.avatar-fallback--hidden{display:none}.testimonials-toggle:hover{opacity:.8}.testimonials-masonry{columns:1;column-gap:var(--space-medium)}@media (width>=640px){.testimonials-masonry{columns:2}}@media (width>=1024px){.testimonials-masonry{columns:3}}.testimonial-card{break-inside:avoid;padding:var(--space-medium);border-radius:var(--radius-large);box-shadow:var(--shadow-large);text-align:start;border:1px solid #ffffff4d;margin-block-end:var(--space-medium)}.dark .testimonial-card{border-color:#ffffff0d}.testimonial-card--streamer{background:linear-gradient(to bottom right,#ff6b6b1a,#ff8e530d,#0000)}.testimonial-card--viewer{background:linear-gradient(to bottom right,#36d1dc1a,#5b86e50d,#0000)}.testimonial-card--brand{background:linear-gradient(to bottom right,#a855f71a,#6c3fc50d,#0000)}.testimonial-author{align-items:center;gap:var(--space-small);margin-block-end:var(--space-normal);display:flex}.testimonial-avatar-img{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:4rem;height:4rem}.testimonial-avatar-fallback{border-radius:var(--radius-full);background:var(--gradient-logo);color:#fff;width:4rem;height:4rem;font-size:var(--font-small);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.testimonial-meta{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.testimonial-name{font-size:var(--font-small);color:var(--color-text-primary);font-weight:600}a.testimonial-name:hover{text-decoration:underline}.testimonial-quote{font-size:var(--font-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.testimonial-quote p{margin-block:0}.testimonial-quote p+p{margin-block-start:.75em}.testimonial-quote a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.testimonial-quote img{max-block-size:1.75em;max-inline-size:100%;object-fit:contain;vertical-align:-.35em;width:auto;height:auto;display:inline-block}.login-copy{margin-block:0 var(--space-normal);font-size:var(--font-small);color:var(--color-text-muted)}.login-options{gap:var(--space-small);flex-direction:column;display:flex}.login-option{align-items:center;gap:var(--space-normal);width:100%;padding:var(--space-normal);border-radius:var(--radius);transition:all var(--transition-base);border:1px solid;display:flex}.login-option--streamer{background:linear-gradient(90deg,#ff6b6b1a,#ff8e531a);border-color:#ff8e5333}.dark .login-option--streamer{background:linear-gradient(90deg,#ff6b6b0d,#ff8e530d);border-color:#ff8e531a}.login-option--streamer:hover{background:linear-gradient(90deg,#ff6b6b33,#ff8e5333)}.dark .login-option--streamer:hover{background:linear-gradient(90deg,#ff6b6b1a,#ff8e531a)}.login-option--viewer{background:linear-gradient(90deg,#36d1dc1a,#5b86e51a);border-color:#5b86e533}.dark .login-option--viewer{background:linear-gradient(90deg,#36d1dc0d,#5b86e50d);border-color:#5b86e51a}.login-option--viewer:hover{background:linear-gradient(90deg,#36d1dc33,#5b86e533)}.dark .login-option--viewer:hover{background:linear-gradient(90deg,#36d1dc1a,#5b86e51a)}.login-option-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.login-option-icon--streamer{background:var(--gradient-streamer)}.login-option-icon--viewer{background:var(--gradient-viewer)}.login-option-icon svg{width:var(--space-medium);height:var(--space-medium);color:#fff}.login-option-label{font-weight:600;font-size:var(--font-small);color:var(--color-text-primary)}.login-option-desc{font-size:var(--font-x-small);color:var(--color-text-muted)}.login-option-arrow{width:var(--space-normal);height:var(--space-normal);color:var(--color-text-muted);transition:transform var(--transition-base);margin-inline-start:auto}.login-option:hover .login-option-arrow{transform:translate(.2rem)}.login-twitch-badge{align-items:center;gap:var(--space-x-small);justify-content:center;margin-block-start:var(--space-large);display:flex}.login-twitch-badge svg{width:var(--space-normal);height:var(--space-normal);color:#6441a5}.login-twitch-badge span{font-size:var(--font-x-small);color:var(--color-text-muted)}.login-permissions-link{font-size:var(--font-x-small);text-align:center;margin-block-start:var(--space-small)}.login-permissions-link a{color:var(--color-accent);font-weight:600}.login-permissions-link a:hover{text-decoration:underline}.onboarding-page{max-width:52rem;padding:var(--space-6x-large) var(--space-large) 0;text-align:center;margin-inline:auto}.onboarding-title{font-size:var(--font-large);color:var(--color-text-primary);font-weight:700;font-family:var(--font-heading)}.onboarding-subtitle{font-size:var(--font-small);color:var(--color-text-muted);margin-block-start:var(--space-small)}.onboarding-grid{gap:var(--space-normal);grid-template-columns:1fr;margin-block-start:4rem;display:grid}@media (width>=640px){.onboarding-grid{grid-template-columns:repeat(2,1fr)}}.onboarding-card{width:100%;padding:var(--space-large);border-radius:var(--radius-large);transition:all var(--transition-base);text-align:start;cursor:pointer;border:1px solid}.onboarding-card--streamer{background:linear-gradient(to bottom right,#ff6b6b1a,#ff8e531a);border-color:#ff8e5333}.dark .onboarding-card--streamer{background:linear-gradient(to bottom right,#ff6b6b0d,#ff8e530d);border-color:#ff8e531a}.onboarding-card--streamer:hover{background:linear-gradient(to bottom right,#ff6b6b33,#ff8e5333)}.onboarding-card--viewer{background:linear-gradient(to bottom right,#36d1dc1a,#5b86e51a);border-color:#5b86e533}.dark .onboarding-card--viewer{background:linear-gradient(to bottom right,#36d1dc0d,#5b86e50d);border-color:#5b86e51a}.onboarding-card--viewer:hover{background:linear-gradient(to bottom right,#36d1dc33,#5b86e533)}.onboarding-card-icon{width:var(--space-2x-large);height:var(--space-2x-large);border-radius:var(--radius);justify-content:center;align-items:center;margin-block-end:var(--space-normal);display:flex}.onboarding-card-icon svg{width:var(--space-large);height:var(--space-large);color:#fff}.onboarding-card-title{color:var(--color-text-primary);font-weight:700}.onboarding-card-desc{font-size:var(--font-x-small);color:var(--color-text-muted);margin-block-start:var(--space-2x-small)}.template-explore>.section-inner>.section-title{margin-block-end:var(--space-small)}.template-explore .homepage-catalog-cta-wrap--top{margin-block-end:var(--space-x-large)}.template-explore .preview-card-grid{gap:var(--space-x-large)}.template-explore .preview-card-body{padding-block:var(--space-medium);padding-inline:var(--space-medium)}@media (width>=1440px){.template-explore .preview-card-grid{grid-template-columns:repeat(3,1fr)}}.brand-page{--brand-ink:#17212b;--brand-mint:#36d1dc;--brand-blue:#5b86e5;--brand-coral:#ff6b6b;--brand-orange:#ff8e53;--brand-purple:#a855f7;--brand-violet:#6c3fc5;--brand-yellow:#f6c84c;--brand-paper:color-mix(in srgb, var(--color-bg-surface) 90%, #fff);--brand-line:color-mix(in srgb, var(--color-border) 72%, var(--brand-ink));gap:clamp(var(--space-2x-large), 6vw, var(--space-5x-large));box-sizing:border-box;inline-size:100%;max-inline-size:144rem;padding-block:var(--space-2x-large) var(--space-5x-large);padding-inline:var(--space-large);margin-inline:auto;display:grid}.brand-hero{gap:var(--space-large);min-block-size:calc(100svh - 14rem);padding-block:var(--space-large);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.brand-hero__copy{gap:var(--space-normal);text-align:center;align-content:center;justify-items:center;display:grid}.brand-eyebrow{font-size:var(--font-x-small);letter-spacing:0;text-transform:uppercase;color:var(--brand-purple);margin:0;font-weight:800}.brand-hero h1,.brand-section h2,.brand-final-cta h2{font-family:var(--font-heading);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:0;margin:0}.brand-hero h1{text-align:center;max-inline-size:78rem;font-size:clamp(3.6rem,8vw,7.2rem)}.brand-hero__lead,.brand-section__header p,.brand-final-cta p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.brand-hero__lead{max-inline-size:66rem;font-size:var(--font-medium);text-align:center}.brand-hero__actions{justify-content:center;gap:var(--space-small);flex-wrap:wrap;margin-block-start:var(--space-small);display:flex}.brand-hero__board{padding:var(--space-normal);border:2px solid var(--brand-line);border-radius:var(--radius-large);background:linear-gradient(to bottom right, color-mix(in srgb, var(--brand-purple) 10%, transparent), color-mix(in srgb, var(--brand-violet) 5%, transparent), transparent), linear-gradient(90deg, color-mix(in srgb, var(--brand-line) 18%, transparent) 1px, transparent 1px), linear-gradient(0deg, color-mix(in srgb, var(--brand-line) 18%, transparent) 1px, transparent 1px), var(--brand-paper);background-size:2.4rem 2.4rem;position:relative;box-shadow:0 2rem 5rem -3.2rem #00000073}.brand-hero__board:before{content:"";border-radius:var(--radius-full);background:var(--gradient-brand);block-size:1rem;inline-size:8.8rem;position:absolute;inset-block-start:var(--space-small);inset-inline-start:var(--space-small)}.brand-hero__chat{gap:var(--space-normal);min-block-size:48rem;padding:var(--space-normal);border:2px solid var(--brand-line);border-radius:var(--radius-large);background:linear-gradient(90deg, #ffffff12 1px, transparent 1px), linear-gradient(0deg, #ffffff0f 1px, transparent 1px), linear-gradient(145deg, color-mix(in srgb, var(--brand-ink) 94%, #000), color-mix(in srgb, var(--brand-violet) 38%, var(--brand-ink)));background-size:2.4rem 2.4rem,2.4rem 2.4rem,auto;display:grid;position:relative;overflow:hidden;box-shadow:0 2rem 5rem -3.2rem #0000008c}.brand-hero__chat:before{content:"";border-radius:var(--radius-full);background:var(--gradient-brand);block-size:1rem;inline-size:8.8rem;position:absolute;inset-block-start:var(--space-small);inset-inline-start:var(--space-small)}.brand-hero-chat__header{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-small);color:#fff;padding-block-start:var(--space-normal);display:flex;position:relative}.brand-hero-chat__header span{color:#ffffffb8;font-size:var(--font-x-small);text-transform:uppercase;font-weight:800}.brand-hero-chat__header strong{font-family:var(--font-heading);font-size:var(--font-large);line-height:var(--leading-tight)}.brand-hero-chat__stage{z-index:1;justify-content:flex-end;gap:var(--space-normal);min-block-size:37rem;padding-block:var(--space-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.brand-hero-chat__item{animation:.42s ease-out both brand-hero-chat-in}.brand-hero-chat__item:nth-child(odd) .brand-hero-chat__scope{margin-inline-end:clamp(0rem, 7vw, var(--space-large))}.brand-hero-chat__item:nth-child(2n) .brand-hero-chat__scope{margin-inline-start:clamp(0rem, 7vw, var(--space-large))}.brand-hero-chat__scope{font-size:var(--font-small)}.brand-hero-chat__scope .cs-bubble{max-inline-size:36rem}.brand-hero-chat__scope img{max-inline-size:100%}@keyframes brand-hero-chat-in{0%{opacity:0;transform:translateY(1.2rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.brand-campaign-board{gap:var(--space-normal);padding-block-start:var(--space-large);display:grid}.brand-campaign-board__header,.brand-campaign-card,.brand-campaign-list{border:1px solid color-mix(in srgb, var(--brand-line) 74%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--color-bg-surface) 86%, transparent);min-inline-size:0;position:relative;box-shadow:0 1.6rem 3rem -2.6rem #00000061}.brand-campaign-board__header{gap:var(--space-2x-small);padding:var(--space-normal);background:linear-gradient(to bottom right, #ff6b6b24, #ff8e5312, transparent), color-mix(in srgb, var(--color-bg-surface) 88%, transparent);display:grid}.brand-campaign-board__header span,.brand-campaign-card p{color:var(--brand-purple);font-size:var(--font-x-small);text-transform:uppercase;margin:0;font-weight:800}.brand-campaign-board__header strong{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-2x-large);line-height:var(--leading-tight)}.brand-campaign-card{gap:var(--space-x-small);padding:var(--space-normal);display:grid}.brand-campaign-card--brief{margin-inline-end:clamp(0rem, 8vw, var(--space-2x-large))}.brand-campaign-card--variants{background:linear-gradient(to bottom right, #36d1dc1f, #5b86e512, transparent), color-mix(in srgb, var(--color-bg-surface) 88%, transparent);margin-inline-start:clamp(0rem, 8vw, var(--space-2x-large))}.brand-campaign-card strong{color:var(--color-text-primary);font-size:var(--font-normal);line-height:var(--leading-tight)}.brand-campaign-card span,.brand-campaign-list span{color:var(--color-text-secondary);font-size:var(--font-small);line-height:var(--leading-relaxed)}.brand-campaign-swatches{gap:var(--space-2x-small);display:flex}.brand-campaign-swatches span{inline-size:var(--space-large);block-size:var(--space-large);border-radius:var(--radius-full);border:2px solid #ffffffb8;box-shadow:0 .8rem 1.6rem -1rem #0000008c}.brand-campaign-swatches span:first-child{background:var(--gradient-streamer)}.brand-campaign-swatches span:nth-child(2){background:var(--gradient-viewer)}.brand-campaign-swatches span:nth-child(3){background:var(--gradient-brand)}.brand-campaign-swatches span:nth-child(4){background:linear-gradient(145deg, var(--brand-yellow), var(--brand-coral))}.brand-campaign-list{gap:var(--space-x-small);padding:var(--space-normal);display:grid}.brand-campaign-list span{align-items:center;gap:var(--space-x-small);display:flex}.brand-campaign-list svg{color:var(--brand-mint);flex:none}.brand-example-strip{gap:var(--space-normal);grid-template-columns:minmax(0,1fr);display:grid}.brand-example-strip .preview-card{min-inline-size:0}.brand-example-strip .preview-card-footer{display:none}.brand-section{gap:var(--space-large);display:grid}.brand-section--compact,.brand-section--process,.brand-section--games,.brand-final-cta{padding-block:var(--space-large)}.brand-section__header{gap:var(--space-small);text-align:center;justify-self:center;justify-items:center;max-inline-size:74rem;display:grid}.brand-section__header a{color:var(--color-accent);text-underline-offset:.18em;font-weight:700;text-decoration:underline .08em}.brand-section__header a:hover{color:var(--brand-purple)}.brand-section h2,.brand-final-cta h2{font-size:clamp(2.6rem,4vw,4.8rem)}.brand-use-grid,.brand-feature-grid{gap:var(--space-normal);grid-template-columns:minmax(0,1fr);display:grid}.brand-use-grid article,.brand-feature-grid article{min-inline-size:0;padding:var(--space-normal);border:2px solid var(--brand-line);border-radius:var(--radius);background:var(--color-bg-surface)}.brand-use-grid article{gap:var(--space-small);display:grid}.brand-use-grid article:first-child{background:linear-gradient(to bottom right, #ff6b6b1a, #ff8e530d, transparent), var(--color-bg-surface)}.brand-use-grid article:nth-child(2){background:linear-gradient(to bottom right, #36d1dc1a, #5b86e50d, transparent), var(--color-bg-surface)}.brand-use-grid article:nth-child(3){background:linear-gradient(to bottom right, #a855f71a, #6c3fc50d, transparent), var(--color-bg-surface)}.brand-use-grid svg{color:var(--brand-coral)}.brand-use-grid article:nth-child(2) svg{color:var(--brand-mint)}.brand-use-grid article:nth-child(3) svg{color:var(--brand-yellow)}.brand-use-grid h3,.brand-feature-grid h3{color:var(--color-text-primary);font-size:var(--font-normal);font-weight:800;line-height:var(--leading-tight);margin:0}.brand-use-grid p,.brand-feature-grid p{color:var(--color-text-secondary);font-size:var(--font-small);line-height:var(--leading-relaxed);margin:0}.brand-steps{align-items:stretch;margin-block-start:var(--space-normal)}.brand-steps .ui-card{min-inline-size:0}.brand-steps .step{block-size:100%}.brand-steps .step-number--4{background:var(--gradient-brand)}.brand-feature-grid article{gap:var(--space-x-small);border-block-start-color:var(--brand-coral);display:grid}.brand-feature-grid article:nth-child(3n+1){background:linear-gradient(to bottom right, #ff6b6b1a, #ff8e530d, transparent), var(--color-bg-surface)}.brand-feature-grid article:nth-child(3n+2){border-block-start-color:var(--brand-mint);background:linear-gradient(to bottom right, #36d1dc1a, #5b86e50d, transparent), var(--color-bg-surface)}.brand-feature-grid article:nth-child(3n){border-block-start-color:var(--brand-purple);background:linear-gradient(to bottom right, #a855f71a, #6c3fc50d, transparent), var(--color-bg-surface)}.brand-final-cta{gap:var(--space-normal);padding:var(--space-2x-large);border-radius:var(--radius-large);color:#fff;text-align:center;background:linear-gradient(145deg,#f5a623,#e84393,#a855f7,#00bcd4,#f5d742,#e84393,#f5a623) 0 0/300% 300%;grid-template-columns:minmax(0,1fr);place-items:center;animation:8s infinite bubble-gradient;display:grid;box-shadow:0 2.5rem 6rem -1.2rem #a855f780,0 1rem 3rem -.8rem #0000004d}.brand-final-cta .brand-eyebrow,.brand-final-cta h2,.brand-final-cta p{color:#fff}.brand-final-cta p:not(.brand-eyebrow){max-inline-size:58rem}@media (width>=720px){.brand-use-grid,.brand-feature-grid,.brand-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=980px){.brand-hero{grid-template-columns:minmax(0,1.05fr) minmax(38rem,.95fr)}.brand-example-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=520px){.brand-page{padding-inline:var(--space-normal)}.brand-hero{min-block-size:auto;padding-block-start:var(--space-medium)}.brand-hero h1{font-size:3.4rem}.brand-hero__actions,.brand-hero__actions .btn-primary,.brand-hero__actions .btn-secondary,.brand-final-cta .btn-primary{inline-size:100%}.brand-hero__board{padding-inline:var(--space-small)}.brand-hero__chat{min-block-size:42rem;padding-inline:var(--space-small)}.brand-hero-chat__header{flex-direction:column;align-items:flex-start}.brand-hero-chat__stage{min-block-size:33rem}}@media (prefers-reduced-motion:reduce){.brand-hero-chat__item,.brand-final-cta{animation:none}}.gp-page{--gp-red:#e8332c;--gp-ink:#17120e;--gp-gold:#f2c94c;--gp-line:color-mix(in srgb, var(--color-border) 72%, var(--gp-ink));gap:clamp(var(--space-2x-large), 6vw, var(--space-5x-large));box-sizing:border-box;inline-size:100%;max-inline-size:128rem;padding-block:var(--space-2x-large) var(--space-5x-large);padding-inline:var(--space-large);margin-inline:auto;display:grid}.gp-hero{gap:var(--space-large);text-align:center;padding-block:var(--space-x-large);justify-items:center;display:grid}.gp-hero__logo{font-size:clamp(4.8rem,10vw,8rem)}.gp-hero__claim{max-inline-size:72rem;font-family:var(--font-heading);font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700;line-height:var(--leading-normal);color:var(--color-text-secondary);margin:0}.gp-section{gap:var(--space-x-large);display:grid}.gp-section h2{font-family:var(--font-heading);font-size:clamp(2.6rem,5vw,4.4rem);line-height:var(--leading-tight);color:var(--color-text-primary);margin:0}.gp-section__header{gap:var(--space-normal);max-inline-size:82rem;display:grid}.gp-section__header p,.gp-lead{color:var(--color-text-secondary);font-size:var(--font-medium);line-height:var(--leading-relaxed);margin:0}.gp-section__copy{gap:var(--space-normal);align-content:center;display:grid}.gp-section--moment{grid-template-columns:minmax(0,1fr);align-items:center}@media (width>=900px){.gp-section--moment{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}.gp-points{gap:var(--space-small);margin:0;padding:0;list-style:none;display:grid}.gp-points li{color:var(--color-text-secondary);line-height:var(--leading-relaxed);padding-inline-start:var(--space-large);position:relative}.gp-points li:before{content:"";border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gp-red), var(--gp-gold));block-size:1rem;inline-size:1rem;position:absolute;inset-block-start:.55em;inset-inline-start:0}.gp-chat{gap:var(--space-normal);min-block-size:52rem;padding:var(--space-normal);border:2px solid var(--gp-line);border-radius:var(--radius-large);background:linear-gradient(90deg, #ffffff0f 1px, transparent 1px), linear-gradient(0deg, #ffffff0d 1px, transparent 1px), linear-gradient(150deg, color-mix(in srgb, var(--gp-ink) 92%, #000), color-mix(in srgb, var(--gp-red) 26%, var(--gp-ink)));background-size:2.4rem 2.4rem,2.4rem 2.4rem,auto;display:grid;position:relative;overflow:hidden;box-shadow:0 2rem 5rem -3.2rem #0000008c}.gp-chat__header{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-small);color:#fff;display:flex;position:relative}.gp-chat__header span{color:#ffffffb8;font-size:var(--font-x-small);text-transform:uppercase;font-weight:800}.gp-chat__header strong{font-family:var(--font-heading);font-size:var(--font-normal);color:var(--gp-gold);animation:1.4s ease-in-out infinite gp-moment-pulse}@keyframes gp-moment-pulse{0%,to{opacity:1}50%{opacity:.55}}.gp-chat__stage{z-index:1;justify-content:flex-end;gap:var(--space-normal);min-block-size:42rem;padding-block:var(--space-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.gp-chat__item{animation:.32s ease-out both gp-chat-in}@keyframes gp-chat-in{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}.gp-scope{font-size:var(--font-small)}.gp-scope .cs-bubble{max-inline-size:34rem}.gp-scope img{max-inline-size:100%}.gp-grid{gap:var(--space-normal);padding:var(--space-large);border:2px solid var(--gp-line);border-radius:var(--radius-large);background:linear-gradient(to bottom right, color-mix(in srgb, var(--gp-red) 7%, transparent), transparent 55%), var(--color-bg-surface);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=640px){.gp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.gp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gp-grid--roles{grid-template-columns:repeat(4,minmax(0,1fr))}}.gp-grid__cell{gap:var(--space-small);justify-items:start;min-inline-size:0;margin:0;display:grid}.gp-grid__cell .gp-scope{inline-size:100%}.gp-grid__cell .cs-bubble{max-inline-size:100%}.gp-grid__cell figcaption{font-size:var(--font-small);color:var(--color-text-secondary);font-weight:700}.gp-feature-grid{gap:var(--space-normal);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.gp-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.gp-feature-grid article{gap:var(--space-x-small);min-inline-size:0;padding:var(--space-normal);border:2px solid var(--gp-line);border-radius:var(--radius);background:linear-gradient(to bottom right, color-mix(in srgb, var(--gp-red) 9%, transparent), transparent 60%), var(--color-bg-surface);display:grid}.gp-feature-grid svg{color:var(--gp-red)}.gp-feature-grid h3{font-size:var(--font-normal);font-weight:800;line-height:var(--leading-tight);color:var(--color-text-primary);margin:0}.gp-feature-grid p{font-size:var(--font-small);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}.gp-final{gap:var(--space-normal);padding-block:var(--space-x-large);text-align:center;justify-items:center;display:grid}.gp-final__claim{font-family:var(--font-heading);color:var(--color-text-primary);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.18em;margin:0;font-size:clamp(3.2rem,7vw,6rem);font-weight:900;line-height:1;display:flex}.gp-final p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.gp-lock{padding-block:clamp(var(--space-2x-large), 12vh, var(--space-5x-large));justify-items:center;display:grid}.gp-lock__card{gap:var(--space-normal);inline-size:100%;max-inline-size:44rem;padding:var(--space-x-large);text-align:center;justify-items:center;display:grid}.gp-lock__title{font-family:var(--font-heading);font-size:var(--font-x-large);color:var(--color-text-primary);margin:0}.gp-lock__copy{color:var(--color-text-secondary);font-size:var(--font-small);line-height:var(--leading-relaxed);margin:0}.gp-lock__form{gap:var(--space-small);text-align:start;inline-size:100%;display:grid}.gp-lock__error{color:var(--color-danger,#e8332c);font-size:var(--font-small);margin:0}.gp-page--knabe{--gp-red:#d22c26;--gp-gold:#f2e7c9;grid-template-columns:minmax(0,1fr)}@media (width>=1100px){.gp-page--knabe .gp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.gp-page--knabe>*{min-inline-size:0}@media (width<=380px){.gp-page--knabe .gp-hero__logo{font-size:4rem}}.gp-page--knabe .gp-chat{background-image:linear-gradient(90deg, #ffffff0f 1px, transparent 1px), linear-gradient(0deg, #ffffff0d 1px, transparent 1px), linear-gradient(150deg, color-mix(in srgb, color-mix(in srgb, var(--gp-ink) 92%, #000) 70%, transparent), color-mix(in srgb, color-mix(in srgb, var(--gp-red) 26%, var(--gp-ink)) 74%, transparent)), url(/images/templates/knabe-hero.webp);background-position:50%;background-repeat:repeat,repeat,no-repeat,no-repeat;background-size:2.4rem 2.4rem,2.4rem 2.4rem,cover,cover}.gp-page--knabe .gp-chat__header strong{color:#fff}.gp-page--billy-boy{--gp-red:#9a4c79;--gp-gold:#71d9e5;--gp-ink:#222;grid-template-columns:minmax(0,1fr)}.gp-page--billy-boy>*{min-inline-size:0}.gp-page--billy-boy .gp-hero{color:#fff;background:#222;border-radius:2.4rem;padding-block:clamp(4rem,7vw,8rem) clamp(5rem,8vw,9rem);padding-inline:clamp(2rem,5vw,5rem);position:relative;overflow:hidden}.gp-page--billy-boy .gp-hero:after{content:"";background:linear-gradient(100deg,#72dbe9,#e9d9ee 55%,#f2c6e1);border-start-start-radius:65% 100%;border-start-end-radius:20% 100%;block-size:3rem;position:absolute;inset-block-end:0;inset-inline:0}.bbp-partners{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;font-size:clamp(2rem,4vw,3.6rem);display:flex}.bbp-partners img{inline-size:clamp(16rem,24vw,28rem)}.bbp-partners>span{color:#d8c8df;font-weight:300}.bbp-claim{text-wrap:balance;max-inline-size:85rem;margin-block:1rem;font-size:clamp(3.8rem,6vw,7.2rem);font-weight:900;line-height:1.05}.gp-page--billy-boy .gp-hero__claim{color:#ddd6df;font-size:clamp(1.6rem,2vw,2rem);font-weight:400}.gp-page--billy-boy .gp-hero .text-highlight{color:#fff}.gp-page--billy-boy .gp-chat{background:linear-gradient(155deg,#36313c,#222);border:0;min-block-size:42rem;padding:clamp(1.6rem,3vw,3rem)}.gp-page--billy-boy .gp-chat__header strong{color:#f2c6e1;animation:none}.gp-page--billy-boy .gp-chat__stage{min-block-size:32rem}.gp-page--billy-boy .gp-chat__item{animation:none}.gp-page--billy-boy .gp-grid{background:var(--color-bg-surface);border:0;gap:2.8rem 2rem;padding:clamp(1.2rem,2vw,2.4rem)}.gp-page--billy-boy .gp-grid__cell{gap:1.2rem}.gp-page--billy-boy .gp-grid__cell figcaption{font-weight:500}.gp-page--billy-boy .gp-scope .cs-bubble{box-sizing:border-box}.gp-page--billy-boy .gp-grid .cs-bubble{inline-size:100%}.bbp-events{background:linear-gradient(115deg,#d0edf0,#f1d7e7);border-radius:2rem;padding:clamp(2rem,4vw,4rem)}.gp-page--billy-boy .bbp-events h2{color:#222}.gp-page--billy-boy .bbp-events p{color:#403744}.gp-page--billy-boy .gp-final{background:#222;border-radius:2.4rem;padding:clamp(3rem,6vw,6rem) 2rem}.gp-page--billy-boy .gp-final__claim{color:#fff;text-wrap:balance;max-inline-size:90rem}.gp-page--billy-boy .gp-final p{color:#ead7e8}@media (width>=1100px){.gp-page--billy-boy .gp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.gp-page--billy-boy .gp-chat__item{animation:none}}.line-through{opacity:.5;text-decoration:line-through}.style-status-grid{gap:var(--space-small);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-end:var(--space-large);display:grid}.style-status-banner{justify-content:space-between;align-items:center;gap:var(--space-normal);padding:var(--space-normal);border-radius:var(--radius-large);background:var(--color-bg-surface);border:1px solid var(--color-border);display:flex}.style-status-info{align-items:center;gap:var(--space-small);font-size:var(--font-small);display:flex}.style-voucher-form{align-items:stretch}.style-voucher-form__controls{align-items:stretch;gap:var(--space-x-small);grid-template-columns:minmax(0,1fr) auto;display:grid}.style-voucher-form .input-search{min-width:0;min-height:4rem;padding:0 var(--space-small)}.style-voucher-form .btn-accent{align-items:center;min-height:4rem;display:inline-flex}@media (width<=900px){.style-status-grid{grid-template-columns:1fr}}@media (width<=560px){.style-status-banner{flex-direction:column;align-items:stretch}}.skins-section-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-block-end:var(--space-normal);display:flex}.skins-section-heading{align-items:center;gap:var(--space-small);min-inline-size:0;display:flex}.skins-section-title{font-size:var(--font-large);color:var(--color-text-primary);font-weight:700;font-family:var(--font-heading);margin-block-start:0}.skins-section-subtitle{font-size:var(--font-small);color:var(--color-text-muted);margin-block-start:var(--space-2x-small)}.skins-section-title-row{align-items:baseline;gap:var(--space-small);flex-wrap:wrap;min-inline-size:0;display:flex}.template-workspace-switcher{padding:var(--space-large);border-radius:var(--radius-large);background:linear-gradient(transparent,var(--color-bg-page) 30%) padding-box,linear-gradient(transparent 30%, var(--color-accent) 100%) border-box;border:2px solid #0000;padding-block-end:0;margin-block-start:0!important}.template-workspace-switcher__header{justify-content:space-between;align-items:flex-end;gap:var(--space-normal);flex-wrap:wrap;margin-block-end:var(--space-small);display:flex}.template-workspace-switcher__shop-toggle{justify-content:flex-end;align-items:center;gap:var(--space-x-small);min-inline-size:max-content;display:flex}.template-workspace-switcher__shop-toggle .setting-label{font-size:var(--font-x-small)}.template-workspace-switcher__eyebrow{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-2x-large);margin:0;font-weight:800}.template-workspace-switcher__tabs{align-items:stretch;gap:var(--space-x-small);scrollbar-width:thin;margin-block-end:-2px;display:flex;overflow-x:auto}.template-workspace-switcher__tab{border:2px solid var(--color-primary);border-radius:var(--radius-small);min-inline-size:min(24rem,78vw);color:var(--color-text-primary);transition:border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base), color var(--transition-base), transform var(--transition-base);border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.template-workspace-switcher__tab-link{justify-content:space-between;align-items:center;gap:var(--space-small);min-inline-size:0;padding-block:var(--space-small);padding-inline:var(--space-small);color:inherit;flex:auto;text-decoration:none;display:flex}.template-workspace-switcher__tab--button{background:var(--color-bg-secondary);color:var(--color-text-muted);&:not(.is-selected):hover{background:var(--color-accent-subtle);color:var(--color-text-primary)}}.template-workspace-switcher__tab-link:focus-visible,.template-workspace-switcher__delete:focus-visible{box-shadow:inset 0 0 0 2px var(--color-text-primary);outline:none}.template-workspace-switcher__tab.is-selected{background:linear-gradient(to bottom,var(--color-accent-subtle),var(--color-bg-page));border-block-end-color:var(--color-bg-page);color:var(--color-text-primary)}.template-workspace-switcher__tab-name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--font-medium);font-weight:800;display:block;overflow:hidden}.template-workspace-switcher__meta{align-items:center;gap:var(--space-2x-small);flex-shrink:0;max-inline-size:52%;display:inline-flex}.template-workspace-switcher__delete{min-inline-size:3rem;padding-inline:var(--space-small);border-inline-start:1px solid color-mix(in srgb, var(--color-primary) 45%, transparent);color:var(--color-text-muted);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;flex:none;justify-content:center;align-self:stretch;align-items:center;display:inline-flex}.template-workspace-switcher__delete:hover{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 12%, transparent)}.skin-controls{align-items:center;gap:var(--space-small);flex-wrap:wrap;display:flex}.skin-controls__create{min-block-size:3rem;padding-block:var(--space-x-small);padding-inline:var(--space-small);flex:none;text-decoration:none}.skin-controls__search{flex-grow:1;position:relative}.skin-controls__search .input-search{padding-block-start:var(--space-x-small);padding-block-end:var(--space-x-small)}.skin-controls__pending{padding-block:var(--space-2x-small);padding-inline:var(--space-small);background:var(--color-bg-surface);text-align:start;cursor:pointer;transition:background var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);flex:0 auto;font-family:inherit;line-height:1.2;& svg{height:2rem}}.skin-controls__pending:hover,.skin-controls__pending:focus-visible{background:#f8ebe3}.skin-controls__pending:focus-visible{outline:2px solid var(--color-warning);outline-offset:2px}.skin-controls__pending.is-active{background:var(--color-warning);color:var(--color-text-inverse);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-warning) 22%, transparent)}.skin-controls__pending-clear{border-radius:var(--radius-full);block-size:2rem;inline-size:2rem;transition:background var(--transition-base), opacity var(--transition-base);color:#000;background:#ffffffa6;flex:none;justify-content:center;align-items:center;display:inline-flex}.skin-controls__pending-clear-icon{block-size:1.25rem;inline-size:1.25rem}.skin-controls__pending:hover .skin-controls__pending-clear,.skin-controls__pending:focus-visible .skin-controls__pending-clear{background:#ffffffd9}.dark .skin-controls__pending:hover,.dark .skin-controls__pending:focus-visible{background:#f59e0b38}.dark .skin-controls__pending.is-active{background:var(--color-warning);color:#fff}@media (width<=767px){.skins-section-header{align-items:flex-start}.skins-section-heading,.skin-controls__create,.skin-controls__search{inline-size:100%}}.skin-group{margin-block-end:var(--space-large)}.skin-group+.skin-group{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-large)}.skin-group-title{justify-content:space-between;align-items:center;gap:var(--space-small);min-inline-size:0;font-size:var(--font-large);color:var(--color-text-primary);font-weight:600;font-family:var(--font-heading);margin-block-end:var(--space-normal);display:flex}.skin-group-title--section{flex-wrap:wrap;align-items:flex-start}.skin-group-section-heading{min-inline-size:0}.skin-group-title__text{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;display:block;overflow:hidden}.skin-group-archive-toggle{align-items:center;gap:var(--space-x-small);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--font-small);cursor:pointer;flex-shrink:0;font-weight:400;display:flex}.skin-submission-section{border-block-start:2px solid var(--color-border);padding-block-start:var(--space-large)}.skin-group-active{padding-block:.15rem;padding-inline:var(--space-x-small);border-radius:var(--radius-small);background:var(--color-accent);color:#fff;font-size:inherit;vertical-align:middle;align-items:center;margin-inline-start:var(--space-x-small);font-weight:600;display:inline-flex}.skin-group-create-actions{align-items:center;gap:var(--space-2x-small);flex-wrap:wrap;flex-shrink:0;display:inline-flex}.skin-group-create-actions button:disabled{cursor:not-allowed;opacity:.5}.skin-group-create-actions__plus{font-size:1.2em;font-weight:700;line-height:1}.dark .skin-group-active{color:#1a0f33}.viewer-skins-accordion{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);overflow:hidden}.viewer-skins-accordion__header{align-items:center;gap:var(--space-x-small);inline-size:100%;padding-block:var(--space-x-small);padding-inline:var(--space-small);background:0 0;flex-wrap:wrap;display:flex}.viewer-skins-accordion__toggle{align-items:center;gap:var(--space-x-small);padding-block:var(--space-x-small);padding-inline:var(--space-x-small);border-radius:var(--radius-small);color:inherit;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:0;min-inline-size:0;font-family:inherit;display:inline-flex}.viewer-skins-accordion__toggle:hover{background:var(--color-surface-raised)}.viewer-skins-accordion__title{font-family:var(--font-heading);font-size:var(--font-base);color:var(--color-text-primary);white-space:nowrap;font-weight:700}.viewer-skins-accordion__pending{flex-shrink:0;text-decoration:none}.viewer-skins-accordion__caret{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.viewer-skins-accordion__caret.is-open{transform:rotate(180deg)}.viewer-skins-accordion__settings{align-items:stretch;gap:var(--space-x-small);flex-wrap:wrap;margin-inline-start:auto;display:flex}.viewer-skins-setting{align-items:center;gap:var(--space-small);padding-block:var(--space-x-small);padding-inline:var(--space-small);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised);min-inline-size:0;display:inline-flex}.viewer-skins-setting .setting-label{font-size:var(--font-x-small);color:var(--color-text-primary);white-space:nowrap;font-weight:600}.viewer-skins-accordion__body{padding-block:var(--space-small) var(--space-normal);padding-inline:var(--space-normal);border-block-start:1px solid var(--color-border)}.viewer-skins-accordion__subtitle{font-size:var(--font-x-small);color:var(--color-text-muted);margin-block-end:var(--space-small)}.viewer-skins-accordion__help{gap:var(--space-small);flex-direction:column;margin:0;display:flex}.viewer-skins-help-row dt{font-size:var(--font-small);color:var(--color-text-primary);margin-block-end:.2rem;font-weight:600}.viewer-skins-help-row dd{font-size:var(--font-x-small);color:var(--color-text-muted);margin:0;line-height:1.5}@media (width<=720px){.viewer-skins-accordion__settings{inline-size:100%;margin-inline-start:0}.viewer-skins-setting{flex:auto;justify-content:space-between}}.review-compare{gap:var(--space-normal);grid-template-columns:1fr 1fr;margin-block-start:var(--space-small);display:grid}.review-compare__column{gap:var(--space-x-small);flex-direction:column;display:flex}.review-compare__label{font-size:var(--font-small);color:var(--color-text-muted);margin:0;font-weight:600}.review-compare__name{font-size:var(--font-small);color:var(--color-text-primary);margin:0;font-weight:600}.review-compare__preview{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised);min-block-size:80px;padding:var(--space-small);overflow:hidden}.review-compare__preview .preview-card-preview{pointer-events:none}@media (width<=600px){.review-compare{grid-template-columns:1fr}}.provider-card{justify-content:space-between;align-items:center;gap:var(--space-normal);padding:.85rem var(--space-normal);border-radius:var(--radius);border:1px solid var(--color-border);transition:all var(--transition-base);cursor:pointer;display:flex}.provider-card.is-active{background:var(--color-accent-subtle);color:var(--color-text-primary);border-color:#6c3fc54d}.provider-card:not(.is-active){background:var(--color-bg-surface-hover);color:var(--color-text-secondary)}.provider-card--seven-tv{border-color:color-mix(in srgb, #7d45ff 24%, var(--color-border))}.provider-card--bttv{border-color:color-mix(in srgb, #d50014 18%, var(--color-border))}.provider-card--ffz{border-color:color-mix(in srgb, #f6c344 22%, var(--color-border))}.provider-card__identity,.emote-provider-list{display:flex}.provider-card__identity{align-items:center;gap:var(--space-small)}.emote-provider-list{gap:var(--space-small);flex-direction:column}.provider-logo{justify-content:center;align-items:center;block-size:1.65rem;inline-size:1.65rem;display:inline-flex}.provider-logo svg{fill:currentColor;block-size:100%;inline-size:100%}.provider-logo--ffz{filter:brightness(0)saturate()}.dark .provider-logo--ffz{filter:brightness(0)saturate()invert()}.provider-name{font-size:var(--font-x-small);color:var(--color-text-primary);font-weight:600}.position-btn{aspect-ratio:16/9;border-radius:var(--radius-small);background:var(--color-bg-surface-hover);border:1px solid var(--color-border);cursor:pointer;padding:.6rem;position:relative;overflow:hidden}.position-btn.is-active{box-shadow:0 0 0 2px var(--color-accent)}.position-indicator{background:#6c3fc54d;border-radius:.4rem}.position-label{font-size:var(--font-x-small);color:var(--color-text-muted);justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;inset:0}.direction-btn{aspect-ratio:16/9;border-radius:var(--radius-small);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-base);flex-direction:column;padding:.6rem;display:flex;position:relative;overflow:hidden}.direction-btn.is-active{box-shadow:0 0 0 2px var(--color-accent);background:var(--color-accent-subtle)}.direction-btn:not(.is-active){background:var(--color-bg-surface-hover)}.direction-btn:not(.is-active) .direction-indicator{opacity:.5}.direction-label{font-size:var(--font-x-small);color:var(--color-text-muted);font-weight:500}.direction-preview{border-radius:var(--radius-small);background:var(--color-bg-surface);flex:1;margin-block-start:.4rem;position:relative;overflow:hidden}.direction-indicator{height:var(--space-normal);background:#6c3fc533;border-radius:.4rem;animation-fill-mode:backwards;position:absolute;inset-inline-start:var(--space-x-small);inset-inline-end:var(--space-x-small)}.dark .position-indicator{background:#a78bfa73}.dark .direction-indicator{background:#a78bfa59}.setting-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.setting-label{font-size:var(--font-small);color:var(--color-text-primary)}.setting-desc{font-size:var(--font-x-small);color:var(--color-text-muted)}.moderator-layout{gap:var(--space-normal);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.moderator-card-title{font-size:var(--font-small);color:var(--color-text-primary);margin-block-end:var(--space-small);font-weight:700}.moderator-card-title--spaced{margin-block-start:var(--space-normal)}.moderator-card-copy{font-size:var(--font-x-small);color:var(--color-text-muted);margin-block-end:var(--space-normal)}.moderator-stack,.moderator-role-list{gap:var(--space-small);display:grid}.moderator-role-item{gap:var(--space-3x-small);display:grid}.moderator-role-name{font-size:var(--font-x-small);color:var(--color-text-primary);font-weight:700}.moderator-permissions-button{block-size:3rem;inline-size:3rem;color:var(--color-primary);background:var(--color-bg-surface);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex;& svg{width:100%;height:100%}}.moderator-permissions-button:hover,.moderator-permissions-button:focus-visible{color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.moderator-permissions-table-wrap{overflow-x:auto}.moderator-permissions-table{border-collapse:collapse;inline-size:100%;min-inline-size:42rem;font-size:var(--font-x-small)}.moderator-permissions-table--compact{min-inline-size:24rem}.moderator-permissions-table th,.moderator-permissions-table td{padding-block:var(--space-2x-small);padding-inline:var(--space-x-small);border-block-end:1px solid var(--color-border);text-align:center;vertical-align:middle}.moderator-permissions-table th:first-child{text-align:start}.moderator-permissions-table__permission,.moderator-permissions-table__detail{display:block}.moderator-permissions-table__permission{color:var(--color-text-primary);font-weight:700}.moderator-permissions-table__detail{color:var(--color-text-muted);margin-block-start:.15rem;font-weight:400}.moderator-permissions-table__icon{justify-content:center;align-items:center;block-size:1.15rem;inline-size:1.15rem;line-height:1;display:inline-flex}.moderator-row{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-bg-surface);grid-template-columns:minmax(12rem,1fr) auto auto;align-items:center;gap:0;inline-size:fit-content;min-inline-size:min(100%,32rem);max-inline-size:100%;display:grid;overflow:hidden}.moderator-person{align-items:center;gap:var(--space-x-small);min-inline-size:0;padding:var(--space-x-small) var(--space-small);display:inline-flex}.moderator-avatar{border-radius:var(--radius-full);object-fit:cover;flex:none;block-size:2.4rem;inline-size:2.4rem}.moderator-avatar--fallback{background:var(--gradient-logo);color:var(--color-text-inverse);font-size:var(--font-x-small);justify-content:center;align-items:center;font-weight:700;display:flex}.moderator-name{min-inline-size:0;color:var(--color-text-primary);font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.moderator-role-select{border-block:0;border-inline-end:0;border-radius:0;block-size:100%;min-inline-size:8.5rem}.moderator-row>.moderator-role-select,.moderator-row>form{border-inline-start:1px solid var(--color-border)}.moderator-action-button{block-size:3.8rem;inline-size:3.8rem;color:var(--color-text-inverse);cursor:pointer;transition:filter var(--transition-fast), transform var(--transition-fast);border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.moderator-action-button:hover,.moderator-action-button:focus-visible{filter:brightness(1.05)}.moderator-action-button:active{transform:translateY(1px)}.moderator-action-button--add{background:var(--gradient-logo)}.moderator-action-button--remove{background:var(--color-danger)}.moderator-empty{font-size:var(--font-small);color:var(--color-text-muted)}.moderator-search-form{align-items:center;gap:var(--space-x-small);grid-template-columns:minmax(0,1fr) auto;margin-block-end:var(--space-normal);display:grid}.moderator-confirm-copy{color:var(--color-text-primary);font-size:var(--font-small);margin:0;margin-block-end:var(--space-normal)}@media (width<=767px){.moderator-layout{grid-template-columns:1fr}.moderator-row{grid-template-columns:minmax(0,1fr) auto;inline-size:100%}.moderator-person{border-block-end:1px solid var(--color-border);grid-column:1/-1}.moderator-role-select{min-inline-size:0}.moderator-row>.moderator-role-select{border-inline-start:0}}@media (width<=639px){.provider-card{inline-size:100%}}.danger-zone{background:color-mix(in srgb, var(--color-danger) 15%, var(--color-bg-surface));border:1px solid var(--color-danger);border-radius:var(--radius-large);box-shadow:var(--shadow);padding:var(--space-large);margin-block-start:var(--space-4x-large);margin-block-end:var(--space-x-large)}.danger-zone h3{font-size:var(--font-small);color:var(--color-danger);margin-block-end:var(--space-small);font-weight:700}.danger-zone p{font-size:var(--font-x-small);color:var(--color-danger);opacity:.8;margin-block-end:var(--space-normal)}.danger-zone .input-label{color:var(--color-danger)}.danger-zone .input{border-color:var(--color-danger);max-inline-size:24rem}.danger-zone .delete-group .input{border-end-end-radius:0;border-end-start-radius:0;margin-block-end:0}.danger-zone .delete-group .btn-danger{max-inline-size:24rem;border-start-start-radius:0;border-start-end-radius:0;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-100%)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes slideRight{0%{opacity:0;transform:translate(-100%)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes slideLeft{0%{opacity:0;transform:translate(100%)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-100%)}}.style-preview-layout{gap:var(--space-x-large);grid-template-columns:3fr 1fr;align-items:start;display:grid}.style-preview-left{gap:var(--space-small);flex-direction:column;display:flex}.style-preview-right{gap:var(--space-medium);flex-direction:column;display:flex;position:sticky;inset-block-start:var(--space-x-large)}.style-preview-layout--skin-editor{grid-template-columns:1fr 1fr}@media (width<=1023px){.style-preview-layout,.style-preview-layout--skin-editor{grid-template-columns:1fr}}.style-preview-viewport{aspect-ratio:16/9;border-radius:var(--radius-large);background:#0e0e10;position:relative;overflow:hidden}.preview-sandbox-host{padding:0}.preview-sandbox-frame{background:0 0;border:0;block-size:100%;min-block-size:28rem;inline-size:100%;display:block}.style-preview-viewport-bg{background-color:var(--color-bg-surface);background-image:var(--preview-bg-image,none);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.style-preview-top-controls{z-index:2;align-items:center;gap:var(--space-x-small);display:flex;position:absolute;inset-block-start:12px;inset-inline-start:50%;transform:translate(-50%)}.style-preview-top-btn,.style-preview-context-pill{color:#ffffffa6;white-space:nowrap;background:#0000008c;border:1px solid #ffffff1f;border-radius:24px;align-items:center;gap:8px;padding:8px 18px;font-weight:500;display:inline-flex}.style-preview-top-btn{cursor:pointer;transition:all .15s}.style-preview-top-btn:hover{color:#fff;background:#000000bf;border-color:#ffffff40}.style-preview-close-btn{z-index:3;justify-content:center;block-size:38px;inline-size:38px;padding:0;position:absolute;inset-block-start:12px;inset-inline-end:12px}.obs-modal-body{gap:var(--space-normal);flex-direction:column;display:flex}.obs-status{align-items:center;gap:var(--space-x-small);color:var(--color-text-muted);font-size:var(--font-small);flex-wrap:wrap;display:inline-flex}.obs-status__dot{border-radius:var(--radius-full);background:var(--color-text-muted);block-size:.9rem;inline-size:.9rem}.obs-status--connected .obs-status__dot{background:var(--color-success,#22c55e)}.obs-status--error .obs-status__dot{background:var(--color-danger)}.obs-help-link{color:var(--color-accent);font-size:var(--font-small);text-underline-offset:.2em;align-self:flex-start;font-weight:700;text-decoration:underline}.obs-help-link:hover,.obs-help-link:focus-visible{color:var(--color-accent-hover,var(--color-accent))}.obs-field-grid{align-items:end;gap:var(--space-small);grid-template-columns:minmax(0,1fr) 12rem auto;display:grid}.obs-field{display:block}.obs-privacy-note{margin:calc(-1 * var(--space-x-small)) 0 0;color:var(--color-text-muted);font-size:var(--font-x-small)}.obs-check-button{min-block-size:3.8rem;padding:0 var(--space-small);color:var(--color-text-muted);font-size:var(--font-x-small);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.obs-check-button:hover:not(:disabled),.obs-check-button:focus-visible{color:var(--color-text-primary);border-color:var(--color-border-strong)}.obs-check-button:disabled{cursor:not-allowed;opacity:.55}.obs-password-toggle{align-items:center;gap:var(--space-x-small);color:var(--color-text-muted);font-size:var(--font-small);display:inline-flex}.obs-password-toggle input{block-size:1.6rem;inline-size:1.6rem;accent-color:var(--color-accent)}@media (width<=520px){.obs-field-grid{grid-template-columns:1fr}}.style-preview-context-pill{z-index:2;text-overflow:ellipsis;max-inline-size:min(34%,30rem);display:inline-block;position:absolute;inset-block-start:12px;inset-inline-start:12px;overflow:hidden}.style-preview-chat{width:400px;max-width:80%;height:46%;max-height:200%;position:absolute;inset-block-end:0;inset-inline-start:0}.style-preview-chat-inner{justify-content:flex-end;gap:var(--cs-bubble-gap,4px);flex-direction:column;width:100%;display:flex}.style-preview-chat-inner>.cs-danmaku-preview-item{white-space:nowrap;visibility:hidden;will-change:transform;inline-size:max-content;margin-block:0;margin-inline:0;position:absolute;inset-block-start:var(--cs-danmaku-block-start,0px);inset-inline-start:0}.style-preview-chat-inner>.cs-danmaku-preview-item.cs-danmaku-preview-item--ready{visibility:visible}.style-preview-chat-inner.cs-chat>.cs-danmaku-skin-preview-item{white-space:nowrap;visibility:visible;justify-content:start;align-items:center;block-size:25%;inline-size:96%;max-inline-size:96%;margin-inline:0;display:flex;position:absolute;inset-block-start:calc(var(--cs-danmaku-skin-lane) * 25%);inset-inline-start:2%}.style-preview-chat-inner.cs-chat>.cs-danmaku-skin-preview-item>.cs-bubble{max-inline-size:100%;position:relative}.style-preview-chat-inner.cs-chat>.cs-danmaku-skin-column-0>.cs-bubble{inset-inline-start:0;translate:0}.style-preview-chat-inner.cs-chat>.cs-danmaku-skin-column-1>.cs-bubble{inset-inline-start:33.333%;translate:-33.333%}.style-preview-chat-inner.cs-chat>.cs-danmaku-skin-column-2>.cs-bubble{inset-inline-start:66.667%;translate:-66.667%}.style-preview-chat-inner.cs-chat>.cs-danmaku-skin-column-3>.cs-bubble{inset-inline-start:100%;translate:-100%}.style-preview-chat-inner.cs-chat>.cs-danmaku-skin-preview-item .cs-message{text-overflow:ellipsis;min-inline-size:0;display:block;overflow:hidden}@media (width<=639px){.style-preview-chat{width:520px;max-width:100%}}@media (width<=768px),(pointer:coarse){.style-preview-intro-hint{display:none}}.style-preview-buybox{gap:var(--space-medium);flex-direction:column;display:flex;position:sticky;inset-block-start:var(--space-x-large)}.style-preview-buybox-title{font-size:var(--font-x-large);color:var(--color-text);font-weight:700}.style-preview-seller-byline{color:var(--color-text-muted);font-size:var(--font-small);margin-block-start:var(--space-2xs);display:block}.style-preview-seller-link{color:var(--color-accent);border-block-end:1px dashed;font-weight:700;display:inline-block}.style-preview-seller-link:hover{border-block-end-style:solid;text-decoration:none}.style-preview-notice{align-items:flex-start;gap:var(--space-small);padding:var(--space-normal);margin-block:var(--space-small);background:color-mix(in oklch, var(--color-accent) 10%, transparent);border:1px solid color-mix(in oklch, var(--color-accent) 30%, transparent);border-radius:var(--radius-large);font-size:var(--font-small);color:var(--color-text);line-height:1.5;display:flex}.style-preview-notice>svg{color:var(--color-accent);flex-shrink:0;margin-block-start:1px}.style-preview-notice-title{font-weight:600}.style-preview-notice-detail{color:var(--color-text-muted);margin-block-start:2px;display:block}.style-preview-buybox-description{font-size:var(--font-small);color:var(--color-text-muted);line-height:1.5}.style-preview-buybox-purchase{gap:var(--space-medium);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}.style-preview-buybox-pricing{inline-size:100%;margin-block-end:var(--space-medium)}.style-preview-buybox-price{color:var(--color-accent);flex-direction:column;align-items:flex-start;gap:0;font-weight:700;line-height:1.1;display:flex}.style-preview-buybox-price>*+*{margin-block-start:var(--space-small)}.style-preview-buybox-price-reference+.style-preview-buybox-price-comparison{margin-block-start:calc(var(--space-small) / 2)}.style-preview-buybox-price-comparison{align-items:center;gap:var(--space-small);font-size:var(--font-small);display:flex}.style-preview-buybox-price-original{opacity:.75;color:var(--color-text-muted);font-weight:400;text-decoration:line-through}.style-preview-buybox-price-current{font-size:var(--font-3x-large)}.style-preview-buybox-discount{padding-block:calc(var(--space-small) / 2);padding-inline:var(--space-small);border-radius:var(--radius-small);background:var(--color-danger);color:#fff;display:inline-block}.style-preview-buybox-price-reference{color:var(--color-text-muted);font-size:var(--font-x-small);font-weight:400;line-height:1.4}.style-preview-buybox-discount{font-size:var(--font-x-small)}.style-preview-buybox-price-notice{color:var(--color-text-muted);font-size:var(--font-x-small);overflow-wrap:anywhere;white-space:pre-line;margin-block-start:var(--space-small);line-height:1.4}.style-preview-buybox-actions{gap:var(--space-small);flex-flow:wrap;display:flex}.style-preview-buybox-actions .btn-group{width:100%}.style-preview-buybox-actions .btn-group>*{padding:1rem var(--space-medium);font-size:var(--font-small);flex:1}.btn-group>.btn-primary:hover{translate:none}.btn-group{display:flex}.btn-group>:first-child{border-inline-end:none;border-start-end-radius:0;border-end-end-radius:0}.btn-group>:last-child{border-start-start-radius:0;border-end-start-radius:0}.style-preview-buybox-login-hint{color:var(--color-text-muted);font-size:var(--text-small)}.style-preview-buybox-meta{margin-block:var(--space-small)}.style-preview-buybox-meta .tag{border-radius:var(--radius-full);background:0 0;border:1px solid}.style-preview-skins-section{margin-block-start:var(--space-x-large)}.style-preview-skins-header{align-items:center;gap:var(--space-medium);margin-block-end:var(--space-medium);display:flex}.style-preview-skins-title{font-size:var(--font-large);color:var(--color-text);margin:0;font-weight:600}.style-preview-skins-subtitle{font-size:var(--font-small);color:var(--color-text-muted);margin-block:var(--space-2x-small) 0;font-weight:400}.style-preview-skins-section .preview-card{appearance:none;font:inherit;color:inherit;cursor:pointer;text-align:start}.style-preview-skins-section .preview-card-preview .cs-bubble{box-sizing:border-box;inline-size:100%!important;max-inline-size:100%!important}@media (width<=639px){.style-preview-skins-header{flex-direction:column;align-items:stretch}}.style-preview-chat--custom{border:1px dashed #0000;transition:none;inset-block-end:auto;inset-inline-start:auto}.style-preview-chat--custom:hover{border-color:#ffffffb3}.style-preview-chat--intro{border-color:#ffffffc7}.style-preview-chat--custom .style-preview-chat-inner{overflow:hidden}.style-preview-chat--dragging{cursor:grabbing;user-select:none}.style-preview-resize-handle{opacity:0;transition:opacity var(--transition-fast);z-index:2;position:absolute}.style-preview-chat:hover .style-preview-resize-handle,.style-preview-chat--dragging .style-preview-resize-handle,.style-preview-chat--intro .style-preview-resize-handle{opacity:1}.style-preview-intro-hint{--hint-border-width:.3rem;z-index:4;pointer-events:none;color:#ffffffa6;font-size:var(--font-small);text-shadow:0 1px 6px #0007;white-space:nowrap;align-items:center;gap:1rem;font-weight:500;line-height:1;display:flex;position:absolute;&.style-preview-intro-hint--chat{inset-block-end:calc(100% + 8rem);inset-inline-start:50%}&.style-preview-intro-hint--dsp{inset-block-end:100%;inset-inline-end:97%}}.style-preview-intro-hint__line{border-block-start:var(--hint-border-width) dashed;filter:drop-shadow(0 1rem 1rem #0009)drop-shadow(0 1rem 1rem #0009);border-color:currentColor;block-size:7rem;inline-size:4rem;display:block;position:relative}.style-preview-intro-hint__label{padding:var(--space-x-small) var(--space-normal);border-radius:var(--radius-large);box-shadow:var(--shadow-large);background:#0000008c;border:1px solid #ffffff1f}.style-preview-intro-hint__line:after{content:"";border-block-start:var(--hint-border-width) solid;border-inline-end:var(--hint-border-width) solid;block-size:1rem;inline-size:1rem;position:absolute;inset-block-start:calc(100% + 1rem);inset-inline-start:-.5rem;transform:rotate(-225deg)}.style-preview-intro-hint--dsp .style-preview-intro-hint__line:after{inset-inline-start:calc(100% - .3rem)}.style-preview-intro-hint--chat .style-preview-intro-hint__line{border-inline-start:var(--hint-border-width) dashed;border-start-start-radius:3rem;transform:translateY(3.4rem)}.style-preview-intro-hint--dsp .style-preview-intro-hint__line{border-inline-end:var(--hint-border-width) dashed;border-start-end-radius:3rem;block-size:3rem;transform:translateY(1.5rem)}.style-preview-resize-handle:after{content:"";opacity:.85;background:#fff;border-radius:2px;position:absolute;box-shadow:0 0 0 1px #00000080}.style-preview-resize-handle--n,.style-preview-resize-handle--s{cursor:ns-resize;block-size:6px;inset-inline:8px}.style-preview-resize-handle--n{inset-block-start:-3px}.style-preview-resize-handle--s{inset-block-end:-3px}.style-preview-resize-handle--n:after,.style-preview-resize-handle--s:after{block-size:3px;inline-size:32px;margin-block-start:-1.5px;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)}.style-preview-resize-handle--e,.style-preview-resize-handle--w{cursor:ew-resize;inline-size:6px;inset-block:8px}.style-preview-resize-handle--e{inset-inline-end:-3px}.style-preview-resize-handle--w{inset-inline-start:-3px}.style-preview-resize-handle--e:after,.style-preview-resize-handle--w:after{block-size:32px;inline-size:3px;margin-inline-start:-1.5px;inset-block-start:50%;inset-inline-start:50%;transform:translateY(-50%)}.style-preview-resize-handle--nw,.style-preview-resize-handle--ne,.style-preview-resize-handle--sw,.style-preview-resize-handle--se{block-size:12px;inline-size:12px}.style-preview-resize-handle--nw{cursor:nwse-resize;inset-block-start:-4px;inset-inline-start:-4px}.style-preview-resize-handle--ne{cursor:nesw-resize;inset-block-start:-4px;inset-inline-end:-4px}.style-preview-resize-handle--sw{cursor:nesw-resize;inset-block-end:-4px;inset-inline-start:-4px}.style-preview-resize-handle--se{cursor:nwse-resize;inset-block-end:-4px;inset-inline-end:-4px}.style-preview-resize-handle--nw:after,.style-preview-resize-handle--ne:after,.style-preview-resize-handle--sw:after,.style-preview-resize-handle--se:after{opacity:1;border-radius:50%;block-size:10px;inline-size:10px;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0009,0 0 3px #0006}.sp-fade-enter{transition:opacity .2s,transform .2s}.sp-fade-leave{transition:opacity .15s,transform .15s}.sp-fade-start{opacity:0;transform:translateY(4px)}.sp-fade-end{opacity:1;transform:translateY(0)}.style-preview-buybox-actions-inner{gap:var(--space-small);flex-flow:wrap;display:flex}body.customizer-active{overflow:hidden}body.customizer-active .sidebar{opacity:0;pointer-events:none;transform:translate(-100%)}body.customizer-active .topbar{opacity:0;pointer-events:none;position:fixed;inset-inline:0;transform:translateY(-100%)}body.customizer-active .mobile-bottom-bar{opacity:0;pointer-events:none;transform:translateY(100%)}@media (width<=767px){body.customizer-active .mobile-bottom-bar{opacity:0;pointer-events:none;transform:translateY(100%)}}body.customizer-active .app-content{margin-inline-start:0;padding:0}body.customizer-active .main-content{padding:0}body.customizer-active .page-bg{display:none}body.customizer-active .phpdebugbar{display:none!important}body.customizer-active .section{padding:0}body.customizer-active .container{max-width:none;padding:0}body.customizer-active .section>.container>div:first-child:has(.btn-secondary),body.customizer-active .style-preview-buybox,body.customizer-active .style-preview-skins-section{display:none}body.customizer-active .style-preview-layout.ui-card{z-index:10000;height:100dvh;max-height:100dvh;box-shadow:none;border:none;border-radius:0;padding:0;display:block;position:fixed;inset-block:0;inset-inline:0;overflow:hidden}body.customizer-active .style-preview-left{width:100%;height:100dvh}body.customizer-active .style-preview-viewport{width:100%;height:100dvh;aspect-ratio:unset;border-radius:0;overflow:visible}body.customizer-active .style-preview-right{gap:0;width:0;height:0;position:static;overflow:visible}.customizer-nav-btn{z-index:10010;border-radius:var(--radius-small);color:#1a1a1a;cursor:pointer;background:#ffffffe6;border:1px solid #0000001a;justify-content:center;align-items:center;width:36px;height:36px;transition:color .15s,background .15s;display:flex;position:fixed}.customizer-nav-btn:hover{color:#000;background:#fff}.customizer-back-btn{inset-block-start:var(--space-normal);inset-inline-start:var(--space-normal)}.customizer-close-btn{inset-block-start:var(--space-normal);inset-inline-end:var(--space-normal)}.customizer-flip-active{transition:transform .5s cubic-bezier(.25,.46,.45,.94),border-radius .5s cubic-bezier(.25,.46,.45,.94)!important}.customizer-btn-enter{transition:opacity .3s ease-out,transform .3s ease-out}.customizer-btn-enter--delayed{transition-delay:.15s}.customizer-btn-leave{transition:opacity .15s ease-in,transform .15s ease-in}.customizer-btn-start--left{opacity:0;transform:translate(-16px)}.customizer-btn-start--right{opacity:0;transform:translate(16px)}.customizer-btn-end{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.customizer-flip-active{transition:none!important}.customizer-btn-enter,.customizer-btn-leave{transition-duration:0s!important}}.style-preview-playback-controls{z-index:3;opacity:0;transition:opacity var(--transition-fast);align-items:center;gap:6px;display:flex;position:absolute;inset-block-start:-16px;inset-inline-start:50%;transform:translate(-50%)}.style-preview-pause-btn{border-radius:var(--radius-small);color:#ffffffe6;cursor:pointer;width:32px;height:32px;transition:color var(--transition-fast), background var(--transition-fast);background:#1a1a1a;border:1px solid #ffffff40;justify-content:center;align-items:center;display:inline-flex}.style-preview-playback-controls:focus-within,.style-preview-chat:hover .style-preview-playback-controls,.style-preview-chat--dragging .style-preview-playback-controls{opacity:1}.style-preview-pause-btn:hover{color:#fff;background:#000}@media (width<=768px){.style-preview-page--preview{min-inline-size:0;display:grid}.style-preview-page--preview .style-preview-layout{display:contents}.style-preview-page--preview .style-preview-left{z-index:3;min-inline-size:0;position:sticky;inset-block-start:5.6rem}.style-preview-page--preview .style-preview-viewport{aspect-ratio:3/4;transition:aspect-ratio var(--transition-base)}.style-preview-page--preview .style-preview-left--pinned .style-preview-viewport{aspect-ratio:1}.style-preview-page--preview .style-preview-right{padding:var(--space-large);border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-bg-surface);box-shadow:var(--shadow);position:static;inset-block-start:auto}body:not(.customizer-active) .style-preview-page--preview .style-preview-chat{block-size:100%!important;max-block-size:100%!important;inline-size:100%!important;max-inline-size:100%!important;padding:8px!important;inset:0!important}.customizer-nav-btn{width:44px;height:44px}body.customizer-active .style-preview-viewport,body.customizer-active .style-preview-left{height:calc(100dvh - var(--cs-sheet-height,55dvh))}body.customizer-active .style-preview-chat{width:100%!important;max-width:100%!important;height:auto!important;max-height:100%!important;padding:8px!important;inset-block:0!important;inset-inline:0!important}body.customizer-active .style-preview-top-controls,body.customizer-active .style-preview-vod-btn-wrap{display:none!important}body.customizer-active .style-preview-playback-controls{inset-block-start:8px;inset-inline-start:50%;transform:translate(-50%)}}@media (width<=768px) and (prefers-reduced-motion:reduce){.style-preview-page--preview .style-preview-viewport{transition:none}}.style-preview-touch-controls{display:none}@media (pointer:coarse){.style-preview-playback-controls--desktop{display:none}.style-preview-touch-controls{z-index:3;align-items:center;gap:6px;display:flex;position:absolute;inset-block-start:-20px;inset-inline-start:50%;transform:translate(-50%)}body.customizer-active .style-preview-touch-controls{inset-block-start:8px}}.style-preview-touch-btn{border-radius:var(--radius-small);color:#ffffffe6;cursor:pointer;width:40px;height:40px;transition:color var(--transition-fast), background var(--transition-fast);background:#1a1a1a;border:1px solid #ffffff40;justify-content:center;align-items:center;display:inline-flex}.style-preview-touch-btn:hover{color:#fff;background:#000}.style-preview-touch-btn--active{background:var(--color-accent,#6366f1);border-color:var(--color-accent,#6366f1);color:#fff}.style-preview-touch-btn--active:hover{background:var(--color-accent-hover,#4f46e5)}.style-preview-chat--resize-mode .style-preview-resize-handle{opacity:1}.style-preview-chat--custom{touch-action:none}.style-preview-size-badge{padding:var(--space-x-small) var(--space-small);color:#2d1b69;font-size:1.15rem;font-family:var(--font-mono,monospace);border-radius:var(--radius-small) var(--radius-small) 0 0;white-space:nowrap;pointer-events:none;z-index:3;opacity:0;transition:opacity var(--transition-fast);background:#fffffff2;line-height:1.4;position:absolute;inset-block-start:0;inset-inline-start:0;transform:translateY(-100%)}.style-preview-chat:hover .style-preview-size-badge{opacity:1}.style-preview-chat:not(.cs-wrapper-active)>.style-preview-chat-inner{block-size:100%}.style-preview-resize-controls{pointer-events:none;position:absolute;inset:0}.style-preview-resize-controls>.style-preview-resize-handle{pointer-events:auto}.style-preview-message-picker{position:relative}.style-preview-message-options{border-radius:var(--radius-small);color:#fff;text-align:start;background:#1a1a1a;border:1px solid #555;max-block-size:min(360px,50dvh);inline-size:min(260px,75vw);padding:6px;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;overflow-y:auto}.style-preview-message-options__heading{padding:6px 8px;font-weight:700}.style-preview-message-options button{border-radius:var(--radius-small);inline-size:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:8px;display:flex}.style-preview-message-options button:hover,.style-preview-message-options button:focus-visible{background:#383838}.style-preview-message-options button:disabled{opacity:.5;cursor:default}.creator-profile-header{align-items:center;gap:var(--space-medium);flex-wrap:wrap;margin-block-end:var(--space-large);display:flex}.creator-profile-avatar{object-fit:cover;border-radius:999px;block-size:88px;inline-size:88px}.creator-profile-name{text-align:start;margin-block-end:0}.creator-profile-bio{max-inline-size:60ch}.shop-header{align-items:center;gap:var(--space-medium);flex-wrap:wrap;display:flex}.shop-gift-premium{inline-size:fit-content;margin-block-start:var(--space-small)}.shop-streamer-avatar-wrap{flex-shrink:0;display:inline-flex;position:relative}.shop-streamer-avatar{object-fit:cover;border:3px solid var(--color-accent);border-radius:50%;flex-shrink:0;width:5.6rem;height:5.6rem}.shop-streamer-avatar--live{border-color:#ef4444;animation:1.35s ease-in-out infinite shop-streamer-avatar-live-pulse;box-shadow:0 0 0 .25rem #ef444457,0 0 .9rem #ef444470}.shop-streamer-info{flex:min(100%,28rem);min-inline-size:0}.shop-streamer-heading{align-items:center;gap:var(--space-small);flex-wrap:wrap;display:flex}.shop-streamer-name{min-inline-size:0;color:var(--color-text-primary);font-size:2rem;font-weight:700;font-family:var(--font-heading)}.shop-streamer-live-pill{z-index:2;border-radius:var(--radius-full);border:2px solid var(--color-bg-surface);color:#fff;font-size:var(--font-x-small);box-shadow:var(--shadow-small);background:#ef4444;justify-content:center;align-items:center;padding-block:.22rem;padding-inline:.65rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;inset-block-start:-.65rem;inset-inline-start:50%;transform:translate(-50%)}.shop-platform-links{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.shop-platform-link{border:1px solid var(--shop-platform-color,var(--color-border));border-radius:var(--radius-full);background:var(--shop-platform-color,var(--color-bg-surface-hover));block-size:3.2rem;inline-size:3.2rem;color:var(--shop-platform-icon-color,var(--color-text-muted));transition:background var(--transition-base), border-color var(--transition-base), color var(--transition-base);justify-content:center;align-items:center;line-height:0;display:inline-flex}.shop-platform-link:hover,.shop-platform-link:focus-visible{border-color:var(--shop-platform-color-hover,var(--color-accent));background:var(--shop-platform-color-hover,var(--color-accent-subtle));color:var(--shop-platform-icon-color,var(--color-accent))}.shop-platform-link--twitch{--shop-platform-color:#9146ff;--shop-platform-color-hover:#772ce8;--shop-platform-icon-color:#fff}.shop-header--live .shop-platform-link{animation:1.35s ease-in-out infinite shop-platform-link-live-pulse}.shop-platform-link__icon{flex-shrink:0;block-size:1.7rem;inline-size:1.7rem}@keyframes shop-streamer-avatar-live-pulse{0%,to{box-shadow:0 0 0 .25rem #ef444457,0 0 .9rem #ef444470}50%{box-shadow:0 0 0 .35rem #ef44446b,0 0 0 1.1rem #ef444447}}@keyframes shop-platform-link-live-pulse{0%,to{box-shadow:0 0 0 .1rem color-mix(in srgb, var(--shop-platform-color,var(--color-accent)) 50%, transparent), 0 0 .65rem color-mix(in srgb, var(--shop-platform-color,var(--color-accent)) 45%, transparent)}50%{box-shadow:0 0 0 .25rem color-mix(in srgb, var(--shop-platform-color,var(--color-accent)) 42%, transparent), 0 0 0 .9rem color-mix(in srgb, var(--shop-platform-color,var(--color-accent)) 28%, transparent)}}@media (prefers-reduced-motion:reduce){.shop-streamer-avatar--live,.shop-header--live .shop-platform-link{animation:none}}.shop-style-name{font-size:var(--font-small);color:var(--color-accent);margin-block-start:.2rem;font-weight:500}.shop-style-desc{font-size:var(--font-x-small);color:var(--color-text-muted);margin-block-start:.4rem}.shop-section-title{color:var(--color-text-primary);font-size:1.8rem;font-weight:700;font-family:var(--font-heading);margin-block-end:1.6rem}.shop-top-grid{gap:var(--space-normal);grid-template-columns:repeat(auto-fit,minmax(min(100%,32rem),1fr));display:grid}.shop-top-card__content{gap:var(--space-normal);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.shop-top-card__title{font-size:var(--font-base);color:var(--color-text-primary);margin-block-end:.2rem;font-weight:700}.shop-streamer-text{font-size:var(--font-small);color:var(--color-text-muted);max-inline-size:56ch}.shop-top-card__strong{color:var(--color-text-primary);font-weight:700}.shop-top-card__actions{gap:var(--space-small);flex-wrap:wrap;align-items:center;display:flex}.shop-command-highlight{border-radius:var(--radius-small);background:var(--color-accent-subtle);color:var(--color-text-primary);font-family:var(--font-mono,monospace);white-space:nowrap;padding-block:.1rem;padding-inline:.4rem;font-size:.92em;font-weight:700;display:inline-block}.viewer-create-skin-cta-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--shop-cta-border-angle,0deg), transparent 0deg, var(--color-accent) 60deg, var(--color-warning,#f59e0b) 120deg, transparent 180deg, transparent 360deg);pointer-events:none;padding:1px;animation:3.5s linear infinite shop-cta-border-spin;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}@property --shop-cta-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes shop-cta-border-spin{to{--shop-cta-border-angle:360deg}}@media (prefers-reduced-motion:reduce){.viewer-create-skin-cta-card:before{animation:none}}.shop-skin-meta{align-items:center;gap:.4rem;margin-block-start:.4rem;display:flex}.shop-skin-price{font-size:var(--font-x-small);color:var(--color-text-primary);font-weight:600}.shop-skin-price--sub{color:var(--color-accent)}.shop-skin-price--original{opacity:.75;color:var(--color-text-muted);font-weight:400;text-decoration:line-through}.shop-skin-price--sale{color:var(--color-error)}.shop-skin-action{width:100%}.shop-skin-badge{text-align:center;width:100%;display:inline-block}@media (width<=499px){.shop-header{align-items:flex-start}.shop-streamer-avatar{width:4.8rem;height:4.8rem}.shop-streamer-heading{gap:var(--space-x-small)}}.dashboard-hero{background:var(--gradient-streamer);border-radius:var(--radius-large);padding:var(--space-x-large);justify-content:space-between;align-items:center;gap:var(--space-large);display:flex;position:relative;overflow:hidden;box-shadow:0 2rem 5rem -1rem #ff6b6b59,0 .8rem 2.4rem -.6rem #0003}.dashboard-hero-content{z-index:1;flex:1;min-width:0;position:relative}.dashboard-hero-title{font-size:var(--font-x-large);color:#fff;font-weight:700;font-family:var(--font-heading);line-height:var(--leading-tight)}@media (width>=768px){.dashboard-hero-title{font-size:var(--font-2x-large)}}.dashboard-hero-subtitle{font-size:var(--font-small);color:#ffffffd9;line-height:var(--leading-normal);margin-block-start:var(--space-x-small)}.dashboard-hero-meta{align-items:center;gap:var(--space-small);flex-wrap:wrap;margin-block-start:var(--space-small);display:flex}.dashboard-hero-stat{align-items:center;gap:var(--space-2x-small);padding:var(--space-2x-small) var(--space-small);border-radius:var(--radius-full);font-size:var(--font-x-small);color:#fff;background:#fff3;font-weight:600;display:inline-flex}.dashboard-premium-switch{align-items:center;gap:var(--space-2x-small);color:#fff;font-size:var(--font-x-small);font-weight:600;display:inline-flex}.dashboard-premium-switch__control{border:0;padding:0}.dashboard-premium-switch__control:focus-visible{outline-offset:2px;outline:2px solid #fff}.dashboard-premium-switch__state{min-inline-size:2.4rem}.dashboard-hero-avatar-wrap{flex-shrink:0;display:none;position:relative}@media (width>=768px){.dashboard-hero-avatar-wrap{display:block}}.dashboard-hero-avatar{border-radius:var(--radius-full);object-fit:cover;border:3px solid #fff6;width:7.2rem;height:7.2rem;display:block}.dashboard-hero-crown{border-radius:var(--radius-full);background:var(--color-accent);color:#fff;pointer-events:none;justify-content:center;align-items:center;block-size:2.4rem;inline-size:2.4rem;display:flex;position:absolute;inset-block-start:-.4rem;inset-inline-end:-.4rem;box-shadow:0 0 0 2px #ffffff80}.dashboard-stat{align-items:center;gap:var(--space-small);padding:var(--space-normal);display:flex}.dashboard-stat-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.dashboard-stat-body{min-width:0}.dashboard-stat-value{font-size:var(--font-large);font-weight:700;font-family:var(--font-heading);color:var(--color-text-primary);line-height:var(--leading-tight)}.dashboard-stat-label{font-size:var(--font-x-small);color:var(--color-text-muted);line-height:var(--leading-normal)}.dashboard-stat-pending{inline-size:calc(100% - var(--space-normal) * 2);text-align:center;position:absolute;inset-block-end:calc(-1 * var(--space-normal));inset-inline-start:50%;transform:translate(-50%)}.dark .dashboard-stat-pending--solid{background:#3b2a14;border-color:#fcd34d}.dashboard-how{margin-block-start:6rem!important}.dashboard-how-header{text-align:center;margin-block-end:var(--space-x-large)}.dashboard-how-title{font-size:var(--font-x-large);font-weight:700;font-family:var(--font-heading);color:var(--color-text-primary)}.dashboard-how-subtitle{font-size:var(--font-small);color:var(--color-text-secondary);margin-block-start:var(--space-x-small)}.streamer-grid{gap:var(--space-large);grid-template-columns:1fr;display:grid}@media (width>=640px){.streamer-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.streamer-grid{grid-template-columns:repeat(3,1fr)}}.streamer-grid__full{grid-column:1/-1}.streamer-card--compact{height:100%}.streamer-card--live{box-shadow:0 0 0 .22rem #ef444452, 0 0 1rem #ef444461, var(--shadow);border-color:#ef4444;animation:1.35s ease-in-out infinite streamer-card-live-pulse}.streamer-card__header{align-items:center;gap:var(--space-small);margin-block-end:1.2rem;display:flex}.streamer-card__profile{align-items:center;gap:var(--space-small);min-inline-size:0;display:flex}.streamer-card__avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;block-size:3.6rem;inline-size:3.6rem}.streamer-card__actions{align-items:flex-start;gap:var(--space-x-small);flex-wrap:wrap;margin-inline-start:auto;display:flex}@media (width<=767px){.streamer-card__header{flex-wrap:wrap;align-items:flex-start}.streamer-card__profile,.streamer-card__actions{inline-size:100%}.streamer-card__actions{margin-inline-start:0}}.streamer-card__compact-header{justify-content:space-between;align-items:flex-start;gap:var(--space-small);display:flex}.streamer-card__compact-profile{align-items:center;gap:var(--space-small);min-width:0;display:flex}.streamer-card__compact-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:3.2rem;height:3.2rem}.streamer-card__compact-name{font-size:var(--font-base);color:var(--color-text-primary);font-weight:600}.streamer-card__compact-name-row{align-items:center;gap:var(--space-2x-small);flex-wrap:wrap;min-inline-size:0;display:flex}.streamer-card__live-badge{z-index:2;border-radius:var(--radius-full);border:2px solid var(--color-bg-surface);color:#fff;font-size:var(--font-small);box-shadow:var(--shadow-small);background:#ef4444;justify-content:center;align-items:center;padding-block:.14rem;padding-inline:.42rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;inset-block-start:-.45rem;inset-inline-end:.8rem}.streamer-card__compact-empty{margin:var(--space-small) 0 0;font-size:var(--font-small);color:var(--color-text-muted)}@keyframes streamer-card-live-pulse{0%,to{box-shadow:0 0 0 .22rem #ef444452, 0 0 1rem #ef444461, var(--shadow)}50%{box-shadow:0 0 0 .35rem #ef44446b, 0 0 0 1.1rem #ef444447, var(--shadow)}}@media (prefers-reduced-motion:reduce){.streamer-card--live{animation:none}}.streamer-card__compact-actions{gap:var(--space-x-small);flex-wrap:wrap;margin-block-start:var(--space-small);display:flex}.streamer-card__compact-icon-actions{flex-shrink:0;align-items:center;gap:.2rem;display:flex}.streamer-card-icon-action,.streamer-card-favorite{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;flex-shrink:0;padding:.4rem;line-height:0}.streamer-card-icon-action--header{margin-block-start:.2rem}.streamer-card-favorite--active{color:#eab308}.streamer-card-notifications--active{color:var(--color-accent)}.preset-row{align-items:stretch;gap:var(--space-small);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg-surface);transition:border-color var(--transition-base);display:flex}.preset-row:hover{border-color:var(--color-border-hover)}.preset-row--no-style{background:color-mix(in srgb, var(--color-bg-surface) 85%, #eab30814);border-color:color-mix(in srgb, var(--color-border) 80%, #eab3084d)}.preset-row-main{gap:var(--space-2x-small);min-width:0;padding:var(--space-small) 0 var(--space-small) var(--space-normal);flex-direction:column;flex:1;display:flex}@media (width>=768px){.preset-row-main{align-items:center;gap:var(--space-normal);flex-direction:row}}.preset-row-info{align-items:center;gap:var(--space-x-small);flex-shrink:0;display:flex}.preset-row-name{font-size:var(--font-small);color:var(--color-text-primary);white-space:nowrap;font-weight:600}.preset-row-style{font-size:var(--font-x-small);color:var(--color-text-muted);white-space:nowrap}.preset-row-url{flex:1;min-width:0}.btn-icon--tiny{cursor:pointer;width:2rem;height:2rem;color:var(--color-text-muted);border-radius:var(--radius-small);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-icon--tiny:hover{color:var(--color-text-primary);background:var(--color-bg-surface-hover)}.input-mono--small{padding:var(--space-2x-small) var(--space-small);border-radius:var(--radius-small);background:var(--color-bg-surface-sunken);font-size:var(--font-xx-small);color:var(--color-text-secondary);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preset-row-primary{border-inline-start:1px solid var(--color-border);flex-shrink:0;align-items:stretch;display:flex}.preset-row-primary__btn{background:var(--color-bg-tertiary);cursor:pointer;width:3.6rem;color:var(--color-text-muted);transition:color var(--transition-fast), background var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.preset-row-primary__btn:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.preset-row-primary__btn+.preset-row-primary__btn{border-inline-start:1px solid var(--color-border)}.preset-row-primary__btn:last-child{border-radius:0 var(--radius) var(--radius) 0}.preset-row-primary__btn--danger{color:var(--color-danger);background:#ef444414}.preset-row-primary__btn--danger:hover{background:#ef444426}.preset-row-primary__btn.is-disabled{opacity:.3;cursor:not-allowed}.preset-row-primary__btn.is-disabled:hover{color:var(--color-text-muted);background:0 0}.btn-icon--danger{color:var(--color-danger)}.btn-icon--danger:hover{background:#ef44441a}.dashboard-url-grid,.dashboard-url-grid>*{min-inline-size:0}.secret-field-label{margin-block:var(--space-small) var(--space-2x-small);font-size:var(--font-x-small);font-weight:700}.secret-field{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg-surface);align-items:center;min-inline-size:0;display:flex;overflow:hidden}.secret-field__text{min-width:0;padding:var(--space-small) var(--space-normal);font-size:var(--font-x-small);color:var(--color-text-secondary);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;flex:1;overflow:hidden}.secret-field__actions{align-items:center;gap:var(--space-2x-small);padding-inline:var(--space-2x-small);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);flex-wrap:wrap;flex-shrink:0;display:flex}.secret-field:hover .secret-field__actions,.secret-field:focus-within .secret-field__actions{opacity:1;pointer-events:auto}.secret-field__form{display:flex}.secret-field__button{background:var(--color-bg-tertiary);cursor:pointer;width:2.8rem;height:2.8rem;color:var(--color-text-muted);border-radius:var(--radius-full);transition:color var(--transition-fast), background var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.secret-field__button:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.secret-field__button:disabled{opacity:.45;cursor:not-allowed}.secret-field__success-icon{color:var(--color-success)}.dashboard-shop-url-row{min-inline-size:0}.dashboard-shop-url-row .input-mono{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}@media (width<=767px){.dashboard-shop-url-row{flex-wrap:wrap;inline-size:100%}.dashboard-shop-url-row .input-mono{flex-basis:100%;inline-size:100%}.secret-field{align-items:stretch}.secret-field__actions{opacity:1;pointer-events:auto}}.api-docs{gap:var(--space-x-large);max-inline-size:144rem;padding-block:var(--space-x-large);padding-inline:var(--space-normal);grid-template-columns:1fr;margin-inline:auto;display:grid}@media (width>=1024px){.api-docs{gap:var(--space-2x-large);padding-block:var(--space-2x-large);grid-template-columns:22rem 1fr}}.api-docs-toc{display:none}@media (width>=1024px){.api-docs-toc{max-block-size:calc(100vh - var(--space-2x-large));align-self:start;display:block;position:sticky;inset-block-start:var(--space-x-large);overflow-y:auto}}.api-docs-toc-title{font-family:var(--font-heading);font-size:var(--font-small);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--space-small);font-weight:700}.api-docs-toc-list{gap:var(--space-2x-small);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.api-docs-toc-list li a{font-size:var(--font-x-small);color:var(--color-text-secondary);padding-block:var(--space-2x-small);padding-inline:var(--space-x-small);border-radius:var(--radius-small);transition:color var(--transition-fast), background var(--transition-fast);text-decoration:none;display:block}.api-docs-toc-list li a:hover{color:var(--color-accent);background:var(--color-accent-subtle)}.api-docs-toc-list li.is-nested a{padding-inline-start:var(--space-large);font-size:1.3rem}.api-docs-toc-mobile{margin-block-end:var(--space-normal);display:block}@media (width>=1024px){.api-docs-toc-mobile{display:none}}.api-docs-toc-mobile-btn{align-items:center;gap:var(--space-x-small);inline-size:100%;padding:var(--space-small) var(--space-normal);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-primary);font-size:var(--font-x-small);cursor:pointer;transition:background var(--transition-fast);font-weight:600;display:flex}.api-docs-toc-mobile-btn:hover{background:var(--color-bg-surface-hover)}.api-docs-toc-mobile-btn svg{block-size:1.6rem;inline-size:1.6rem;transition:transform var(--transition-fast)}.api-docs-toc-mobile-btn[aria-expanded=true] svg{transform:rotate(180deg)}.api-docs-toc-mobile-list{padding:var(--space-small) var(--space-normal);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius);gap:var(--space-2x-small);flex-direction:column;margin:0;margin-block-start:var(--space-x-small);list-style:none;display:flex}.api-docs-toc-mobile-list li a{font-size:var(--font-x-small);color:var(--color-text-secondary);padding-block:var(--space-2x-small);text-decoration:none;display:block}.api-docs-toc-mobile-list li a:hover{color:var(--color-accent)}.api-docs-toc-mobile-list li.is-nested a{padding-inline-start:var(--space-normal)}.api-docs-content{min-inline-size:0}.api-docs-hero{margin-block-end:var(--space-2x-large)}.api-docs-hero h1{font-family:var(--font-heading);font-size:var(--font-2x-large);color:var(--color-text-primary);font-weight:700;line-height:var(--leading-tight);margin-block-end:var(--space-small)}.api-docs-hero p{font-size:var(--font-normal);color:var(--color-text-secondary);line-height:var(--leading-normal);max-inline-size:60rem}.api-docs-section{margin-block-end:var(--space-2x-large)}.api-docs-section:last-child{margin-block-end:0}.api-docs-section>h2{font-family:var(--font-heading);font-size:var(--font-x-large);color:var(--color-text-primary);font-weight:700;line-height:var(--leading-snug);border-block-end:1px solid var(--color-border-subtle);margin-block-end:var(--space-normal);padding-block-end:var(--space-x-small)}.api-docs-section>h2:not(:first-child){margin-block-start:var(--space-2x-large)}.api-docs-section>h3{font-family:var(--font-heading);font-size:var(--font-large);color:var(--color-text-primary);font-weight:600;line-height:var(--leading-snug);margin-block-start:var(--space-x-large);margin-block-end:var(--space-small)}.api-docs-section>h4{font-family:var(--font-heading);font-size:var(--font-normal);color:var(--color-text-primary);font-weight:600;line-height:var(--leading-snug);margin-block-start:var(--space-large);margin-block-end:var(--space-x-small)}.api-docs-section p{font-size:var(--font-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-block-end:var(--space-normal)}.api-docs-section p:last-child{margin-block-end:0}.api-docs-section strong{color:var(--color-text-primary);font-weight:600}.api-docs-section ul,.api-docs-section ol{font-size:var(--font-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-block-end:var(--space-normal);padding-inline-start:var(--space-large)}.api-docs-section li{margin-block-end:var(--space-2x-small)}.api-docs-base-url{align-items:center;gap:var(--space-x-small);padding:var(--space-x-small) var(--space-normal);background:var(--color-accent-subtle);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--font-x-small);color:var(--color-accent);border:1px solid #6c3fc533;margin-block-end:var(--space-normal);font-weight:600;display:inline-flex}.dark .api-docs-base-url{border-color:#a78bfa40}.api-docs-section code:not(pre code){font-family:var(--font-mono);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);color:var(--color-accent);border-radius:.4rem;padding:.15em .45em;font-size:.88em}.api-docs-code{border-radius:var(--radius);margin-block-end:var(--space-normal);position:relative;overflow:hidden}.api-docs-code-header{padding:var(--space-x-small) var(--space-normal);background:#1e1e2e;border-block-end:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.api-docs-code-lang{font-family:var(--font-mono);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-size:1.2rem}.api-docs-code-copy{align-items:center;gap:var(--space-2x-small);padding:var(--space-2x-small) var(--space-x-small);color:#ffffff80;cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.4rem;font-size:1.2rem;display:flex}.api-docs-code-copy:hover{color:#fffc;background:#ffffff1a}.api-docs-code-copy svg{block-size:1.4rem;inline-size:1.4rem}.api-docs-code pre{padding:var(--space-normal);-webkit-overflow-scrolling:touch;background:#1e1e2e;margin:0;overflow-x:auto}.api-docs-code pre code{font-family:var(--font-mono);color:#cdd6f4;white-space:pre;font-size:1.3rem;line-height:1.7}.api-docs-code pre code .json-key{color:#89b4fa}.api-docs-code pre code .json-string{color:#a6e3a1}.api-docs-code pre code .json-number{color:#fab387}.api-docs-code pre code .json-bool{color:#cba6f7}.api-docs-code pre code .json-null{color:#6c7086}.api-docs-table-wrap{border-radius:var(--radius);border:1px solid var(--color-border);margin-block-end:var(--space-normal);overflow-x:auto}.api-docs-table{border-collapse:collapse;inline-size:100%;font-size:var(--font-x-small)}.api-docs-table th{padding:var(--space-x-small) var(--space-normal);background:var(--color-bg-surface);color:var(--color-text-primary);text-align:start;white-space:nowrap;border-block-end:1px solid var(--color-border);font-weight:600}.api-docs-table td{padding:var(--space-x-small) var(--space-normal);color:var(--color-text-secondary);border-block-end:1px solid var(--color-border-subtle);vertical-align:top}.api-docs-table tr:last-child td{border-block-end:none}.api-docs-table code{font-family:var(--font-mono);background:var(--color-accent-subtle);color:var(--color-accent);border-radius:.3rem;padding:.1em .35em;font-size:.88em}.api-docs-endpoint{border-block-start:1px solid var(--color-border-subtle);margin-block-start:var(--space-x-large);padding-block-start:var(--space-x-large)}.api-docs-endpoint:first-of-type{border-block-start:none;padding-block-start:0}.api-docs-endpoint-header{align-items:center;gap:var(--space-small);flex-wrap:wrap;margin-block-end:var(--space-small);display:flex}.api-docs-method{font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;border-radius:.4rem;flex-shrink:0;align-items:center;padding:.3rem .8rem;font-size:1.2rem;font-weight:700;display:inline-flex}.api-docs-method[data-method=GET]{color:#16a34a;background:#22c55e26}.dark .api-docs-method[data-method=GET]{color:#4ade80;background:#22c55e26}.api-docs-method[data-method=PUT]{color:#2563eb;background:#3b82f626}.dark .api-docs-method[data-method=PUT]{color:#60a5fa;background:#3b82f626}.api-docs-method[data-method=POST]{color:var(--color-warning);background:#f59e0b26}.dark .api-docs-method[data-method=POST]{color:#fbbf24;background:#f59e0b26}.api-docs-method[data-method=DELETE]{color:#dc2626;background:#ef444426}.dark .api-docs-method[data-method=DELETE]{color:#f87171;background:#ef444426}.api-docs-endpoint-path{font-family:var(--font-mono);font-size:var(--font-small);color:var(--color-text-primary);font-weight:600}.api-docs-endpoint-desc{font-size:var(--font-small);color:var(--color-text-secondary);margin-block-end:var(--space-normal)}.api-docs-note{padding:var(--space-small) var(--space-normal);background:var(--color-accent-subtle);border-inline-start:3px solid var(--color-accent);border-radius:0 var(--radius-small) var(--radius-small) 0;font-size:var(--font-x-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-block-end:var(--space-normal)}.api-docs-note strong{color:var(--color-text-primary)}.api-docs-note ul{margin-block:var(--space-x-small);padding-inline-start:var(--space-normal)}@media (width<=640px){.api-docs-hero h1{font-size:var(--font-x-large)}.api-docs-endpoint-header{align-items:flex-start;gap:var(--space-x-small);flex-direction:column}.api-docs-code pre{padding:var(--space-small)}.api-docs-code pre code{font-size:1.2rem}}.blog-page{max-inline-size:144rem;padding-block:var(--space-x-large);padding-inline:var(--space-normal);margin-inline:auto}@media (width>=1024px){.blog-page{padding-block:var(--space-2x-large)}}.blog-hero{text-align:center;margin-block-end:var(--space-x-large)}.blog-hero h1{font-family:var(--font-heading);font-size:var(--font-2x-large);color:var(--color-text-primary);font-weight:700;line-height:var(--leading-tight);margin-block-end:var(--space-small)}.blog-hero p{font-size:var(--font-normal);color:var(--color-text-secondary);line-height:var(--leading-normal);max-inline-size:60rem;margin-inline:auto}.blog-categories{justify-content:center;gap:var(--space-x-small);flex-wrap:wrap;margin-block-end:var(--space-x-large);display:flex}.blog-category-chip{padding-block:.6rem;padding-inline:var(--space-normal);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:var(--font-x-small);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.blog-category-chip:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.blog-category-chip.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.blog-grid{gap:var(--space-normal);grid-template-columns:1fr;display:grid}@media (width>=640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.blog-grid{gap:var(--space-large);grid-template-columns:repeat(3,1fr)}}.blog-empty{text-align:center;font-size:var(--font-normal);color:var(--color-text-secondary);padding-block:var(--space-2x-large)}.blog-card{min-inline-size:0;display:flex}.blog-card-link{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);inline-size:100%;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card-link:hover{box-shadow:var(--shadow-large);border-color:var(--color-border);transform:translateY(-.3rem)}.blog-card-media{aspect-ratio:16/9;overflow:hidden}.blog-card-media img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.blog-card-media--placeholder{background:var(--gradient-primary);color:var(--color-text-inverse);opacity:.85;justify-content:center;align-items:center;display:flex}.blog-card-body{gap:var(--space-x-small);padding:var(--space-normal);flex-direction:column;flex:1;display:flex}.blog-card-meta{align-items:center;gap:var(--space-x-small);font-size:var(--font-x-small);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.blog-card-title{font-family:var(--font-heading);font-size:var(--font-medium);color:var(--color-text-primary);font-weight:700;line-height:var(--leading-snug)}.blog-card-excerpt{font-size:var(--font-x-small);color:var(--color-text-secondary);line-height:var(--leading-normal);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-read-more{font-size:var(--font-x-small);color:var(--color-accent);margin-block-start:auto;padding-block-start:var(--space-x-small);font-weight:600}.blog-pagination{justify-content:center;align-items:center;gap:var(--space-2x-small);flex-wrap:wrap;margin-block-start:var(--space-x-large);display:flex}.blog-pagination-link{min-inline-size:3.6rem;padding-block:.6rem;padding-inline:var(--space-small);border:1px solid var(--color-border-subtle);border-radius:var(--radius-small);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:var(--font-x-small);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.blog-pagination-link:hover:not(.is-disabled):not(.is-current){background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.blog-pagination-link.is-current{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.blog-pagination-link.is-disabled{opacity:.4;cursor:default}.blog-pagination-ellipsis{color:var(--color-text-muted);padding-inline:var(--space-2x-small)}.home-blog{padding-block-end:var(--space-4x-large)}.home-blog-cta{text-align:center;margin-block-start:var(--space-large)}.blog-page--article{max-inline-size:76rem}.blog-article-back{align-items:center;gap:var(--space-2x-small);font-size:var(--font-x-small);color:var(--color-text-secondary);transition:color var(--transition-fast);margin-block-end:var(--space-large);font-weight:600;text-decoration:none;display:inline-flex}.blog-article-back:hover{color:var(--color-text-primary)}.blog-article-header{margin-block-end:var(--space-large)}.blog-article-meta{align-items:center;gap:var(--space-small);font-size:var(--font-x-small);color:var(--color-text-muted);flex-wrap:wrap;margin-block-end:var(--space-normal);display:flex}.blog-article-header h1{font-family:var(--font-heading);font-size:var(--font-3x-large);color:var(--color-text-primary);font-weight:700;line-height:var(--leading-tight);margin-block-end:var(--space-normal)}.blog-article-lead{font-size:var(--font-normal);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.blog-article-cover{border-radius:var(--radius-large);margin-block-end:var(--space-x-large);overflow:hidden}.blog-article-cover img{object-fit:cover;max-block-size:42rem;inline-size:100%;display:block}.blog-article-content{margin-block-end:var(--space-2x-large)}.blog-article-content h2{font-family:var(--font-heading);font-size:var(--font-x-large);color:var(--color-text-primary);font-weight:700;line-height:var(--leading-snug);border-block-end:1px solid var(--color-border-subtle);margin-block-start:var(--space-x-large);margin-block-end:var(--space-normal);padding-block-end:var(--space-x-small)}.blog-article-content h3{font-family:var(--font-heading);font-size:var(--font-large);color:var(--color-text-primary);margin-block-start:var(--space-x-large);margin-block-end:var(--space-small);font-weight:600}.blog-article-content h4,.blog-article-content h5{font-family:var(--font-heading);font-size:var(--font-normal);color:var(--color-text-primary);margin-block-start:var(--space-large);margin-block-end:var(--space-x-small);font-weight:600}.blog-article-content p{font-size:var(--font-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-block-end:var(--space-normal)}.blog-article-content ul,.blog-article-content ol{font-size:var(--font-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-block-end:var(--space-normal);padding-inline-start:var(--space-large)}.blog-article-content li{margin-block-end:var(--space-2x-small)}.blog-article-content a{color:var(--color-accent)}.blog-article-content img{border-radius:var(--radius);block-size:auto;max-inline-size:100%;margin-block:var(--space-normal)}.blog-article-content blockquote{border-inline-start:3px solid var(--color-accent);color:var(--color-text-secondary);margin-block-end:var(--space-normal);padding-inline-start:var(--space-normal);font-style:italic}.blog-article-content code:not(pre code){font-family:var(--font-mono);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);color:var(--color-accent);border-radius:.4rem;padding:.15em .45em;font-size:.88em}.blog-article-content pre{font-family:var(--font-mono);font-size:var(--font-x-small);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius);padding:var(--space-normal);margin-block-end:var(--space-normal);overflow-x:auto}.blog-article-faq h2{font-family:var(--font-heading);font-size:var(--font-x-large);color:var(--color-text-primary);margin-block-end:var(--space-normal);font-weight:700}.blog-faq-item{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius);margin-block-end:var(--space-x-small)}.blog-faq-item summary{cursor:pointer;padding:var(--space-normal);justify-content:space-between;align-items:center;gap:var(--space-small);list-style:none;display:flex}.blog-faq-item summary::-webkit-details-marker{display:none}.blog-faq-item summary:after{content:"+";font-size:var(--font-medium);color:var(--color-text-muted);flex-shrink:0;line-height:1}.blog-faq-item[open] summary:after{content:"−"}.blog-faq-item summary h3{font-family:var(--font-heading);font-size:var(--font-small);color:var(--color-text-primary);font-weight:600;line-height:var(--leading-snug)}.blog-faq-answer{padding-block-end:var(--space-normal);padding-inline:var(--space-normal)}.blog-faq-answer p,.blog-faq-answer ul,.blog-faq-answer ol{font-size:var(--font-x-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-block-end:var(--space-x-small)}.blog-faq-answer ul,.blog-faq-answer ol{padding-inline-start:var(--space-normal)}.viewers-table{border-collapse:collapse;width:100%}.viewers-table th{padding:.8rem var(--space-normal);font-size:var(--font-x-small);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:start;border-block-end:1px solid var(--color-border-subtle);font-weight:600}.viewers-table th.col-actions{text-align:end}.viewers-table td{padding:1rem var(--space-normal);font-size:var(--font-small);color:var(--color-text-primary);border-block-end:1px solid var(--color-border-subtle);vertical-align:middle}.viewers-table tr:last-child td{border-block-end:none}.viewers-table .col-actions{text-align:end}.viewer-row-user{align-items:center;gap:var(--space-small);display:flex}.viewer-row-actions{justify-content:flex-end;align-items:center;gap:var(--space-x-small);display:flex}.viewer-assign-form{align-items:flex-start;gap:var(--space-normal);flex-wrap:wrap;display:flex}.viewer-assign-field{flex-direction:column;flex:16rem;gap:.4rem;display:flex}.viewer-assign-field--viewer{min-inline-size:min(100%,18rem)}.viewer-assign-search{position:relative}.viewer-assign-field--skin{flex-basis:14rem;min-inline-size:min(100%,16rem)}.viewer-assign-actions{gap:var(--space-small);flex:100%;justify-content:flex-start;display:flex}.viewer-assign-control{border:1px solid var(--color-border-input);border-radius:var(--radius);background:var(--color-bg-surface);min-block-size:3rem;inline-size:100%;color:var(--color-text-primary);font-size:var(--font-small);transition:box-shadow var(--transition-base);padding-block:.65rem;padding-inline:.9rem}.viewer-assign-control:focus{box-shadow:0 0 0 2px var(--color-accent);outline:none}select.viewer-assign-control{background-color:var(--color-bg-select);color-scheme:inherit}select.viewer-assign-control option{background-color:var(--color-bg-select);color:var(--color-text-primary)}.viewer-assign-control::placeholder{color:var(--color-text-muted)}.viewer-assign-help{color:var(--color-text-muted);font-size:var(--font-x-small)}.viewer-assign-results{border:1px solid var(--color-border-subtle);border-radius:var(--radius);background:var(--color-bg-surface);box-shadow:var(--shadow-soft);z-index:10;flex-direction:column;gap:.2rem;padding:.4rem;display:flex;position:absolute;inset-block-start:calc(100% + .4rem);inset-inline:0}.viewer-assign-result{inline-size:100%;padding-block:.8rem;padding-inline:var(--space-small);border-radius:calc(var(--radius) - .2rem);background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;text-align:start;border:0;flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.viewer-assign-result:hover{background:var(--color-bg-select)}.viewer-assign-result--status,.viewer-assign-result--status:hover{background:var(--color-bg-surface);color:var(--color-text-muted);cursor:default}.viewer-assign-result__name{font-size:var(--font-small);font-weight:600}.viewer-assign-result__meta{font-size:var(--font-x-small);color:var(--color-text-muted)}.viewer-assign-submit{min-block-size:3rem;padding-block:.65rem;padding-inline:var(--space-medium)}.viewer-skin-current,.viewer-skin-list{flex-wrap:wrap;gap:.3rem;display:flex}.viewer-skin-empty{color:var(--color-text-muted);font-size:var(--font-x-small)}.viewer-skin-badge{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent) 20%, #111);inline-size:max-content;max-inline-size:100%;font-size:var(--font-x-small);white-space:nowrap;align-items:center;gap:.35rem;padding-block:.25rem;padding-inline:.65rem;line-height:1.3;display:inline-flex}.viewer-skin-badge--active{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 32%, #111)}.viewer-skin-badge__name{color:#fff;font-weight:700}.viewer-skin-list__item{align-items:flex-start;display:inline-flex}@media (width<=720px){.viewer-assign-actions{flex-direction:column}.viewer-assign-submit{inline-size:100%}}.viewers-search{max-width:36rem;position:relative}.viewers-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:1.2rem;transform:translateY(-50%)}.viewers-search-clear{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-base);background:0 0;position:absolute;inset-block-start:50%;inset-inline-end:.8rem;transform:translateY(-50%)}.viewers-search-clear:hover{color:var(--color-text-primary)}.viewers-empty{padding:var(--space-x-large) var(--space-large);text-align:center;color:var(--color-text-muted);font-size:var(--font-small)}.preset-delete-confirm{z-index:4;gap:var(--space-x-small);padding:var(--space-small);background:var(--color-bg-select);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-medium);pointer-events:auto;flex-direction:column;display:flex;position:absolute;inset-block-start:100%;inset-inline-end:0}.preset-delete-confirm__msg{font-size:var(--font-x-small);color:var(--color-text-primary);margin:0}.preset-settings-description{font-size:var(--font-x-small);color:var(--color-text-muted);margin-block-end:var(--space-large)}.preset-settings-grid{column-count:1;column-gap:var(--space-large)}@media (width>=768px){.preset-settings-grid{column-count:2}}.preset-settings-card{gap:var(--space-large);break-inside:avoid;flex-direction:column;inline-size:100%;margin-block-end:var(--space-large);display:flex}.preset-settings-primary-column{align-items:flex-start;gap:var(--space-small);break-inside:avoid;flex-direction:column;inline-size:100%;margin-block-end:var(--space-large);display:flex}.preset-settings-primary-column .preset-settings-card{margin-block-end:0}.preset-settings-delete-action{justify-content:center;align-items:center;gap:var(--space-2x-small);display:inline-flex}.preset-settings-card-header{gap:var(--space-2x-small);flex-direction:column;display:flex}.preset-settings-card-title{color:var(--color-text-primary);margin:0;font-size:clamp(1.7rem,1.3rem + .9vw,2.4rem);font-weight:800;line-height:1.1}.preset-settings-card-subtitle{font-size:var(--font-x-small);color:var(--color-text-muted);margin:0}.preset-settings-nested-section{gap:var(--space-medium);border-block-start:1px solid var(--color-border);flex-direction:column;padding-block-start:var(--space-medium);display:flex}.preset-settings-nested-section__header{gap:var(--space-2x-small);flex-direction:column;display:flex}.preset-settings-section-title{font-size:var(--font-medium);color:var(--color-text-primary);margin:0;font-weight:800;line-height:1.2}.preset-settings-stack{flex-direction:column;gap:1.5rem;display:flex}.preset-settings-number-input{text-align:center;max-inline-size:8rem}.preset-setting-field,.preset-hidden-users,.preset-settings-stack>.setting-row{position:relative}.setting-save-status{z-index:1;block-size:2.4rem;inline-size:2.4rem;color:var(--color-text-inverse);border-radius:var(--radius-full);box-shadow:var(--shadow);pointer-events:none;background:linear-gradient(135deg,#6b7280,#374151);border:1px solid #ffffff4d;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-start:-3.3rem}.setting-save-status.is-saved{color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);border-color:#ffffff59}.setting-save-status--emote-header{position:absolute;inset-block-start:50%;transform:translateY(-50%)}.setting-save-status__icon{block-size:1.4rem;inline-size:1.4rem}.setting-save-status__icon--saving{animation:.85s linear infinite spin}.emote-settings-title-row{align-items:center;min-block-size:2.4rem;display:flex;position:relative}.preset-hidden-users{gap:var(--space-small);flex-direction:column;display:flex}.preset-hidden-users__selected{gap:var(--space-x-small);flex-wrap:wrap;display:flex}.preset-hidden-users__selected-chip{align-items:center;gap:var(--space-2x-small);border:1px solid var(--color-border);color:var(--color-text-primary);background:var(--color-bg-select);font-size:var(--font-x-small);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);border-color:color-mix(in srgb, var(--color-primary) 70%, white);background:color-mix(in srgb, var(--color-primary) 18%, transparent);border-radius:999px;padding-block:.4rem;padding-inline:.75rem;font-weight:700;display:inline-flex}.preset-hidden-users__input-row{gap:var(--space-small);display:flex}.preset-hidden-users__input-row .input{min-inline-size:0}@media (width<=520px){.preset-hidden-users__input-row{flex-direction:column}}.billing-plan{align-items:center;gap:var(--space-normal);flex-wrap:wrap;display:flex}.billing-plan-icon{border-radius:var(--radius-large);background:var(--color-accent-subtle);block-size:4.8rem;inline-size:4.8rem;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.billing-plan-info{flex:auto;min-inline-size:16rem}.billing-plan-label{font-size:var(--font-x-small);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-block-end:.2rem;font-weight:600}.billing-plan-name{font-size:var(--font-large);color:var(--color-text-primary);font-weight:700;line-height:1.2}.billing-plan-meta{font-size:var(--font-x-small);color:var(--color-text-muted);margin-block-start:.3rem}.billing-empty{align-items:center;gap:var(--space-small);padding:var(--space-x-large) var(--space-large);text-align:center;flex-direction:column;display:flex}.billing-empty-icon{border-radius:var(--radius-full);background:var(--color-bg-overlay);block-size:5.6rem;inline-size:5.6rem;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.billing-empty-title{font-size:var(--font-normal);color:var(--color-text-primary);font-weight:600}.billing-empty-hint{font-size:var(--font-x-small);color:var(--color-text-muted);max-inline-size:32rem}.billing-section-header{justify-content:space-between;align-items:center;gap:var(--space-small);padding:var(--space-normal);border-block-end:1px solid var(--color-border-subtle);display:flex}.billing-section-title{font-size:var(--font-small);color:var(--color-text-primary);align-items:center;gap:var(--space-x-small);font-weight:600;display:flex}.billing-table{border-collapse:collapse;inline-size:100%}.billing-table th{padding:.8rem var(--space-normal);font-size:var(--font-x-small);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:start;border-block-end:1px solid var(--color-border-subtle);font-weight:600}.billing-table th.col-actions{text-align:end}.billing-table td{padding:1rem var(--space-normal);font-size:var(--font-small);color:var(--color-text-primary);border-block-end:1px solid var(--color-border-subtle);vertical-align:middle}.billing-table tr:last-child td{border-block-end:none}.billing-table .col-actions{text-align:end}.billing-amount{font-variant-numeric:tabular-nums;font-weight:600}.billing-date{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.billing-private-summary{gap:var(--space-x-small);font-size:var(--font-x-small);color:var(--color-text-muted);flex-direction:column;display:flex}.billing-private-details{font-size:var(--font-x-small);color:var(--color-text-secondary);margin-block-start:var(--space-small);line-height:1.6}.subscribe-page{gap:var(--space-x-large);flex-direction:column;display:flex}.subscribe-back{align-self:flex-start}.subscribe-header{align-items:center;gap:var(--space-small);text-align:center;flex-direction:column;max-inline-size:64rem;margin-inline:auto;display:flex}.subscribe-eyebrow{align-items:center;gap:var(--space-2x-small);padding:.4rem var(--space-small);border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent);font-size:var(--font-x-small);text-transform:uppercase;letter-spacing:.08em;font-weight:600;display:inline-flex}.subscribe-title{font-family:var(--font-heading);font-size:var(--font-2x-large);color:var(--color-text-primary);font-weight:700;line-height:var(--leading-tight);margin:0}@media (width>=768px){.subscribe-title{font-size:var(--font-3x-large)}}.subscribe-subtitle{font-size:var(--font-small);color:var(--color-text-secondary);max-inline-size:48rem;line-height:var(--leading-normal);margin:0}.subscribe-form{gap:var(--space-x-large);flex-direction:column;display:flex}.subscribe-form-header{gap:var(--space-small);text-align:center;max-inline-size:64rem;flex-direction:column;align-self:center;margin-block-start:var(--space-x-large);display:flex}.subscribe-form-title{font-family:var(--font-heading);font-size:var(--font-2x-large);color:var(--color-text-primary);font-weight:700;line-height:var(--leading-tight)}.billing-period-toggle{align-self:center;gap:var(--space-2x-small);padding:var(--space-2x-small);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-bg-overlay);display:inline-flex}.billing-period-toggle__option{align-items:center;gap:var(--space-2x-small);padding-block:var(--space-x-small);padding-inline:var(--space-normal);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-x-small);background:0 0;border:0;font-weight:600;display:inline-flex}.billing-period-toggle__option.is-active{background:var(--color-accent);color:#fff}.billing-period-toggle__badge{padding-block:.15rem;padding-inline:var(--space-2x-small);border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent);white-space:nowrap;font-size:1rem}.billing-period-toggle__option.is-active .billing-period-toggle__badge{color:#fff;background:#fff3}.subscribe-verified-count{align-items:center;gap:var(--space-2x-small);color:var(--color-accent);padding:var(--space-2x-small) var(--space-normal);border-radius:var(--radius-large);background:var(--color-accent-subtle);border:2px dashed;align-self:center;width:max-content;font-weight:600;display:inline-flex}.tier-grid{gap:var(--space-large);grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));padding-block-start:var(--space-normal);display:grid}.tier-option{cursor:pointer;block-size:100%;display:block}.tier-card{gap:var(--space-normal);padding:var(--space-large);border-radius:var(--radius-large);background:var(--color-bg-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-small);block-size:100%;transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.tier-card:before{content:"";background:var(--gradient-brand);opacity:.7;block-size:.4rem;transition:opacity var(--transition-base);position:absolute;inset-block-start:0;inset-inline:0}.tier-card--streamer:before{background:var(--gradient-streamer)}.tier-card--viewer:before{background:var(--gradient-viewer)}.tier-card--brand:before{background:var(--gradient-primary);opacity:1}.tier-option:hover .tier-card{border-color:var(--color-accent);box-shadow:var(--shadow);transform:translateY(-.4rem)}.tier-option:hover .tier-card:before{opacity:1}.tier-option.is-selected .tier-card{border-color:var(--color-accent);background:var(--color-bg-overlay);box-shadow:var(--shadow-glow), 0 0 0 2px var(--color-accent) inset}.tier-option.is-selected .tier-card:before{opacity:1}.tier-badge{align-items:center;gap:var(--space-2x-small);border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-glow);white-space:nowrap;padding:.4rem .8rem;font-size:1.1rem;font-weight:600;display:inline-flex;position:absolute;inset-block-start:1.2rem;inset-inline-end:1.2rem}.tier-badge--current{background:var(--color-status-active,var(--color-success));box-shadow:none}.tier-card-head{gap:var(--space-2x-small);flex-direction:column;padding-inline-end:8rem;display:flex}.tier-audience{font-size:var(--font-x-small);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.tier-name{font-family:var(--font-heading);font-size:var(--font-medium);color:var(--color-text-primary);font-weight:700;line-height:var(--leading-tight);margin:0}.tier-price{padding-block:var(--space-small);border-block:1px solid var(--color-border-subtle);align-items:baseline;gap:.3rem;display:flex}.tier-price-currency{font-family:var(--font-heading);font-size:var(--font-medium);color:var(--color-text-secondary);font-weight:600}.tier-price-amount{font-family:var(--font-heading);color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:4rem;font-weight:700;line-height:1}.tier-price-suffix{font-size:var(--font-x-small);color:var(--color-text-muted);margin-inline-start:var(--space-2x-small)}.tier-features{gap:var(--space-x-small);flex-direction:column;flex:auto;margin:0;padding:0;list-style:none;display:flex}.tier-features li{align-items:flex-start;gap:var(--space-x-small);font-size:var(--font-small);color:var(--color-text-secondary);line-height:var(--leading-snug);display:flex}.tier-feature-check{color:var(--color-accent);flex-shrink:0;margin-block-start:.2rem}.tier-select-indicator{border-radius:var(--radius-full);border:2px solid var(--color-border-input);background:var(--color-bg-overlay);block-size:2.4rem;inline-size:2.4rem;transition:all var(--transition-base);justify-content:center;align-self:flex-end;align-items:center;display:flex}.tier-option.is-selected .tier-select-indicator{border-color:var(--color-accent);background:var(--color-accent)}.tier-select-dot{border-radius:var(--radius-full);opacity:0;block-size:.8rem;inline-size:.8rem;transition:all var(--transition-base);background:#fff;transform:scale(.4)}.tier-option.is-selected .tier-select-dot{opacity:1;transform:scale(1)}.subscribe-footer{align-items:center;gap:var(--space-normal);flex-direction:column;padding-block-start:var(--space-small);display:flex}.subscribe-footer-note{align-items:center;gap:var(--space-x-small);font-size:var(--font-x-small);color:var(--color-text-muted);margin:0;display:inline-flex}.subscribe-cta{padding:var(--space-small) var(--space-large);font-size:var(--font-small)}.checkout-shell{gap:var(--space-large);flex-direction:column;inline-size:100%;max-inline-size:52rem;margin-inline:auto;display:flex}.checkout-heading{font-size:var(--font-2x-large);color:var(--color-text-primary);text-align:center;font-weight:700;font-family:var(--font-heading);margin:0}.checkout-notice{padding-block:var(--space-x-small);padding-inline:var(--space-small);font-size:var(--font-x-small)}.checkout-gift-card{gap:var(--space-normal);display:grid}.checkout-gift-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-normal);display:flex}.checkout-gift-card__header .checkout-section-title{margin-block-end:var(--space-2x-small)}.checkout-gift-copy,.checkout-gift-required,.checkout-gift-search-status{color:var(--color-text-muted);font-size:var(--font-x-small);line-height:var(--leading-normal);margin:0}.checkout-gift-required{padding-block:var(--space-small);padding-inline:var(--space-normal);border:1px dashed var(--color-border-subtle);border-radius:var(--radius-medium);text-align:center}.checkout-recipient-chip{align-items:center;gap:var(--space-small);padding-block:var(--space-small);padding-inline:var(--space-normal);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:var(--color-accent-subtle);display:flex}.checkout-recipient-chip__avatar,.checkout-gift-result__avatar,.checkout-recipient-chip__fallback{object-fit:cover;border-radius:50%;flex:0 0 2.5rem;block-size:2.5rem;inline-size:2.5rem}.checkout-recipient-chip__fallback{background:var(--color-accent);color:#fff;font-size:var(--font-small);place-items:center;font-weight:700;display:grid}.checkout-recipient-chip__label,.checkout-recipient-chip__name{display:block}.checkout-recipient-chip__label{color:var(--color-text-muted);font-size:var(--font-x-small)}.checkout-recipient-chip__name{color:var(--color-text-primary);font-size:var(--font-small);font-weight:700}.checkout-month-stepper{justify-items:center;gap:var(--space-x-small);border-block-start:1px solid var(--color-border-subtle);padding-block-start:var(--space-small);display:grid}.checkout-month-stepper__label{color:var(--color-text-secondary);font-size:var(--font-x-small);font-weight:600}.checkout-month-stepper__controls{align-items:center;gap:var(--space-small);display:flex}.checkout-month-stepper__button{border:1px solid var(--color-border-subtle);background:var(--color-surface-raised);block-size:2.25rem;inline-size:2.25rem;color:var(--color-text-primary);border-radius:50%;place-items:center;display:inline-grid}.checkout-month-stepper__button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.checkout-month-stepper__button:disabled{cursor:not-allowed;opacity:.45}.checkout-month-stepper__value{min-inline-size:7rem;color:var(--color-text-primary);text-align:center}.checkout-month-stepper__hint{color:var(--color-accent);font-size:var(--font-x-small);font-weight:600}.checkout-gift-search-status{margin-block-start:var(--space-small)}.checkout-gift-results{gap:var(--space-2x-small);max-block-size:22rem;margin-block-start:var(--space-small);display:grid;overflow-y:auto}.checkout-gift-result{align-items:center;gap:var(--space-small);inline-size:100%;padding-block:var(--space-small);padding-inline:var(--space-small);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:var(--color-surface-raised);color:var(--color-text-primary);text-align:start;display:flex}.checkout-gift-result:hover,.checkout-gift-result:focus-visible{border-color:var(--color-accent)}.checkout-gift-result__identity{flex:1;min-inline-size:0;display:grid}.checkout-gift-result__identity strong,.checkout-gift-result__identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.checkout-gift-result__identity span{color:var(--color-text-muted);font-size:var(--font-x-small)}.checkout-section-title{font-size:var(--font-large);font-family:var(--font-heading);color:var(--color-text-primary);margin:0 0 var(--space-small);font-weight:700}.checkout-summary-row{justify-content:space-between;align-items:baseline;gap:var(--space-normal);display:flex}.checkout-summary-item{font-size:var(--font-small);color:var(--color-text-primary);font-weight:500;line-height:var(--leading-normal)}.checkout-summary-item-name{font-weight:700;display:block}.checkout-summary-price-block{text-align:end;flex-direction:column;align-items:flex-end;min-inline-size:0;display:flex}.checkout-summary-price{font-size:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;font-weight:700}.checkout-summary-price-notice{color:var(--color-text-muted);font-size:var(--font-x-small);font-weight:400;line-height:var(--leading-normal);overflow-wrap:anywhere;margin-block-start:var(--space-2x-small)}.checkout-summary-suffix{font-size:var(--font-x-small);color:var(--color-text-muted);font-weight:400}.checkout-summary-note{margin:var(--space-x-small) 0 0;font-size:var(--font-x-small);color:var(--color-text-muted)}.checkout-form{gap:var(--space-large);flex-direction:column;display:flex}.checkout-fields{gap:var(--space-normal);flex-direction:column;display:flex}.checkout-fields-row{gap:var(--space-normal);grid-template-columns:1fr 2fr;display:grid}.checkout-business-toggle{align-items:center;gap:var(--space-x-small);margin-block-end:0;display:flex}.checkout-field-error{margin-block-start:var(--space-2x-small)}.checkout-trust{justify-items:center;gap:var(--space-medium);inline-size:95%;padding-block:var(--space-medium);padding-inline:var(--space-normal);border:1px solid var(--color-border-subtle);border-radius:0 0 var(--radius-large) var(--radius-large);background:var(--color-accent-subtle);box-shadow:var(--shadow-large);text-align:center;border-block-start:0;margin-block-start:calc(var(--space-large) * -1);margin-inline:auto;display:grid}.dark{& .checkout-trust{background:#bcb3ff}& .checkout-trust-powered{color:#5a5278}}.checkout-trust-powered{justify-content:center;align-items:center;gap:var(--space-x-small);font-size:var(--font-x-small);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.checkout-trust-mollie{block-size:1.9rem;inline-size:auto}.checkout-consents{gap:var(--space-normal);flex-direction:column;inline-size:90%;margin-inline:auto;display:flex}.checkout-consent{align-items:flex-start;gap:var(--space-x-small);font-size:var(--font-x-small);color:var(--color-text-secondary);text-align:start;display:flex}.checkout-consent input[type=checkbox]{flex-shrink:0;margin-block-start:.2rem}.checkout-consent a,.checkout-legal-text a{color:var(--color-accent);text-decoration:underline}.checkout-legal-text{font-size:var(--font-x-small);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.checkout-cta{align-self:center;align-items:center;gap:var(--space-x-small);background:linear-gradient(145deg,#f5a623,#e84393,#a855f7,#00bcd4);display:inline-flex}@media (width<=540px){.checkout-gift-card__header{flex-direction:column;align-items:stretch}.checkout-fields-row{grid-template-columns:1fr}.checkout-cta{justify-content:center;align-self:stretch}}.order-completed-shell{align-items:center;gap:var(--space-large);text-align:center;flex-direction:column;inline-size:100%;max-inline-size:48rem;margin-inline:auto;display:flex}.order-status{align-items:center;gap:var(--space-small);flex-direction:column;display:flex}.order-status-badge{border-radius:var(--radius-full);block-size:6.4rem;inline-size:6.4rem;justify-content:center;align-items:center;margin-block-end:var(--space-x-small);display:inline-flex}.order-status--success .order-status-badge{color:var(--color-accent);background:var(--color-accent-subtle)}.order-status--pending .order-status-badge{color:var(--color-text-muted);background:var(--color-border-subtle)}.order-status--cancelled .order-status-badge{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 12%, transparent)}.order-status-heading{font-size:var(--font-x-large);color:var(--color-text-primary);margin:0;font-weight:700}.order-status-body{font-size:var(--font-small);color:var(--color-text-muted);max-inline-size:40ch;margin:0}.order-overview{text-align:start;gap:var(--space-small);flex-direction:column;inline-size:100%;display:flex}.order-overview-row{justify-content:space-between;align-items:center;gap:var(--space-normal);display:flex}.order-overview-row--block{align-items:flex-start}.order-overview-label{font-size:var(--font-x-small);color:var(--color-text-muted);flex-shrink:0}.order-overview-value{font-size:var(--font-x-small);color:var(--color-text-primary);text-align:end;font-weight:500}.order-overview-suffix{color:var(--color-text-muted);font-weight:400}.order-overview-address{font-style:normal;font-size:var(--font-x-small);color:var(--color-text-secondary);text-align:end;flex-direction:column;gap:.2rem;display:flex}.order-overview-private{align-items:flex-end;gap:var(--space-x-small);font-size:var(--font-x-small);color:var(--color-text-secondary);text-align:end;flex-direction:column;display:flex}.order-cta{align-items:center;gap:var(--space-x-small);display:inline-flex}.order-cta-group{justify-content:center;gap:var(--space-small);flex-wrap:wrap;display:flex}.gamescom-page{--gamescom-ink:#171323;--gamescom-orange:#ff7b39;--gamescom-pink:#ff3d9a;--gamescom-violet:#763dff;--gamescom-blue:#42b7ff;background:var(--color-bg-page)}.gamescom-loot-section{color:var(--gamescom-ink);background:linear-gradient(145deg,#f5a623,#e84393,#a855f7,#00bcd4,#f5d742,#e84393,#f5a623) 0 0/300% 300%}.gamescom-shell{--gamescom-shell-inline-padding:clamp(1rem, 4vw, 3rem);--gamescom-template-rail-shadow-space:var(--space-4x-large);inline-size:min(100%,90rem);padding-block:clamp(2rem,6vw,5rem);padding-inline:var(--gamescom-shell-inline-padding);margin-inline:auto}.gamescom-ticket{border:2px solid var(--gamescom-ink);min-block-size:2.75rem;color:var(--gamescom-ink);box-shadow:.4rem .4rem 0 var(--gamescom-ink);letter-spacing:.08em;background:#fff;align-items:center;padding-block:.55rem;padding-inline:1rem;font-weight:900;display:inline-flex;transform:rotate(-2deg)}.gamescom-top-row{justify-content:space-between;align-items:flex-start;gap:var(--space-small);display:flex}.gamescom-hero{margin-block-start:clamp(2rem,7vw,4.5rem)}.gamescom-hero h1{max-inline-size:10ch;font-family:var(--font-heading);letter-spacing:-.055em;margin-block-end:var(--space-large);font-size:clamp(3rem,15vw,7rem);font-weight:900;line-height:.88}.gamescom-countdown{white-space:nowrap;flex:none;padding-block-start:var(--space-2x-small)}.gamescom-claim-form,.gamescom-claimed{margin-block:clamp(2rem,5vw,3.5rem);& .preview-card-actions form{overflow:hidden}}.gamescom-claim-form .preview-card-grid--swipe{inline-size:calc(100% + (var(--gamescom-shell-inline-padding) * 2));margin-block:calc(var(--gamescom-template-rail-shadow-space) * -1);margin-inline:calc(var(--gamescom-shell-inline-padding) * -1);padding-block:var(--gamescom-template-rail-shadow-space);padding-inline:var(--gamescom-shell-inline-padding);scroll-padding-inline:var(--gamescom-shell-inline-padding)}.gamescom-claim-form .preview-card-grid--swipe>div{flex-basis:min(71.4vw,44.2rem)}.gamescom-claim-form .preview-card-grid--swipe .preview-card{box-shadow:var(--shadow)}.gamescom-section-title{font-family:var(--font-heading);margin-block-end:var(--space-large);font-size:clamp(1.5rem,5vw,2.25rem);font-weight:400}.gamescom-dashboard-cta{justify-content:center;min-block-size:3rem;inline-size:100%;margin-block-start:1.25rem}.gamescom-claimed{border:2px solid var(--gamescom-ink);box-shadow:.5rem .5rem 0 var(--gamescom-ink);background:#ffffffe0;padding:clamp(1rem,4vw,2rem)}.gamescom-claimed-copy{align-items:flex-start;gap:.75rem;display:flex}.gamescom-claimed-copy h2,.gamescom-claimed-copy p{margin:0}.gamescom-claimed-copy p{margin-block-start:.35rem}.gamescom-claimed-icon{color:#0d6b38;flex:none;block-size:2rem;inline-size:2rem;margin-block-start:1rem}.gamescom-claimed-template{max-inline-size:34rem;margin-block-start:1.5rem}.gamescom-how{padding-block:var(--space-4x-large)}.featured-streamers--compact{padding-block:var(--space-large) var(--space-3x-large)}.featured-streamers--compact .featured-streamers-grid{flex-wrap:wrap;padding-inline:0}.testimonials--compact{max-block-size:none;padding-block:var(--space-large) var(--space-4x-large);overflow:visible}@media (width>=768px){.gamescom-dashboard-cta{inline-size:auto;min-inline-size:16rem}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-spin{animation:1s linear infinite spin}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-highlight{color:var(--color-text-primary);font-weight:700}.text-warning{color:var(--color-danger)}.link-accent{color:var(--color-accent);text-underline-offset:.2em;transition:color var(--transition-base);text-decoration:underline}.link-accent:hover,.link-accent:focus-visible{color:var(--color-accent-hover)}.icon-12{width:var(--space-small);height:var(--space-small)}.icon-16{width:var(--space-normal);height:var(--space-normal)}.icon-20{width:var(--space-medium);height:var(--space-medium)}.icon-24{width:var(--space-large);height:var(--space-large)}.icon-32{width:var(--space-x-large);height:var(--space-x-large)}.icon-48{width:var(--space-2x-large);height:var(--space-2x-large)}.space-y-3>*+*{margin-block-start:var(--space-small)}.space-y-6>*+*{margin-block-start:var(--space-large)}.space-y-8>*+*{margin-block-start:var(--space-x-large)}.premium{border-style:solid;border-width:3px;border-color:var(--color-accent);position:relative;&:before,&:after{background-color:var(--color-accent);position:absolute;inset-block-start:0}&:before{content:"";aspect-ratio:1;z-index:2;background-image:url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' stroke='%23fff' stroke-width='1.6' aria-hidden='true' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 7l3 9h12l3-9-4 4-5-7-5 7-4-4z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 19h12'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:80%;border-radius:100%;inline-size:2rem;inset-block-start:-.7rem;inset-inline-end:-.7rem}&.premium-inactive{&:after{content:"";background:color-mix(in srgb, var(--color-bg-page) 55%, transparent);border-radius:inherit;z-index:1;position:absolute;inset:0}}}.ui-card .premium{border-radius:var(--radius-large);padding:var(--space-medium)}.premium-lock-badge{z-index:2;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--font-small);align-items:center;padding:.35rem .7rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:absolute;inset-block-start:var(--space-x-small);inset-inline-end:var(--space-x-small)}.premium-lock-badge:hover{color:#fff;text-decoration:none}.premium-lock-badge:focus-visible{outline:2px solid var(--color-focus-ring,var(--color-accent));outline-offset:2px}@keyframes bp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bp-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bp-fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes bp-fade-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bp-fade-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bp-slide-in-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes bp-slide-in-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes bp-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes bp-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes bp-bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bp-bounce-in-up{0%{opacity:0;transform:translateY(20px)scale(.9)}60%{transform:translateY(-5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bp-bounce-in-down{0%{opacity:0;transform:translateY(-20px)scale(.9)}60%{transform:translateY(5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bp-zoom-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes bp-zoom-in-up{0%{opacity:0;transform:scale(.5)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bp-flip-in-x{0%{opacity:0;transform:perspective(400px)rotateX(90deg)}40%{transform:perspective(400px)rotateX(-10deg)}70%{transform:perspective(400px)rotateX(10deg)}to{opacity:1;transform:perspective(400px)rotateX(0)}}@keyframes bp-flip-in-y{0%{opacity:0;transform:perspective(400px)rotateY(90deg)}40%{transform:perspective(400px)rotateY(-10deg)}70%{transform:perspective(400px)rotateY(10deg)}to{opacity:1;transform:perspective(400px)rotateY(0)}}@keyframes bp-rotate-in{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes bp-jack-in-the-box{0%{opacity:0;transform-origin:bottom;transform:scale(.1)rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes bp-roll-in{0%{opacity:0;transform:translate(-100%)rotate(-120deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes bp-light-speed-in-right{0%{opacity:0;transform:translate(100%)skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{transform:skew(-5deg)}to{transform:translate(0)}}