@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--radius-sm: .25rem;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.ml-1{margin-left:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-12{height:calc(var(--spacing) * 12)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-12{width:calc(var(--spacing) * 12)}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.ease-in{--tw-ease: var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}}html,body{max-width:100%;overflow-x:clip}:root{--surface: #fcfbff;--surface-2: #f2ebff;--text: #2f134f;--text-soft: #5e3e84;--ring: #b794f4;--transition-base: .3s cubic-bezier(.22, 1, .36, 1)}.dark{--surface: #140d1f;--surface-2: #1f1430;--text: #f4edff;--text-soft: #d6c1fb}html,body{margin:0;min-height:100%;scroll-behavior:smooth}html{scroll-padding-top:5rem}body{background:var(--surface);color:var(--text);font-family:Space Grotesk,Segoe UI,sans-serif}*{scrollbar-width:thin;scrollbar-color:var(--ring) transparent}::-webkit-scrollbar{width:.38rem;height:.38rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:9999px;background:var(--ring)}@supports (color: color-mix(in lab,red,red)){::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ring) 72%,#6d28d9)}}::-webkit-scrollbar-thumb:hover{background:var(--ring)}@supports (color: color-mix(in lab,red,red)){::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ring) 82%,#7c3aed)}}.landing-shell{position:relative;overflow:clip;background:radial-gradient(circle at 8% 16%,rgba(139,92,246,.2),transparent 35%),radial-gradient(circle at 85% 22%,rgba(56,189,248,.2),transparent 42%),linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}.landing-main{position:relative;z-index:2}.sticky-navbar{position:sticky;top:0;z-index:30;transition:backdrop-filter var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.sticky-navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface);border-bottom:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.sticky-navbar.scrolled{background:color-mix(in srgb,var(--surface) 72%,transparent)}}@supports (color: color-mix(in lab,red,red)){.sticky-navbar.scrolled{border-bottom:1px solid color-mix(in srgb,var(--ring) 30%,transparent)}}.brand-dot{width:.8rem;height:.8rem;border-radius:9999px;background:linear-gradient(135deg,#7c3aed,#38bdf8);box-shadow:0 0 18px #7c3aed80}.brand-name{font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.15rem;font-weight:700;letter-spacing:.01em}.nav-pill{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--ring);border-radius:9999px;background:var(--surface);color:inherit;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.5rem .85rem}@supports (color: color-mix(in lab,red,red)){.nav-pill{border:1px solid color-mix(in srgb,var(--ring) 30%,transparent)}}@supports (color: color-mix(in lab,red,red)){.nav-pill{background:color-mix(in srgb,var(--surface) 84%,transparent)}}.nav-link-desktop{display:none}@media(min-width:1024px){.nav-link-desktop{display:inline-flex}}.nav-pill--icon{min-width:2.5rem;justify-content:center}.nav-pill--login{font-size:.68rem;padding-inline:.65rem}.header-login-btn{border:0;border-radius:.72rem;padding:.52rem .8rem;font-size:.66rem;font-weight:700;letter-spacing:.03em;color:#fff;cursor:pointer;background-image:linear-gradient(135deg,#7c3aed,#a855f7,#3b82f6);background-size:220% 220%;box-shadow:0 8px 18px #6d28d947;animation:gradient-shift 6s ease infinite}.header-login-btn:hover{transform:translateY(-1px)}.hero-section{position:relative;min-height:78vh;display:flex;align-items:center;padding:5.75rem 0 3.5rem}.hero-orb{position:absolute;inset:0;z-index:1;opacity:.52}.hero-eyebrow{margin:0;border:1px solid var(--ring);border-radius:9999px;padding:.35rem .8rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}@supports (color: color-mix(in lab,red,red)){.hero-eyebrow{border:1px solid color-mix(in srgb,var(--ring) 40%,transparent)}}.hero-title{margin:1.15rem 0 0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(2rem,5.5vw,4rem);line-height:1.05;text-wrap:balance}.hero-copy{margin-top:1.1rem;max-width:48rem;color:var(--text-soft);font-size:clamp(1rem,1.8vw,1.25rem)}.stats-section{padding:4rem 0;background:var(--surface-2)}@supports (color: color-mix(in lab,red,red)){.stats-section{background:color-mix(in srgb,var(--surface-2) 72%,transparent)}}.section-title{margin:0 0 2rem;text-align:center;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em}.analytics-header{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:2rem;flex-wrap:wrap}.analytics-title{margin:0;line-height:1}.analytics-connection{display:inline-flex;align-items:center;gap:.4rem;margin:0;font-size:.78rem;font-weight:600;letter-spacing:.02em;border:1px solid var(--ring);border-radius:9999px;padding:.25rem .55rem;background:var(--surface);align-self:center}@supports (color: color-mix(in lab,red,red)){.analytics-connection{border:1px solid color-mix(in srgb,var(--ring) 35%,transparent)}}@supports (color: color-mix(in lab,red,red)){.analytics-connection{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.analytics-connection__dot{width:.5rem;height:.5rem;border-radius:9999px}.analytics-connection--connected .analytics-connection__dot{background:#22c55e;box-shadow:0 0 .35rem #22c55e8c}.analytics-connection--reconnecting .analytics-connection__dot{background:#f59e0b;box-shadow:0 0 .35rem #f59e0b8c}.analytics-connection--disconnected .analytics-connection__dot{background:#ef4444;box-shadow:0 0 .35rem #ef444480}.triggers-shell{position:relative;min-height:100%;padding:1.5rem;background:radial-gradient(circle at top left,rgba(14,165,233,.12),transparent 28%),radial-gradient(circle at top right,rgba(245,158,11,.14),transparent 30%),linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}@supports (color: color-mix(in lab,red,red)){.triggers-shell{background:radial-gradient(circle at top left,rgba(14,165,233,.12),transparent 28%),radial-gradient(circle at top right,rgba(245,158,11,.14),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,white),color-mix(in srgb,var(--surface-2) 92%,transparent))}}.triggers-hero,.triggers-layout{max-width:1400px;margin:0 auto}.triggers-hero{position:relative;overflow:hidden;border:1px solid var(--ring);border-radius:2rem;background:linear-gradient(135deg,#0f172ae6,#1e293bdb),linear-gradient(120deg,#38bdf82e,#f59e0b1f);box-shadow:0 30px 80px #0f172a2e}@supports (color: color-mix(in lab,red,red)){.triggers-hero{border:1px solid color-mix(in srgb,var(--ring) 18%,transparent)}}.triggers-hero:before,.triggers-hero:after{content:"";position:absolute;inset:auto;width:16rem;height:16rem;border-radius:9999px;filter:blur(42px);pointer-events:none}.triggers-hero:before{top:-3rem;right:-2rem;background:#38bdf838}.triggers-hero:after{bottom:-4rem;left:-1rem;background:#f59e0b2e}.triggers-hero__content{position:relative;z-index:1;display:grid;gap:1.2rem;padding:1.6rem 1.6rem 1.8rem}.triggers-back-link{display:inline-flex;align-items:center;gap:.55rem;color:#e2e8f0e0;font-size:.92rem;font-weight:600;text-decoration:none}.triggers-back-link__icon,.triggers-action__icon,.triggers-mini-button__icon,.trigger-card__action-icon,.triggers-icon-button__icon,.media-card__button-icon,.triggers-search-field__icon,.triggers-file-drop__icon,.triggers-upload-note__icon,.triggers-tab-bar__icon,.triggers-hero__badge-icon,.triggers-empty-state__icon,.triggers-media-picker__icon,.triggers-form-locked-media__icon{width:1rem;height:1rem}.triggers-hero__badge{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;border:1px solid rgba(148,163,184,.28);border-radius:9999px;background:#0f172a3d;color:#f8fafcdb;padding:.45rem .9rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.triggers-hero__copy{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.triggers-title{margin:0;color:#f8fafc;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(2rem,4vw,3.4rem);line-height:1.02}.triggers-subtitle{max-width:44rem;margin:.75rem 0 0;color:#e2e8f0cc;font-size:1rem;line-height:1.65}.triggers-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.triggers-action,.triggers-mini-button,.media-card__button,.trigger-card__action,.triggers-filter-chip,.triggers-tab-bar__tab,.triggers-scope-toggle__option,.triggers-icon-button{cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease}.triggers-action:disabled,.media-card__button:disabled,.triggers-filter-chip:disabled,.triggers-tab-bar__tab:disabled,.trigger-card__action:disabled{cursor:not-allowed;opacity:.6}.triggers-action{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.9rem;border-radius:9999px;border:1px solid transparent;padding:.8rem 1.1rem;font-size:.88rem;font-weight:700;text-decoration:none}.triggers-action:hover:not(:disabled),.triggers-mini-button:hover,.trigger-card__action:hover,.media-card__button:hover,.triggers-filter-chip:hover,.triggers-tab-bar__tab:hover,.triggers-scope-toggle__option:hover,.triggers-icon-button:hover{transform:translateY(-1px)}.triggers-action--primary{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 18px 36px #f9731638}.triggers-action--secondary{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;box-shadow:0 18px 36px #2563eb33}.triggers-action--ghost,.triggers-mini-button,.trigger-card__action,.triggers-icon-button,.triggers-filter-chip,.triggers-tab-bar__tab,.triggers-scope-toggle__option{border:1px solid var(--ring);background:var(--surface);color:var(--text)}@supports (color: color-mix(in lab,red,red)){.triggers-action--ghost,.triggers-mini-button,.trigger-card__action,.triggers-icon-button,.triggers-filter-chip,.triggers-tab-bar__tab,.triggers-scope-toggle__option{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}@supports (color: color-mix(in lab,red,red)){.triggers-action--ghost,.triggers-mini-button,.trigger-card__action,.triggers-icon-button,.triggers-filter-chip,.triggers-tab-bar__tab,.triggers-scope-toggle__option{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.triggers-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0}.triggers-metric-card{border:1px solid var(--ring);border-radius:1.5rem;background:var(--surface);box-shadow:0 20px 40px #0f172a14;padding:.95rem 1rem}@supports (color: color-mix(in lab,red,red)){.triggers-metric-card{border:1px solid color-mix(in srgb,var(--ring) 15%,transparent)}}@supports (color: color-mix(in lab,red,red)){.triggers-metric-card{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.triggers-metric-card__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.triggers-metric-card__label,.triggers-section-head__eyebrow,.triggers-modal__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.triggers-metric-card__label,.triggers-section-head__eyebrow,.triggers-modal__eyebrow{color:color-mix(in srgb,var(--text-soft) 82%,#0f172a)}}.triggers-metric-card__tier{border-radius:9999px;background:color-mix(in srgb,#f59e0b 14%,transparent);color:#c2410c;padding:.28rem .65rem;font-size:.72rem;font-weight:800;letter-spacing:.08em}.triggers-metric-card__value{margin-top:.4rem;color:var(--text);font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.7rem;font-weight:700;line-height:1.05}.triggers-metric-card__value--quota{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem;font-size:1.2rem}.triggers-metric-card__value--quota span,.triggers-metric-card__meta,.triggers-section-head__caption,.trigger-card__prompt,.media-card__body p,.media-card__meta,.triggers-upload-note p,.triggers-test-actions p,.triggers-empty-state p,.triggers-form-locked-media p{color:var(--text-soft)}.triggers-metric-card__meta{margin-top:.35rem;font-size:.84rem;line-height:1.45}.triggers-quota-bar{width:100%;height:.55rem;margin-top:.55rem;border-radius:9999px;background:var(--surface-2);overflow:hidden}@supports (color: color-mix(in lab,red,red)){.triggers-quota-bar{background:color-mix(in srgb,var(--surface-2) 88%,#cbd5e1)}}.triggers-quota-bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#f59e0b)}.triggers-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(20rem,.85fr);gap:1rem;margin-top:1rem;align-items:start}.triggers-main-panel,.triggers-side-panel,.triggers-rail-panel,.triggers-modal,.trigger-card,.media-card,.triggers-upload-note,.triggers-form-locked-media{border:1px solid var(--ring);border-radius:1.5rem;background:var(--surface);box-shadow:0 18px 40px #0f172a14}@supports (color: color-mix(in lab,red,red)){.triggers-main-panel,.triggers-side-panel,.triggers-rail-panel,.triggers-modal,.trigger-card,.media-card,.triggers-upload-note,.triggers-form-locked-media{border:1px solid color-mix(in srgb,var(--ring) 16%,transparent)}}@supports (color: color-mix(in lab,red,red)){.triggers-main-panel,.triggers-side-panel,.triggers-rail-panel,.triggers-modal,.trigger-card,.media-card,.triggers-upload-note,.triggers-form-locked-media{background:color-mix(in srgb,var(--surface) 90%,transparent)}}.triggers-main-panel,.triggers-side-panel{padding:1.15rem}.triggers-main-panel{display:grid;align-content:start;gap:1rem}.triggers-side-panel{display:grid;align-content:start;gap:.7rem;padding-top:.95rem}.triggers-section-head,.triggers-rail-panel__head,.triggers-modal__head{display:flex;align-items:start;justify-content:space-between;gap:1rem}.triggers-section-head h2,.triggers-rail-panel__head h2,.triggers-modal__head h2{margin:.2rem 0 0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.35rem}.triggers-section-head__caption,.triggers-rail-panel__head p{max-width:24rem;margin:0;font-size:.95rem;line-height:1.6}.triggers-rail-panel__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.triggers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.trigger-card{padding:1rem}.trigger-card--disabled{opacity:.78}.trigger-card__head,.media-card__head{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.trigger-card__title,.media-card__head h3{margin:0;font-size:1.05rem;font-weight:700;color:var(--text)}.trigger-card__media{margin:.28rem 0 0;color:var(--text-soft);font-size:.92rem;font-weight:600}@supports (color: color-mix(in lab,red,red)){.trigger-card__media{color:color-mix(in srgb,var(--text-soft) 88%,#0ea5e9)}}.trigger-card__badge,.media-card__scope{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem;border-radius:9999px;padding:.35rem .7rem;background:color-mix(in srgb,#22c55e 12%,transparent);color:#15803d;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.trigger-card__badge--off{background:color-mix(in srgb,#64748b 12%,transparent);color:#475569}.media-card__scope--public{background:color-mix(in srgb,#0ea5e9 12%,transparent);color:#0369a1}.trigger-card__prompt{margin:.9rem 0;min-height:3rem;font-size:.95rem;line-height:1.6}.trigger-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.trigger-card__stats div{border-radius:1rem;background:var(--surface-2);padding:.75rem}@supports (color: color-mix(in lab,red,red)){.trigger-card__stats div{background:color-mix(in srgb,var(--surface-2) 82%,transparent)}}.trigger-card__stats span,.media-card__meta span{display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.trigger-card__stats span,.media-card__meta span{color:color-mix(in srgb,var(--text-soft) 82%,#0f172a)}}.trigger-card__stats strong{display:block;margin-top:.25rem;font-size:1rem;color:var(--text)}.trigger-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.95rem}.trigger-card__action,.media-card__button,.triggers-mini-button,.triggers-filter-chip,.triggers-tab-bar__tab,.triggers-scope-toggle__option,.triggers-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.75rem;border-radius:9999px;padding:.72rem .9rem;font-size:.84rem;font-weight:700}.trigger-card__action--danger,.media-card__button--danger{color:#b91c1c}.triggers-tab-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.triggers-tab-bar__tab--active,.triggers-filter-chip--active,.triggers-scope-toggle__option--active,.triggers-media-picker__item--selected{border-color:color-mix(in srgb,#0ea5e9 28%,transparent);background:#0ea5e9;color:#075985;box-shadow:inset 0 0 0 1px #0ea5e91f}@supports (color: color-mix(in lab,red,red)){.triggers-tab-bar__tab--active,.triggers-filter-chip--active,.triggers-scope-toggle__option--active,.triggers-media-picker__item--selected{background:color-mix(in srgb,#0ea5e9 10%,var(--surface))}}.triggers-rail-panel{padding:1rem;margin-top:0}.triggers-toolbar{display:grid;gap:.8rem;margin:.95rem 0 1rem}.triggers-search-field{display:flex;align-items:center;gap:.65rem;min-height:3rem;border:1px solid var(--ring);border-radius:9999px;background:var(--surface-2);padding:0 .95rem}@supports (color: color-mix(in lab,red,red)){.triggers-search-field{border:1px solid color-mix(in srgb,var(--ring) 16%,transparent)}}@supports (color: color-mix(in lab,red,red)){.triggers-search-field{background:color-mix(in srgb,var(--surface-2) 72%,transparent)}}.triggers-search-field input,.triggers-field input,.triggers-field textarea{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.triggers-field textarea{min-height:7.5rem;resize:vertical}.triggers-search-field input::placeholder,.triggers-field input::placeholder,.triggers-field textarea::placeholder{color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.triggers-search-field input::placeholder,.triggers-field input::placeholder,.triggers-field textarea::placeholder{color:color-mix(in srgb,var(--text-soft) 85%,#94a3b8)}}.triggers-filter-chips{display:flex;flex-wrap:wrap;gap:.55rem}.media-list{display:grid;gap:.8rem}.media-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;padding:.85rem;align-items:center}.media-card--muted{opacity:.75}.media-card__icon-wrap{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff}.media-card__icon-wrap--marketplace{background:linear-gradient(135deg,#f59e0b,#ea580c)}.media-card__body{min-width:0}.media-card__body p{margin:.3rem 0 0;font-size:.9rem}.media-card__meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.55rem}.media-card__actions{display:flex;align-items:center;gap:.55rem}.media-card__button--add{background:#0ea5e9;color:#075985}@supports (color: color-mix(in lab,red,red)){.media-card__button--add{background:color-mix(in srgb,#0ea5e9 10%,var(--surface))}}.triggers-empty-state,.triggers-panel-state{display:grid;place-items:center;text-align:center;gap:.65rem;padding:2.6rem 1.2rem}.triggers-empty-state--compact,.triggers-panel-state--compact{padding:1.6rem .8rem}.triggers-empty-state__icon{width:2rem;height:2rem;color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.triggers-empty-state__icon{color:color-mix(in srgb,var(--text-soft) 82%,#0ea5e9)}}.triggers-empty-state h2,.triggers-empty-state h3{margin:0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif)}.triggers-modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#0f172a8f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.triggers-modal{width:min(100%,52rem);max-height:min(90vh,58rem);overflow:auto;padding:1.1rem}.triggers-modal--upload{width:min(100%,38rem)}.triggers-modal--test{width:min(100%,62rem)}.triggers-modal--public-library{width:min(100%,72rem)}.public-library-modal__hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.95fr);gap:1rem;margin-top:1rem}.public-library-modal__hero-copy,.public-library-modal__quota-card,.public-library-modal__meta-pill{border:1px solid var(--ring);border-radius:1.25rem;background:var(--surface-2)}@supports (color: color-mix(in lab,red,red)){.public-library-modal__hero-copy,.public-library-modal__quota-card,.public-library-modal__meta-pill{border:1px solid color-mix(in srgb,var(--ring) 16%,transparent)}}@supports (color: color-mix(in lab,red,red)){.public-library-modal__hero-copy,.public-library-modal__quota-card,.public-library-modal__meta-pill{background:color-mix(in srgb,var(--surface-2) 62%,transparent)}}.public-library-modal__hero-copy,.public-library-modal__quota-card{padding:1rem}.public-library-modal__badge,.public-library-modal__quota-head{display:inline-flex;align-items:center;gap:.45rem}.public-library-modal__badge{border-radius:9999px;padding:.35rem .7rem;background:color-mix(in srgb,#f59e0b 12%,transparent);color:#b45309;font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.public-library-modal__badge-icon,.public-library-modal__quota-icon{width:1rem;height:1rem}.public-library-modal__hero-copy h3{margin:.8rem 0 0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.4rem}.public-library-modal__hero-copy p,.public-library-modal__quota-card p,.public-library-modal__creator{margin:.4rem 0 0;color:var(--text-soft);line-height:1.6}.public-library-modal__quota-head{justify-content:space-between;width:100%;color:var(--text-soft);font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}@supports (color: color-mix(in lab,red,red)){.public-library-modal__quota-head{color:color-mix(in srgb,var(--text-soft) 84%,#0f172a)}}.public-library-modal__quota-card strong{display:block;margin-top:.8rem;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.3rem;color:var(--text)}.public-library-modal__quota-card strong span{display:block;margin-top:.2rem;font-size:.92rem;font-weight:600;color:var(--text-soft)}.public-library-modal__toolbar{margin-top:1rem}.public-library-modal__toolbar-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.public-library-modal__results{display:grid;gap:.85rem;margin-top:1rem}.media-card--marketplace-detail{grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch}.public-library-modal__meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.7rem}.public-library-modal__meta-pill{padding:.8rem .85rem}.public-library-modal__meta-pill span{display:block;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.public-library-modal__meta-pill span{color:color-mix(in srgb,var(--text-soft) 82%,#0f172a)}}.public-library-modal__meta-pill strong{display:block;margin-top:.28rem;font-size:.96rem;color:var(--text)}.triggers-icon-button{width:2.75rem;padding:0}.triggers-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem}.triggers-field{display:grid;gap:.45rem}.triggers-field--full{margin-top:.95rem}.triggers-field span,.triggers-media-picker__head p,.triggers-form-locked-media strong,.triggers-upload-note strong{font-size:.9rem;font-weight:700;color:var(--text)}.triggers-field input,.triggers-field textarea,.triggers-file-drop,.triggers-upload-note,.triggers-form-locked-media,.triggers-media-picker__item{padding:.95rem 1rem}.triggers-field input,.triggers-field textarea{border:1px solid var(--ring);border-radius:1.1rem;background:var(--surface-2)}@supports (color: color-mix(in lab,red,red)){.triggers-field input,.triggers-field textarea{border:1px solid color-mix(in srgb,var(--ring) 16%,transparent)}}@supports (color: color-mix(in lab,red,red)){.triggers-field input,.triggers-field textarea{background:color-mix(in srgb,var(--surface-2) 68%,transparent)}}.triggers-volume-control{display:flex;align-items:center;gap:1rem;padding:.95rem 1rem;border:1px solid var(--ring);border-radius:1.1rem;background:var(--surface-2)}@supports (color: color-mix(in lab,red,red)){.triggers-volume-control{border:1px solid color-mix(in srgb,var(--ring) 16%,transparent)}}@supports (color: color-mix(in lab,red,red)){.triggers-volume-control{background:color-mix(in srgb,var(--surface-2) 68%,transparent)}}.triggers-volume-slider{flex:1;height:.55rem;margin:0;appearance:none;-webkit-appearance:none;border-radius:9999px;outline:none;background:linear-gradient(90deg,#0ea5e93d,#f9731657)}.triggers-volume-slider::-webkit-slider-thumb{width:1.3rem;height:1.3rem;appearance:none;-webkit-appearance:none;border:0;border-radius:9999px;background:linear-gradient(135deg,#0ea5e9,#f97316);box-shadow:0 6px 16px #0ea5e93d;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.triggers-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.06);box-shadow:0 8px 20px #f973163d}.triggers-volume-slider::-moz-range-track{height:.55rem;border:0;border-radius:9999px;background:linear-gradient(90deg,#0ea5e93d,#f9731657)}.triggers-volume-slider::-moz-range-thumb{width:1.3rem;height:1.3rem;border:0;border-radius:9999px;background:linear-gradient(135deg,#0ea5e9,#f97316);box-shadow:0 6px 16px #0ea5e93d;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.triggers-volume-slider::-moz-range-thumb:hover{transform:scale(1.06);box-shadow:0 8px 20px #f973163d}.triggers-volume-display{display:inline-flex;align-items:baseline;justify-content:center;gap:.15rem;min-width:4.5rem;padding:.55rem .8rem;border-radius:9999px;background:var(--surface);color:var(--text)}@supports (color: color-mix(in lab,red,red)){.triggers-volume-display{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.triggers-volume-display__value{font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}.triggers-volume-display__unit{color:var(--text-soft);font-size:.85rem;font-weight:700}.triggers-media-picker{margin-top:1rem}.triggers-reward-builder{margin-top:1rem;border:1px solid var(--ring);border-radius:1.25rem;background:var(--surface-2);padding:1rem}@supports (color: color-mix(in lab,red,red)){.triggers-reward-builder{border:1px solid color-mix(in srgb,var(--ring) 16%,transparent)}}@supports (color: color-mix(in lab,red,red)){.triggers-reward-builder{background:color-mix(in srgb,var(--surface-2) 58%,transparent)}}.triggers-reward-builder__head{display:grid;gap:.9rem}.triggers-reward-builder__head h3{margin:0;font-size:1rem}.triggers-reward-builder__head p{margin:.35rem 0 0;color:var(--text-soft);font-size:.9rem;line-height:1.55}.triggers-form-grid--reward{margin-top:1rem}.triggers-checkbox-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.triggers-checkbox-pill{display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;border:1px solid var(--ring);border-radius:9999px;background:var(--surface);padding:.65rem .95rem;color:var(--text);font-size:.88rem;font-weight:600;cursor:pointer}@supports (color: color-mix(in lab,red,red)){.triggers-checkbox-pill{border:1px solid color-mix(in srgb,var(--ring) 16%,transparent)}}@supports (color: color-mix(in lab,red,red)){.triggers-checkbox-pill{background:color-mix(in srgb,var(--surface) 86%,transparent)}}.triggers-checkbox-pill input{width:1rem;height:1rem}.triggers-media-picker__head h3{margin:0;font-size:1rem}.triggers-media-picker__head p{margin:.3rem 0 0;font-weight:500;color:var(--text-soft)}.triggers-media-picker__list{display:grid;gap:.7rem;margin-top:.85rem}.triggers-media-picker__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:center;width:100%;border:1px solid var(--ring);border-radius:1.15rem;background:var(--surface-2);text-align:left}@supports (color: color-mix(in lab,red,red)){.triggers-media-picker__item{border:1px solid color-mix(in srgb,var(--ring) 16%,transparent)}}@supports (color: color-mix(in lab,red,red)){.triggers-media-picker__item{background:color-mix(in srgb,var(--surface-2) 72%,transparent)}}.triggers-media-picker__item div{min-width:0}.triggers-media-picker__item strong,.triggers-media-picker__item span{display:block}.triggers-media-picker__item span{margin-top:.2rem;color:var(--text-soft);font-size:.85rem}.triggers-form-locked-media,.triggers-upload-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:start;margin-top:1rem}.triggers-upload-note--accent{background:#0ea5e9}@supports (color: color-mix(in lab,red,red)){.triggers-upload-note--accent{background:color-mix(in srgb,#0ea5e9 8%,var(--surface))}}.triggers-scope-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.triggers-file-drop{display:block;margin-top:1rem;border:1px dashed var(--ring);border-radius:1.25rem;background:var(--surface-2)}@supports (color: color-mix(in lab,red,red)){.triggers-file-drop{border:1px dashed color-mix(in srgb,var(--ring) 32%,transparent)}}@supports (color: color-mix(in lab,red,red)){.triggers-file-drop{background:color-mix(in srgb,var(--surface-2) 72%,transparent)}}.triggers-file-drop--dragging{border-color:color-mix(in srgb,#0ea5e9 58%,transparent);background:#0ea5e9;box-shadow:inset 0 0 0 1px #0ea5e924,0 18px 32px #0ea5e91f}@supports (color: color-mix(in lab,red,red)){.triggers-file-drop--dragging{background:color-mix(in srgb,#0ea5e9 10%,var(--surface))}}.triggers-file-drop__input{position:absolute;opacity:0;pointer-events:none}.triggers-file-drop__content{display:grid;justify-items:center;gap:.45rem;text-align:center}.triggers-file-drop__content strong{color:var(--text)}.triggers-file-drop__content span{color:var(--text-soft);font-size:.9rem}.triggers-modal__actions,.triggers-test-actions{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.triggers-test-frame{margin-top:1rem;aspect-ratio:16 / 9;border-radius:1.35rem;overflow:hidden;background:#020617}.triggers-test-frame__iframe{width:100%;height:100%;border:0}.triggers-spin{animation:triggers-spin 1s linear infinite}@keyframes triggers-spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.triggers-layout,.public-library-modal__hero{grid-template-columns:1fr}}@media(max-width:900px){.triggers-metrics,.triggers-grid,.triggers-form-grid,.public-library-modal__meta-grid,.trigger-card__stats,.trigger-card__actions,.media-card{grid-template-columns:1fr}.media-card__actions,.trigger-card__actions,.triggers-actions,.triggers-modal__actions,.triggers-test-actions{justify-content:stretch}.triggers-action,.trigger-card__action,.media-card__button,.triggers-mini-button{width:100%}.triggers-volume-control{align-items:stretch;flex-direction:column}.triggers-volume-display{width:100%}.triggers-rail-panel__actions,.public-library-modal__toolbar-row{flex-direction:column;align-items:stretch}}@media(max-width:640px){.triggers-shell,.triggers-hero__content,.triggers-main-panel,.triggers-side-panel,.triggers-rail-panel,.triggers-modal{padding:1rem}.triggers-tab-bar,.triggers-scope-toggle{grid-template-columns:1fr}.triggers-modal--public-library{width:min(100%,100vw - 1rem)}}.metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;align-items:stretch}.metric-card{padding:1rem .65rem;min-height:11.3rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.glass-card{border:1px solid color-mix(in srgb,white 70%,transparent);border-radius:1.1rem;background:color-mix(in srgb,white 75%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 36px #4718801f}.dark .glass-card{border-color:color-mix(in srgb,#c4b5fd 20%,transparent);background:color-mix(in srgb,#1f1430 78%,transparent)}.card-hover{transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-hover:hover{transform:translateY(-5px);box-shadow:0 18px 42px #47188033}.metric-label{margin:.6rem 0 0;font-weight:600;font-size:.86rem;line-height:1.2;min-height:2.1rem}.plain-guide{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.55rem;max-width:38rem}.plain-guide li{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:.65rem;align-items:start;color:var(--fg, #14151a);font-size:.92rem;line-height:1.5}.plain-guide li>span{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;background:var(--accent-soft, rgba(124, 58, 237, .12));color:var(--kicker, #6d28d9);font-weight:750;font-size:.78rem}.plain-guide p{margin:0}.plain-guide a{color:inherit;font-weight:750;text-underline-offset:.15em}.plain-guide a:hover{color:var(--kicker, #6d28d9)}.plain-guide a:focus-visible{outline:2px solid var(--accent, #7c3aed);outline-offset:3px;border-radius:.2rem}.metric-value{margin:.3rem 0 0;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;min-height:2.3rem;display:inline-flex;align-items:center;justify-content:center;text-align:center}.metric-value--compact{font-size:clamp(1.1rem,1.9vw,1.5rem)}.metric-value--wrap{max-width:10ch;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.02;min-height:2.6rem}.feature-title{margin:.8rem 0 0;font-size:1.2rem;font-weight:700}.features-subtitle{margin:0 auto;max-width:44rem;text-align:center;color:var(--text-soft);font-size:1rem}.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.feature-card{position:relative;padding:1.05rem .95rem 1rem}.feature-badge{display:inline-flex;margin-bottom:.35rem;border-radius:9999px;border:1px solid var(--ring);padding:.18rem .5rem;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);background:var(--surface)}@supports (color: color-mix(in lab,red,red)){.feature-badge{border:1px solid color-mix(in srgb,var(--ring) 36%,transparent)}}@supports (color: color-mix(in lab,red,red)){.feature-badge{background:color-mix(in srgb,var(--surface) 90%,transparent)}}.feature-cta{display:inline-flex;margin-top:.85rem;align-items:center;justify-content:center;border-radius:9999px;border:1px solid var(--ring);padding:.38rem .72rem;font-size:.72rem;font-weight:700;letter-spacing:.03em;color:inherit;text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}@supports (color: color-mix(in lab,red,red)){.feature-cta{border:1px solid color-mix(in srgb,var(--ring) 48%,transparent)}}.feature-cta:hover{transform:translateY(-1px);background:var(--ring);box-shadow:0 8px 16px #4f199124}@supports (color: color-mix(in lab,red,red)){.feature-cta:hover{background:color-mix(in srgb,var(--ring) 12%,var(--surface))}}.feature-copy,.price-copy{margin:.7rem 0 0;color:var(--text-soft)}.price-title{margin:0;font-size:1.3rem}.pricing-matrix{padding:1.1rem;max-width:76rem;margin:0 auto;overflow:visible;background:linear-gradient(145deg,var(--surface),var(--surface-2))}@supports (color: color-mix(in lab,red,red)){.pricing-matrix{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-2) 88%,transparent))}}.pricing-matrix__mobile-tabs{display:flex;gap:.55rem;margin-bottom:.9rem;width:100%;padding:.34rem;border-radius:9999px;background:var(--surface);border:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.pricing-matrix__mobile-tabs{background:color-mix(in srgb,var(--surface) 86%,transparent)}}@supports (color: color-mix(in lab,red,red)){.pricing-matrix__mobile-tabs{border:1px solid color-mix(in srgb,var(--ring) 24%,transparent)}}.pricing-tab{border:1px solid var(--ring);border-radius:9999px;background:var(--surface);color:inherit;padding:.35rem .72rem;font-size:.75rem;font-weight:700;transition:transform var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}@supports (color: color-mix(in lab,red,red)){.pricing-tab{border:1px solid color-mix(in srgb,var(--ring) 45%,transparent)}}@supports (color: color-mix(in lab,red,red)){.pricing-tab{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.pricing-tab--active{color:#fff;background-image:linear-gradient(135deg,#7c3aed,#a855f7,#3b82f6);border-color:transparent;box-shadow:0 6px 16px #6d28d94d}.pricing-tab:hover:not(.pricing-tab--active){transform:translateY(-1px);background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.pricing-tab:hover:not(.pricing-tab--active){background:color-mix(in srgb,var(--ring) 18%,var(--surface))}}.pricing-matrix__head,.pricing-matrix__row{display:grid;grid-template-columns:minmax(10rem,1.35fr) repeat(3,minmax(0,1fr));align-items:stretch}.pricing-matrix__head{margin-bottom:.75rem}.pricing-matrix__head .pricing-matrix__cell{border-top:0}.pricing-matrix__row{transition:background-color var(--transition-base)}.pricing-matrix__row:hover{background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.pricing-matrix__row:hover{background:color-mix(in srgb,var(--ring) 7%,transparent)}}.pricing-matrix__section-title{margin:1rem 0 .4rem;font-size:.79rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft)}.pricing-matrix__cell{padding:.72rem .55rem;border-top:1px solid var(--ring);display:flex;align-items:center;justify-content:center;text-align:center}@supports (color: color-mix(in lab,red,red)){.pricing-matrix__cell{border-top:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.pricing-matrix__cell--label{justify-content:flex-start;text-align:left;font-weight:600;font-size:.87rem}.pricing-tier{position:relative;flex-direction:column;gap:.24rem}.pricing-tier--recommended{border-radius:.9rem;border:1px solid color-mix(in srgb,#a855f7 42%,transparent);background:#a855f7;box-shadow:0 12px 26px #6d28d929;padding-top:1.85rem}@supports (color: color-mix(in lab,red,red)){.pricing-tier--recommended{background:color-mix(in srgb,#a855f7 8%,var(--surface))}}.pricing-tier__badge{position:absolute;top:.35rem;left:50%;transform:translate(-50%);border-radius:9999px;border:1px solid rgba(255,255,255,.28);padding:.2rem .55rem;font-size:.56rem;font-weight:800;text-transform:uppercase;white-space:nowrap;line-height:1;letter-spacing:.12em;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7)}.pricing-tier--recommended .pricing-tier__name{margin-top:.2rem}.pricing-tier__name{margin:0;font-size:1.05rem;font-weight:700}.pricing-tier__price{margin:0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.pricing-tier__description{margin:0;min-height:2.5rem;font-size:.72rem;line-height:1.25;color:var(--text-soft);text-wrap:balance}.pricing-tier__cta{width:100%;padding:.55rem .72rem;font-size:.72rem}.pricing-value{font-size:.84rem;line-height:1.28;color:var(--text-soft)}.pricing-value--recommended{background:color-mix(in srgb,#a855f7 7%,transparent)}.pricing-matrix__note{margin:.3rem 0 .1rem;font-size:.74rem;line-height:1.35;color:var(--text-soft);border-left:2px solid var(--ring);padding-left:.55rem}@supports (color: color-mix(in lab,red,red)){.pricing-matrix__note{border-left:2px solid color-mix(in srgb,var(--ring) 45%,transparent)}}.pricing-matrix__toggle-wrap{display:flex;justify-content:center;padding:1rem 0 .2rem}.pricing-matrix__toggle{padding:.62rem .95rem;font-size:.76rem}.live-now-board{max-width:76rem;margin:0 auto;padding:1.1rem}.live-now-board__header{text-align:center}.live-now-board__title{margin:0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(1.35rem,2.2vw,2rem)}.live-now-board__subtitle{margin:.45rem 0 0;color:var(--text-soft);font-size:.92rem}.live-now-board__scroll{max-height:27rem;margin-top:1rem;overflow-y:auto;padding-right:.2rem}.live-now-board__scroll::-webkit-scrollbar{width:.45rem}.live-now-board__scroll::-webkit-scrollbar-thumb{border-radius:9999px;background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.live-now-board__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ring) 36%,transparent)}}.live-now-board__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.live-now-card{border:1px solid var(--ring);border-radius:1rem;background:var(--surface);padding:.9rem;text-align:center;box-shadow:0 10px 24px #4f19911f}@supports (color: color-mix(in lab,red,red)){.live-now-card{border:1px solid color-mix(in srgb,var(--ring) 22%,transparent)}}@supports (color: color-mix(in lab,red,red)){.live-now-card{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.live-now-card__avatar{display:block;margin-inline:auto;width:3.2rem;height:3.2rem;border-radius:9999px;border:2px solid var(--ring);object-fit:cover;object-position:center}@supports (color: color-mix(in lab,red,red)){.live-now-card__avatar{border:2px solid color-mix(in srgb,var(--ring) 38%,transparent)}}.live-now-card__name{margin:.65rem 0 0;font-size:1rem;font-weight:700}.live-now-card__viewers{margin:.32rem 0 0;color:var(--text-soft);font-size:.86rem}.live-now-card__platforms{margin-top:.68rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem}.live-platform-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.22rem .55rem;font-size:.68rem;font-weight:700;line-height:1}.live-platform-badge--twitch{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7)}.live-platform-badge--kick{color:#0a1b0f;background:linear-gradient(135deg,#7df542,#4c2)}.live-platform-badge--none{color:#efeff6;background:#6b7280}.live-now-board__empty{margin:1rem 0 0;text-align:center;color:var(--text-soft)}.pricing-tier--mobile-hidden{display:none}.price-value{margin:.8rem 0 0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:2.2rem;font-weight:700}.price-value span{font-size:1rem;font-weight:500}.price-li{display:flex;align-items:center;gap:.5rem;color:var(--text-soft)}.btn-gradient,.btn-outline-gradient{border-radius:.8rem;font-weight:700;border:0;padding:.95rem 1.35rem;cursor:pointer}.btn-gradient{background-image:linear-gradient(135deg,#7c3aed,#a855f7,#3b82f6);color:#fff;background-size:220% 220%;box-shadow:0 12px 28px #6d28d952;animation:gradient-shift 6s ease infinite}.btn-outline-gradient{border:1px solid var(--ring);background:var(--surface)}@supports (color: color-mix(in lab,red,red)){.btn-outline-gradient{border:1px solid color-mix(in srgb,var(--ring) 58%,transparent)}}@supports (color: color-mix(in lab,red,red)){.btn-outline-gradient{background:color-mix(in srgb,var(--surface) 86%,transparent)}}.btn-gradient:hover,.btn-outline-gradient:hover{transform:translateY(-2px)}.glow-icon{filter:drop-shadow(0 10px 20px rgba(124,58,237,.26))}.parallax-layer{position:absolute;inset:0;pointer-events:none;z-index:0;will-change:transform}.aurora-blob{position:absolute;border-radius:9999px;filter:blur(80px);opacity:.55;animation:aurora-drift 26s ease-in-out infinite}.blob-1{top:-16%;left:-14%;width:40rem;height:40rem;background:radial-gradient(circle,#a855f773,#1d4ed81f)}.blob-2{right:-15%;bottom:-20%;width:48rem;height:48rem;background:radial-gradient(circle,#3b82f659,#a855f71f);animation-duration:30s}.blob-3{top:35%;right:10%;width:28rem;height:28rem;background:radial-gradient(circle,#7c3aed47,#38bdf81f);animation-duration:28s}.reveal-init{opacity:0;transform:translateY(22px) scale(.99)}.reveal-in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes aurora-drift{0%,to{transform:translateZ(0) scale(1) rotate(0)}50%{transform:translate3d(6%,-8%,0) scale(1.06) rotate(8deg)}}@media(max-width:820px){.sticky-navbar .container{height:3.35rem}.nav-pill{font-size:.63rem;padding:.42rem .62rem;letter-spacing:.04em}.nav-pill--icon{min-width:2.2rem;padding-inline:.55rem}.nav-pill--login{font-size:.6rem;padding-inline:.55rem}.header-login-btn{font-size:.58rem;padding:.48rem .65rem}.hero-section{min-height:70vh;padding:4.5rem 0 2.6rem}.hero-copy{font-size:1rem}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-matrix,.live-now-board{padding:.8rem .7rem;max-width:100%}.live-now-board__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.live-now-board__scroll{max-height:23.5rem}.pricing-matrix__mobile-tabs{position:sticky;top:calc(3.35rem + .45rem);z-index:12;margin:0 0 .9rem;padding:.34rem;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--ring);box-shadow:0 8px 18px #2614421f}@supports (color: color-mix(in lab,red,red)){.pricing-matrix__mobile-tabs{background:color-mix(in srgb,var(--surface) 88%,transparent)}}@supports (color: color-mix(in lab,red,red)){.pricing-matrix__mobile-tabs{border:1px solid color-mix(in srgb,var(--ring) 28%,transparent)}}.pricing-tab{flex:1 1 0;justify-content:center;text-align:center}.pricing-matrix__head{grid-template-columns:minmax(0,1fr)}.pricing-matrix__head-spacer{display:none}.pricing-matrix__row{grid-template-columns:minmax(9.2rem,1.15fr) minmax(0,1fr)}.pricing-matrix__cell{padding:.62rem .5rem}.pricing-tier__name{font-size:.95rem}.pricing-tier__price{font-size:1.25rem}.pricing-tier__description{min-height:2.2rem;font-size:.68rem}.pricing-tier--recommended{padding-top:2.1rem}.pricing-tier__badge{top:.32rem;font-size:.52rem;padding:.18rem .48rem;letter-spacing:.08em}.stats-section{padding:3rem 0}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.metric-card{min-height:10.6rem}.metric-label{min-height:1.95rem;font-size:.8rem}.blob-2{right:-30%}.hero-orb{opacity:.4}}@media(min-width:821px){.pricing-matrix__mobile-tabs{display:none}.pricing-tier--mobile-hidden{display:flex}}@media(max-width:480px){.analytics-header{align-items:center;justify-content:space-between;gap:.55rem}.analytics-connection{font-size:.72rem;padding:.22rem .48rem}.analytics-header{margin-bottom:1.2rem}.metrics-grid{grid-template-columns:minmax(0,1fr)}.features-grid{grid-template-columns:minmax(0,1fr);gap:.75rem}.live-now-board__grid{grid-template-columns:minmax(0,1fr)}.live-now-board__scroll{max-height:22rem}.live-now-card{padding:.8rem}.live-now-card__avatar{width:2.8rem;height:2.8rem}.feature-card{padding:1rem .85rem}.features-subtitle{font-size:.92rem}.pricing-matrix__mobile-tabs{top:3.7rem;margin:0 0 .8rem;padding:.3rem;gap:.42rem}.pricing-tier--recommended{padding-top:2rem}.pricing-tier__badge{top:.28rem;font-size:.5rem;letter-spacing:.06em}.pricing-tab{font-size:.7rem;padding:.34rem .4rem}.metric-card{padding:1rem .9rem}.hero-title{font-size:clamp(1.65rem,10vw,2.2rem)}.section-title{margin-bottom:1.3rem}}@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}.aurora-blob,.btn-gradient,.card-hover,.reveal-in{animation:none!important;transition:none!important}.parallax-layer{transform:none!important}}.auth-navbar__brand{display:inline-flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none;font-weight:700}.auth-navbar__nav{display:flex;align-items:center;gap:.45rem;justify-self:center}.auth-navbar__link{text-decoration:none;color:inherit;font-size:.88rem;font-weight:700;border-radius:9999px;padding:.4rem .75rem;border:1px solid transparent}.auth-navbar__link:hover{background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.auth-navbar__link:hover{background:color-mix(in srgb,var(--ring) 14%,var(--surface))}}.auth-navbar__link--active{border-color:var(--ring);background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.auth-navbar__link--active{border-color:color-mix(in srgb,var(--ring) 48%,transparent)}}@supports (color: color-mix(in lab,red,red)){.auth-navbar__link--active{background:color-mix(in srgb,var(--ring) 16%,var(--surface))}}.auth-navbar__cta{display:inline-flex;align-items:center;justify-content:center;perspective:1000px;position:relative}.auth-navbar__cta-particles{position:absolute;inset:-8px;pointer-events:none;overflow:visible}.cta-particle{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0}.cta-particle:nth-child(1){top:20%;left:10%;background:#0ea5e9;animation:cta-particle-float 3s ease-in-out infinite}.cta-particle:nth-child(2){top:60%;right:15%;background:#22c55e;animation:cta-particle-float 3s ease-in-out infinite .6s}.cta-particle:nth-child(3){bottom:20%;left:20%;background:#f97316;animation:cta-particle-float 3s ease-in-out infinite 1.2s}.cta-particle:nth-child(4){top:40%;left:5%;background:#8b5cf6;animation:cta-particle-float 3s ease-in-out infinite 1.8s}.cta-particle:nth-child(5){bottom:40%;right:10%;background:#ec4899;animation:cta-particle-float 3s ease-in-out infinite 2.4s}@keyframes cta-particle-float{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:.8;transform:translateY(-8px) scale(1)}80%{opacity:.8;transform:translateY(-20px) scale(.8)}to{opacity:0;transform:translateY(-30px) scale(0)}}.auth-navbar__cta-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid transparent;border-radius:9999px;padding:.5rem 1.1rem;color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transform-style:preserve-3d;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.auth-navbar__cta-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 50%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.auth-navbar__cta-btn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:skew(-25deg);animation:cta-shimmer 4s ease-in-out infinite;pointer-events:none}@keyframes cta-shimmer{0%,80%,to{left:-100%}90%{left:150%}}.auth-navbar__cta-btn:hover,.auth-navbar__cta-btn:focus-visible{transform:translateY(-2px) scale(1.02) rotateX(5deg);filter:saturate(1.1) brightness(1.05)}.auth-navbar__cta-btn:hover:before,.auth-navbar__cta-btn:focus-visible:before{opacity:1}.auth-navbar__cta-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@supports (color: color-mix(in lab,red,red)){.auth-navbar__cta-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--ring) 68%,#fff)}}.auth-navbar__cta-btn:active{transform:translateY(0) scale(.98) rotateX(0);transition-duration:.1s}.auth-navbar__cta-icon{width:16px;height:16px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.auth-navbar__cta-btn:hover .auth-navbar__cta-icon{transform:scale(1.15) rotate(-5deg)}.auth-navbar__cta-btn--activate{border-color:color-mix(in srgb,#0ea5e9 45%,transparent);background:linear-gradient(135deg,#06b6d4,#0ea5e9,#0284c7);box-shadow:0 4px 15px #0ea5e959,0 8px 30px #0ea5e940,inset 0 1px #fff3;animation:cta-glow-activate 3s ease-in-out infinite}@keyframes cta-glow-activate{0%,to{box-shadow:0 4px 15px #0ea5e959,0 8px 30px #0ea5e940,inset 0 1px #fff3}50%{box-shadow:0 6px 20px #0ea5e973,0 12px 40px #0ea5e959,inset 0 1px #ffffff40}}.auth-navbar__cta-btn--activate:hover{box-shadow:0 6px 25px #0ea5e980,0 12px 45px #0ea5e966,inset 0 1px #ffffff4d}.auth-navbar__cta-btn--reauthenticate{border-color:color-mix(in srgb,#f97316 45%,transparent);background:linear-gradient(135deg,#ea580c,#f97316,#fb923c);box-shadow:0 4px 15px #f9731666,0 8px 30px #f973164d,inset 0 1px #fff3;animation:cta-alert-pulse 1.8s ease-in-out infinite}@keyframes cta-alert-pulse{0%,to{box-shadow:0 4px 15px #f9731666,0 8px 30px #f973164d,inset 0 1px #fff3;transform:scale(1)}50%{box-shadow:0 8px 25px #f973168c,0 16px 45px #f9731673,inset 0 1px #ffffff40;transform:scale(1.02)}}.auth-navbar__cta-btn--reauthenticate:hover{animation:cta-alert-pulse-hover 1.2s ease-in-out infinite}@keyframes cta-alert-pulse-hover{0%,to{box-shadow:0 6px 25px #f9731699,0 14px 50px #f9731680,inset 0 1px #ffffff4d}50%{box-shadow:0 10px 35px #f97316b3,0 20px 60px #f9731699,inset 0 1px #ffffff59}}.auth-navbar__cta-btn--update{border-color:color-mix(in srgb,#22c55e 45%,transparent);background:linear-gradient(135deg,#16a34a,#22c55e,#4ade80);box-shadow:0 4px 15px #22c55e59,0 8px 30px #22c55e40,inset 0 1px #fff3;animation:cta-glow-update 3s ease-in-out infinite}@keyframes cta-glow-update{0%,to{box-shadow:0 4px 15px #22c55e59,0 8px 30px #22c55e40,inset 0 1px #fff3}50%{box-shadow:0 6px 20px #22c55e73,0 12px 40px #22c55e59,inset 0 1px #ffffff40}}.auth-navbar__cta-btn--update:hover{box-shadow:0 6px 25px #22c55e80,0 12px 45px #22c55e66,inset 0 1px #ffffff4d}.auth-navbar__profile{position:relative;justify-self:end}.auth-navbar__avatar-btn{width:2.7rem;height:2.7rem;border-radius:9999px;border:1px solid var(--ring);background:var(--surface);color:inherit;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;padding:0;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}@supports (color: color-mix(in lab,red,red)){.auth-navbar__avatar-btn{border:1px solid color-mix(in srgb,var(--ring) 38%,transparent)}}@supports (color: color-mix(in lab,red,red)){.auth-navbar__avatar-btn{background:color-mix(in srgb,var(--surface) 84%,transparent)}}.auth-navbar__avatar-btn:hover,.auth-navbar__avatar-btn:focus-visible{transform:translateY(-1px);border-color:var(--ring);box-shadow:0 10px 22px #3b82f633}@supports (color: color-mix(in lab,red,red)){.auth-navbar__avatar-btn:hover,.auth-navbar__avatar-btn:focus-visible{border-color:color-mix(in srgb,var(--ring) 58%,transparent)}}.auth-navbar__avatar-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@supports (color: color-mix(in lab,red,red)){.auth-navbar__avatar-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--ring) 60%,transparent)}}.auth-navbar__avatar-img{width:100%;height:100%;object-fit:cover;object-position:center}.auth-navbar__avatar-fallback{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff}.auth-navbar__dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:15rem;border-radius:.9rem;border:1px solid var(--ring);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 36px #29165033;padding:.38rem;animation:dropdown-fade-in .18s ease-out;z-index:40}@supports (color: color-mix(in lab,red,red)){.auth-navbar__dropdown{border:1px solid color-mix(in srgb,var(--ring) 28%,transparent)}}@supports (color: color-mix(in lab,red,red)){.auth-navbar__dropdown{background:color-mix(in srgb,var(--surface) 90%,transparent)}}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-navbar__dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.48rem .5rem}.auth-navbar__username{margin:0;font-size:.88rem;font-weight:700;max-width:8.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-navbar__plan-badge{border-radius:9999px;padding:.24rem .56rem;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.auth-navbar__plan-badge--free{color:#475569;background:#64748b;border-color:color-mix(in srgb,#64748b 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.auth-navbar__plan-badge--free{background:color-mix(in srgb,#64748b 10%,var(--surface))}}.auth-navbar__plan-badge--premium{color:#92400e;background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:color-mix(in srgb,#f59e0b 38%,transparent)}.auth-navbar__plan-badge--pro{color:#78350f;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:color-mix(in srgb,#d97706 48%,transparent);box-shadow:0 0 12px #f59e0b57}.auth-navbar__divider{height:1px;margin:.2rem .35rem;background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.auth-navbar__divider{background:color-mix(in srgb,var(--ring) 20%,transparent)}}.auth-navbar__dropdown-item{display:flex;align-items:center;width:100%;border:0;border-radius:.62rem;padding:.5rem .6rem;background:transparent;color:inherit;font-size:.82rem;font-weight:700;text-decoration:none;text-align:left;cursor:pointer}.auth-navbar__dropdown-item:hover,.auth-navbar__dropdown-item:focus-visible{background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.auth-navbar__dropdown-item:hover,.auth-navbar__dropdown-item:focus-visible{background:color-mix(in srgb,var(--ring) 12%,var(--surface))}}.auth-navbar__dropdown-item:focus-visible{outline:2px solid var(--ring);outline-offset:1px}@supports (color: color-mix(in lab,red,red)){.auth-navbar__dropdown-item:focus-visible{outline:2px solid color-mix(in srgb,var(--ring) 52%,transparent)}}.auth-navbar__dropdown-item--danger{color:#dc2626}.auth-navbar__theme-icon{width:18px;height:18px;margin-right:.5rem;flex-shrink:0}.auth-navbar__mobile{display:none;position:relative;justify-self:end}.auth-navbar__mobile-toggle{width:2.7rem;height:2.7rem;border-radius:.8rem;border:1px solid var(--ring);background:var(--surface);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.24rem;cursor:pointer}@supports (color: color-mix(in lab,red,red)){.auth-navbar__mobile-toggle{border:1px solid color-mix(in srgb,var(--ring) 36%,transparent)}}@supports (color: color-mix(in lab,red,red)){.auth-navbar__mobile-toggle{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.auth-navbar__mobile-toggle-bar{width:1.1rem;height:2px;border-radius:9999px;background:currentColor}.auth-navbar__mobile-panel{position:absolute;top:calc(100% + .55rem);right:0;width:min(19rem,calc(100vw - 1.5rem));border-radius:.9rem;border:1px solid var(--ring);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 36px #29165038;padding:.45rem;z-index:45}@supports (color: color-mix(in lab,red,red)){.auth-navbar__mobile-panel{border:1px solid color-mix(in srgb,var(--ring) 26%,transparent)}}@supports (color: color-mix(in lab,red,red)){.auth-navbar__mobile-panel{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.auth-navbar__mobile-section{display:grid;gap:.22rem;padding:.2rem 0}.auth-navbar__mobile-section--identity{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.35rem .4rem}.auth-navbar__mobile-link{border:0;border-radius:.62rem;background:transparent;color:inherit;text-decoration:none;text-align:left;padding:.56rem .6rem;font-size:.86rem;font-weight:700;cursor:pointer}.auth-navbar__mobile-link:hover,.auth-navbar__mobile-link:focus-visible{background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.auth-navbar__mobile-link:hover,.auth-navbar__mobile-link:focus-visible{background:color-mix(in srgb,var(--ring) 12%,var(--surface))}}.auth-navbar__mobile-link:focus-visible{outline:2px solid var(--ring);outline-offset:1px}@supports (color: color-mix(in lab,red,red)){.auth-navbar__mobile-link:focus-visible{outline:2px solid color-mix(in srgb,var(--ring) 52%,transparent)}}.auth-navbar__mobile-link--danger{color:#dc2626}.auth-layout__content{padding:0}.dashboard-shell{--dash-bg-0: #f4f5f8;--dash-bg-1: #f4f5f8;--dash-panel: #ffffff;--dash-panel-2: #f8f9fc;--dash-border: rgba(15, 17, 21, .08);--dash-text: #14151a;--dash-text-soft: #667085;--dash-cyan: #7c3aed;--dash-violet: #8b5cf6;--dash-magenta: #ef4444;--dash-tier-glow: transparent;--dash-tier-ring: transparent;--dash-font: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--dash-radius: 1.25rem;--dash-shadow: 0 10px 28px rgba(15, 15, 20, .08);--dash-accent-soft: rgba(124, 58, 237, .12);--dash-gold: #b45309;--dash-gold-soft: rgba(180, 83, 9, .12);position:relative;isolation:isolate;overflow:hidden;max-width:74rem;width:100%;min-width:0;margin:0 auto;padding:1rem;border-radius:var(--dash-radius);border:0;display:grid;gap:.85rem;font-family:var(--dash-font);color:var(--dash-text);background:radial-gradient(800px 360px at 80% -5%,rgba(124,58,237,.12),transparent 55%),radial-gradient(600px 280px at 10% 0%,rgba(239,68,68,.08),transparent 50%),var(--dash-bg-0);box-shadow:none}.dark .dashboard-shell{--dash-bg-0: #0f1115;--dash-bg-1: #0f1115;--dash-panel: #171a21;--dash-panel-2: #1a1e27;--dash-border: rgba(255, 255, 255, .07);--dash-text: #f5f7fb;--dash-text-soft: #9aa3b5;--dash-cyan: #8b5cf6;--dash-violet: #a78bfa;--dash-magenta: #ef4444;--dash-shadow: 0 14px 36px rgba(0, 0, 0, .35);--dash-accent-soft: rgba(139, 92, 246, .16);--dash-gold: #fbbf24;--dash-gold-soft: rgba(251, 191, 36, .14);background:radial-gradient(800px 360px at 80% -5%,rgba(139,92,246,.18),transparent 55%),radial-gradient(600px 280px at 10% 0%,rgba(239,68,68,.1),transparent 50%),var(--dash-bg-0);box-shadow:none}.dashboard-shell.lf--live{background:radial-gradient(900px 380px at 75% -8%,rgba(239,68,68,.1),transparent 55%),radial-gradient(700px 320px at 12% 0%,rgba(124,58,237,.12),transparent 50%),var(--dash-bg-0)}.dark .dashboard-shell.lf--live{background:radial-gradient(900px 380px at 75% -8%,rgba(239,68,68,.14),transparent 55%),radial-gradient(700px 320px at 12% 0%,rgba(139,92,246,.18),transparent 50%),var(--dash-bg-0)}.dashboard-shell[data-plan-tier=premium],html[data-plan-tier=premium] .dashboard-shell{--dash-tier-glow: var(--dash-gold-soft);--dash-tier-ring: var(--dash-gold)}@supports (color: color-mix(in lab,red,red)){.dashboard-shell[data-plan-tier=premium],html[data-plan-tier=premium] .dashboard-shell{--dash-tier-ring: color-mix(in srgb, var(--dash-gold) 40%, transparent)}}.dashboard-shell[data-plan-tier=pro],html[data-plan-tier=pro] .dashboard-shell{--dash-tier-glow: var(--dash-gold-soft);--dash-tier-ring: var(--dash-gold)}@supports (color: color-mix(in lab,red,red)){.dashboard-shell[data-plan-tier=pro],html[data-plan-tier=pro] .dashboard-shell{--dash-tier-ring: color-mix(in srgb, var(--dash-gold) 55%, transparent)}}.dashboard-shell:before,.dashboard-shell:after{content:"";position:absolute;pointer-events:none;inset:-16%;z-index:0}.dashboard-shell:before{display:none}.dashboard-shell:after{display:none}.dashboard-header,.dashboard-kpis,.dashboard-mobile-toggle,.dashboard-middle,.dashboard-history{position:relative;z-index:1}.dashboard-header{position:relative;overflow:hidden;border:1px solid var(--dash-border);border-radius:var(--dash-radius);padding:1.2rem 1.3rem;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 42%),var(--dash-panel);box-shadow:var(--dash-shadow);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.dashboard-ambient{position:absolute;inset:-12% 0 -10%;opacity:.42;pointer-events:none;z-index:0}.dashboard-ambient__canvas{width:100%;height:100%;display:block}.dashboard-header>:not(.dashboard-ambient){position:relative;z-index:1}.dashboard-eyebrow{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dash-cyan);font-weight:750}.dashboard-title{margin:.38rem 0 0;font-family:var(--dash-font);font-size:clamp(1.5rem,2.8vw,2.1rem);letter-spacing:-.035em;font-weight:750;color:var(--dash-text)}.dashboard-subtitle{margin:.48rem 0 0;color:var(--dash-text-soft);max-width:44rem}.dashboard-channel-row{margin-top:.45rem;display:inline-flex;align-items:center;gap:.5rem}.dashboard-channel-name{margin:0;font-size:.95rem;font-weight:700;color:var(--dash-text)}.dashboard-role-badge{display:inline-flex;align-items:center;border-radius:9999px;border:0;background:var(--dash-accent-soft);color:var(--dash-cyan);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.18rem .45rem}.dashboard-status{display:inline-flex;align-items:center;gap:.42rem;border-radius:9999px;padding:.38rem .68rem;font-size:.75rem;font-weight:700;border:1px solid #15803d;background:#16a34a1f;color:#15803d;cursor:help}@supports (color: color-mix(in lab,red,red)){.dashboard-status{border:1px solid color-mix(in srgb,#15803d 30%,var(--dash-border))}}.dashboard-status--offline{border-color:#ef4444;background:#ef44441f;color:#dc2626}@supports (color: color-mix(in lab,red,red)){.dashboard-status--offline{border-color:color-mix(in srgb,#ef4444 30%,var(--dash-border))}}.dashboard-status__dot{width:.46rem;height:.46rem;border-radius:9999px;background:currentColor;box-shadow:0 0 12px currentColor}@supports (color: color-mix(in lab,red,red)){.dashboard-status__dot{box-shadow:0 0 12px color-mix(in srgb,currentColor 62%,transparent)}}.dashboard-loading,.dashboard-empty,.dashboard-error{border:1px solid var(--dash-border);border-radius:1rem;background:var(--dash-panel);color:var(--dash-text);padding:2rem 1rem;text-align:center}@supports (color: color-mix(in lab,red,red)){.dashboard-loading,.dashboard-empty,.dashboard-error{border:1px solid color-mix(in srgb,var(--dash-border) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.dashboard-loading,.dashboard-empty,.dashboard-error{background:color-mix(in srgb,var(--dash-panel) 95%,transparent)}}.dashboard-error{border-color:#ff748a8c}.dashboard-spinner{width:2rem;height:2rem;border-radius:9999px;border:3px solid var(--dash-border);border-top-color:var(--dash-cyan);margin:0 auto;animation:spin .85s linear infinite}@supports (color: color-mix(in lab,red,red)){.dashboard-spinner{border:3px solid color-mix(in srgb,var(--dash-border) 65%,transparent)}}.dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.72rem}.dashboard-kpi-card{position:relative;overflow:hidden;border-radius:var(--dash-radius);border:1px solid var(--dash-border);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 42%),var(--dash-panel);padding:.95rem 1rem;box-shadow:var(--dash-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dashboard-kpi-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--dash-cyan),var(--dash-violet));opacity:.85}.dashboard-kpi-card:hover{transform:translateY(-2px);border-color:var(--dash-cyan);box-shadow:var(--dash-shadow)}@supports (color: color-mix(in lab,red,red)){.dashboard-kpi-card:hover{border-color:color-mix(in srgb,var(--dash-cyan) 35%,transparent)}}.dashboard-kpi-card--bits:before{background:linear-gradient(90deg,#ffd166,#ff9f43)}.dashboard-kpi-card--donations:before{background:linear-gradient(90deg,#31f7a6,#14d4aa)}.dashboard-kpi-card--feature:before{background:linear-gradient(90deg,#8f7dff,#29d9ff)}.dashboard-kpi-card__label{margin:0;font-size:.72rem;color:var(--dash-text-soft);text-transform:uppercase;letter-spacing:.05em;font-weight:650}.dashboard-kpi-card__value{margin:.38rem 0 0;font-size:clamp(1.05rem,2.2vw,1.72rem);font-weight:800;letter-spacing:-.03em;color:var(--dash-text)}.dashboard-kpi-card__meta{margin:.34rem 0 0;font-size:.72rem;color:var(--dash-text-soft)}@supports (color: color-mix(in lab,red,red)){.dashboard-kpi-card__meta{color:color-mix(in srgb,var(--dash-text-soft) 90%,#ffffff 10%)}}.dashboard-mobile-toggle{display:none}.dashboard-mobile-toggle__button{border:1px solid var(--dash-border);background:var(--dash-panel);color:var(--dash-text-soft);font:inherit;font-size:.74rem;font-weight:700;border-radius:9999px;padding:.38rem .68rem;cursor:pointer}@supports (color: color-mix(in lab,red,red)){.dashboard-mobile-toggle__button{border:1px solid color-mix(in srgb,var(--dash-border) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.dashboard-mobile-toggle__button{background:color-mix(in srgb,var(--dash-panel) 95%,transparent)}}.dashboard-mobile-toggle__button--active{border-color:transparent;color:#fff;background:var(--dash-cyan);box-shadow:var(--dash-shadow)}.dashboard-middle{display:grid;grid-template-columns:65% 35%;gap:.95rem;min-width:0}.dashboard-chart-panel,.dashboard-goals,.dashboard-history{border:1px solid var(--dash-border);border-radius:var(--dash-radius);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 42%),var(--dash-panel);box-shadow:var(--dash-shadow);min-width:0;position:relative;overflow:hidden}@supports (color: color-mix(in lab,red,red)){.dashboard-chart-panel,.dashboard-goals,.dashboard-history{border:1px solid color-mix(in srgb,var(--dash-border) 84%,transparent)}}.dashboard-chart-panel{padding:1rem}.dashboard-chart-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.dashboard-chart-panel__header h2,.dashboard-goals h2,.dashboard-history__head h2{margin:0;font-family:var(--dash-font);font-size:1.1rem;font-weight:750;letter-spacing:-.02em;color:var(--dash-text)}.dashboard-ranges{display:flex;flex-wrap:wrap;gap:.38rem}.dashboard-range-button{border:1px solid var(--dash-border);background:var(--dash-panel);color:var(--dash-text-soft);border-radius:9999px;padding:.3rem .58rem;font-size:.72rem;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}@supports (color: color-mix(in lab,red,red)){.dashboard-range-button{border:1px solid color-mix(in srgb,var(--dash-border) 85%,transparent)}}@supports (color: color-mix(in lab,red,red)){.dashboard-range-button{background:color-mix(in srgb,var(--dash-panel) 96%,transparent)}}.dashboard-range-button:hover{border-color:var(--dash-cyan);color:var(--dash-text)}@supports (color: color-mix(in lab,red,red)){.dashboard-range-button:hover{border-color:color-mix(in srgb,var(--dash-cyan) 55%,var(--dash-border))}}.dashboard-range-button--active{border-color:transparent;background:var(--dash-cyan);color:#fff;box-shadow:var(--dash-shadow)}.dashboard-chart{margin-top:.72rem;width:100%;height:22rem;min-width:0;overflow:hidden}.dashboard-chart-panel__time-context{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin-top:.8rem;color:var(--dash-text-soft);font-size:.78rem;line-height:1.5}.dashboard-chart-panel__time-note{color:var(--dash-text);font-weight:600}.dashboard-goals{padding:1rem}.dashboard-goals__stats{margin-top:.95rem;display:grid;gap:.6rem}.dashboard-goals__stat,.dashboard-goal-card{border-radius:.75rem;border:1px solid var(--dash-border);background:linear-gradient(180deg,var(--dash-panel-2),var(--dash-panel));padding:.75rem}@supports (color: color-mix(in lab,red,red)){.dashboard-goals__stat,.dashboard-goal-card{border:1px solid color-mix(in srgb,var(--dash-border) 76%,transparent)}}@supports (color: color-mix(in lab,red,red)){.dashboard-goals__stat,.dashboard-goal-card{background:linear-gradient(180deg,color-mix(in srgb,var(--dash-panel-2) 92%,transparent),color-mix(in srgb,var(--dash-panel) 98%,transparent))}}.dashboard-goals__stat-label,.dashboard-goal-card__value,.dashboard-history__head p,.dashboard-table__empty{color:var(--dash-text-soft)}.dashboard-goals__stat-label{margin:0;font-size:.73rem;text-transform:uppercase;letter-spacing:.04em}.dashboard-goals__stat-value{margin:.35rem 0 0;font-size:1.3rem;font-weight:800;color:var(--dash-text)}.dashboard-goal-card{margin-top:.8rem}.dashboard-goal-card__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dashboard-goal-card__label,.dashboard-goal-card__percent{margin:0;font-size:.8rem;font-weight:700;color:var(--dash-text)}.dashboard-goal-card__value{margin:.3rem 0 0;font-size:.82rem}.dashboard-goal-card__progress{width:100%;height:.58rem;border-radius:9999px;overflow:hidden;background:var(--dash-border);margin-top:.5rem}@supports (color: color-mix(in lab,red,red)){.dashboard-goal-card__progress{background:color-mix(in srgb,var(--dash-border) 60%,transparent)}}.dashboard-goal-card__fill{display:block;height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--dash-cyan),var(--dash-violet));box-shadow:0 0 16px var(--dash-cyan);transition:width .3s ease}@supports (color: color-mix(in lab,red,red)){.dashboard-goal-card__fill{box-shadow:0 0 16px color-mix(in srgb,var(--dash-cyan) 48%,transparent)}}.dashboard-goal-card__fill--subs{background:linear-gradient(90deg,#31f7a6,#16d38f);box-shadow:0 0 16px #31f7a661}.dashboard-history{padding:1rem}.dashboard-history__head{display:flex;justify-content:space-between;align-items:baseline;gap:.7rem;flex-wrap:wrap}.dashboard-history__head p{margin:0;font-size:.82rem}.dashboard-history__table-wrap{margin-top:.85rem;border:1px solid var(--dash-border);border-radius:.85rem;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@supports (color: color-mix(in lab,red,red)){.dashboard-history__table-wrap{border:1px solid color-mix(in srgb,var(--dash-border) 74%,transparent)}}.dashboard-table{width:100%;border-collapse:collapse;min-width:40rem}.dashboard-table th{text-align:left;padding:.65rem .8rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--dash-text-soft);border-bottom:1px solid var(--dash-border);background:var(--dash-panel-2)}@supports (color: color-mix(in lab,red,red)){.dashboard-table th{color:color-mix(in srgb,var(--dash-text-soft) 92%,#ffffff 8%)}}@supports (color: color-mix(in lab,red,red)){.dashboard-table th{border-bottom:1px solid color-mix(in srgb,var(--dash-border) 72%,transparent)}}@supports (color: color-mix(in lab,red,red)){.dashboard-table th{background:color-mix(in srgb,var(--dash-panel-2) 92%,transparent)}}.dashboard-table td{padding:.62rem .8rem;font-size:.85rem;color:var(--dash-text);border-bottom:1px solid var(--dash-border)}@supports (color: color-mix(in lab,red,red)){.dashboard-table td{border-bottom:1px solid color-mix(in srgb,var(--dash-border) 44%,transparent)}}.dashboard-table tbody tr:hover{background:var(--dash-cyan)}@supports (color: color-mix(in lab,red,red)){.dashboard-table tbody tr:hover{background:color-mix(in srgb,var(--dash-cyan) 10%,transparent)}}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table__empty{text-align:center;padding:1.5rem .8rem}.dashboard-table__live-row{background:var(--success)}@supports (color: color-mix(in lab,red,red)){.dashboard-table__live-row{background:color-mix(in srgb,var(--success) 8%,transparent)}}.dashboard-table__live-row:hover{background:var(--success)}@supports (color: color-mix(in lab,red,red)){.dashboard-table__live-row:hover{background:color-mix(in srgb,var(--success) 15%,transparent)}}.dashboard-live-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .5rem;background:var(--success);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:.25rem;margin-right:.5rem;animation:live-pulse 2s ease-in-out infinite}.dashboard-live-badge:before{content:"";width:6px;height:6px;background:#fff;border-radius:50%}@media(max-width:980px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-middle{grid-template-columns:1fr}}@media(max-width:720px){.auth-navbar{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;padding:.75rem .8rem}.auth-navbar__nav{display:none}.auth-navbar__cta{flex:1;min-width:0;justify-content:center;perspective:800px}.auth-navbar__cta-btn{max-width:100%;padding:.55rem .9rem;font-size:.72rem;letter-spacing:.02em;gap:.4rem;transform-style:preserve-3d}.auth-navbar__cta-icon{width:14px;height:14px}.auth-navbar__profile{display:none}.auth-navbar__mobile{display:block;margin-left:auto;flex-shrink:0}}@media(max-width:380px){.auth-navbar{padding:.65rem .6rem;gap:.4rem}.auth-navbar__brand{font-size:.9rem;gap:.35rem}.auth-navbar__brand .brand-dot{width:6px;height:6px}.auth-navbar__cta-btn{padding:.5rem .7rem;font-size:.65rem;letter-spacing:.015em;gap:.3rem}.auth-navbar__cta-icon{width:12px;height:12px}.auth-navbar__mobile-toggle{width:2.4rem;height:2.4rem}.auth-navbar__mobile-toggle-bar{width:1rem;height:1.5px}}@media(max-width:720px){.auth-layout__content{padding:.75rem}.dashboard-shell{border-radius:.95rem;padding:.75rem;gap:.8rem}.dashboard-header{flex-direction:column;padding:.9rem}.dashboard-channel-row{margin-top:.36rem;gap:.35rem}.dashboard-channel-name{font-size:.84rem}.dashboard-role-badge{font-size:.58rem;padding:.14rem .34rem}.dashboard-ambient{opacity:.25}.dashboard-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:.32rem}.dashboard-kpi-card{padding:.4rem .3rem;border-radius:.58rem}.dashboard-kpi-card__label{font-size:.49rem;line-height:1.1;letter-spacing:.01em}.dashboard-kpi-card__value{font-size:.73rem;margin-top:.22rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-kpi-card__meta{display:none}.dashboard-mobile-toggle{display:inline-flex;align-items:center;gap:.38rem;width:max-content;align-self:flex-start}.dashboard-middle{grid-template-columns:1fr}.dashboard-panel--hidden-mobile{display:none}.dashboard-chart,.dashboard-chart-panel{min-width:0}.dashboard-chart-panel{padding:.8rem .55rem 1rem}.dashboard-chart-panel__header{gap:.55rem}.dashboard-ranges{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.dashboard-ranges::-webkit-scrollbar{display:none}.dashboard-range-button{flex:0 0 auto;min-height:2.25rem;padding-inline:.72rem}.dashboard-chart{height:17rem;margin-top:.4rem}.dashboard-history{padding:.84rem}.dashboard-history__table-wrap{margin-top:.62rem}.dashboard-table{min-width:33rem}.dashboard-table th,.dashboard-table td{padding:.52rem .6rem;font-size:.74rem}}@media(max-width:480px){.dashboard-chart-panel__header h2,.dashboard-history__head h2,.dashboard-goals h2{font-size:.98rem}.dashboard-range-button{font-size:.68rem;padding-inline:.68rem}.dashboard-chart-panel__time-context{display:grid;gap:.22rem}}@media(prefers-reduced-motion:reduce){.dashboard-kpi-card,.dashboard-kpi-card:hover,.dashboard-goal-card__fill,.dashboard-mobile-toggle__button,.dashboard-range-button{transition:none;transform:none}}.dark .dashboard-status{border-color:#86efac;background:#22c55e24;color:#86efac}@supports (color: color-mix(in lab,red,red)){.dark .dashboard-status{border-color:color-mix(in srgb,#86efac 30%,var(--dash-border))}}.dark .dashboard-status--offline{border-color:#fca5a5;background:#ef444424;color:#fca5a5}@supports (color: color-mix(in lab,red,red)){.dark .dashboard-status--offline{border-color:color-mix(in srgb,#fca5a5 35%,var(--dash-border))}}.placeholder-page{border-radius:1rem;border:1px solid var(--ring);background:var(--surface);padding:1.1rem}@supports (color: color-mix(in lab,red,red)){.placeholder-page{border:1px solid color-mix(in srgb,var(--ring) 28%,transparent)}}@supports (color: color-mix(in lab,red,red)){.placeholder-page{background:color-mix(in srgb,var(--surface) 90%,transparent)}}.placeholder-page h1{margin:0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.35rem}.placeholder-page p{margin:.55rem 0 0;color:var(--text-soft)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 15% 18%,color-mix(in srgb,#3b82f6 28%,transparent),transparent 35%),radial-gradient(circle at 85% 82%,color-mix(in srgb,#d97706 24%,transparent),transparent 35%),linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}.login-card{width:min(34rem,100%);border-radius:1rem;border:1px solid var(--ring);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 34px #3518592e;padding:1.5rem}@supports (color: color-mix(in lab,red,red)){.login-card{border:1px solid color-mix(in srgb,var(--ring) 30%,transparent)}}@supports (color: color-mix(in lab,red,red)){.login-card{background:color-mix(in srgb,var(--surface) 84%,transparent)}}.login-eyebrow{margin:0;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.login-title{margin:.35rem 0 0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(1.3rem,2.5vw,1.9rem)}.login-subtitle{margin:.6rem 0 0;color:var(--text-soft)}.login-button{margin-top:1rem;border:0;border-radius:.7rem;padding:.65rem .95rem;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;background-image:linear-gradient(135deg,#7c3aed,#3b82f6)}.login-loader{margin-top:1.1rem}.login-loader__orb{width:3rem;height:3rem;border-radius:9999px;background:conic-gradient(from 90deg,#7c3aed,#3b82f6,#f59e0b,#7c3aed);animation:spin 1s linear infinite}.login-loader__label{margin:.8rem 0 0;font-weight:700}.login-progress{margin-top:.75rem;width:100%;height:.48rem;border-radius:9999px;overflow:hidden;background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.login-progress{background:color-mix(in srgb,var(--ring) 18%,transparent)}}.login-progress__bar{height:100%;border-radius:inherit;background-image:linear-gradient(90deg,#7c3aed,#3b82f6,#f59e0b);transition:width .3s ease}.login-error{margin-top:1rem;border-radius:.7rem;border:1px solid rgba(239,68,68,.4);background:#ef44441f;color:#b91c1c;padding:.7rem}.login-loader-enhanced{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.loader-3d-container{position:relative;width:280px;height:200px;display:flex;align-items:center;justify-content:center}.loader-3d-canvas{position:absolute;inset:0;width:100%;height:100%}.loader-3d-overlay{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.loader-3d-glow{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.3) 0%,transparent 70%);opacity:.6;transition:opacity .3s ease}.loader-3d-glow--pulse{animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.loader-3d-container[data-quality=high] .loader-3d-glow{filter:blur(20px)}.loader-3d-container[data-quality=medium] .loader-3d-glow{filter:blur(10px)}.loader-3d-canvas{opacity:0;transition:opacity .8s ease-in-out}.loader-3d-canvas--visible{opacity:1}.loader-css-fallback{position:absolute;width:150px;height:150px;opacity:0;transition:opacity .8s ease-in-out;display:flex;align-items:center;justify-content:center}.loader-css-fallback--visible{opacity:1}.loader-css-fallback--fading{opacity:0}.loader-css-fallback:not(.loader-css-fallback--fading){opacity:1}.css-core{position:relative;width:80px;height:80px;transform-style:preserve-3d;animation:core-float 3s ease-in-out infinite}.css-core__inner{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a855f7,#7c3aed);box-shadow:0 0 30px #7c3aed80,inset 0 0 20px #3b82f64d;animation:core-pulse 2s ease-in-out infinite}.css-core__ring{position:absolute;border-radius:50%;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor}.css-core__ring--1{inset:-20px;color:#3b82f6;animation:orbit-rotate 4s linear infinite}.css-core__ring--2{inset:-35px;color:#f59e0b;animation:orbit-rotate 6s linear infinite reverse}.css-core__ring--3{inset:-50px;color:#22c55e;animation:orbit-rotate 8s linear infinite}@keyframes core-float{0%,to{transform:translateY(0) rotateX(10deg) rotateY(10deg)}50%{transform:translateY(-10px) rotateX(15deg) rotateY(15deg)}}@keyframes core-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.css-particles{position:absolute;inset:0}.css-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#3b82f6);opacity:.6;animation:particle-orbit 8s linear infinite;animation-delay:calc(var(--i) * .5s)}.css-particle:nth-child(1){top:10%;left:20%}.css-particle:nth-child(2){top:20%;left:80%}.css-particle:nth-child(3){top:50%;left:10%}.css-particle:nth-child(4){top:70%;left:30%}.css-particle:nth-child(5){top:80%;left:70%}.css-particle:nth-child(6){top:30%;left:90%}.css-particle:nth-child(7){top:60%;left:85%}.css-particle:nth-child(8){top:85%;left:15%}.css-particle:nth-child(9){top:15%;left:50%}.css-particle:nth-child(10){top:45%;left:5%}.css-particle:nth-child(11){top:75%;left:55%}.css-particle:nth-child(12){top:40%;left:75%}@keyframes particle-orbit{0%{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(20px,-15px) scale(1.2);opacity:.8}50%{transform:translateY(-30px) scale(1);opacity:.6}75%{transform:translate(-20px,-15px) scale(.8);opacity:.4}to{transform:translate(0) scale(1);opacity:.6}}.login-loader-info{width:100%;text-align:center}.login-logs{margin-top:1rem;border-radius:.7rem;border:1px solid var(--ring);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);padding:0;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 4px 20px #0000001a}@supports (color: color-mix(in lab,red,red)){.login-logs{border:1px solid color-mix(in srgb,var(--ring) 34%,transparent)}}@supports (color: color-mix(in lab,red,red)){.login-logs{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,var(--surface-2) 85%,transparent))}}.login-logs__header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background:var(--surface-2);border-bottom:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.login-logs__header{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}}@supports (color: color-mix(in lab,red,red)){.login-logs__header{border-bottom:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.login-logs__title{margin:0;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);font-weight:700}.login-logs__status{font-size:.6rem;font-weight:800;letter-spacing:.08em;padding:.2rem .5rem;border-radius:9999px;background:#64748b;color:#64748b;border:1px solid color-mix(in srgb,#64748b 30%,transparent);transition:all .3s ease}@supports (color: color-mix(in lab,red,red)){.login-logs__status{background:color-mix(in srgb,#64748b 15%,var(--surface))}}.login-logs__status--active{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e;border-color:#22c55e66;box-shadow:0 0 10px #22c55e4d;animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{box-shadow:0 0 5px #22c55e33}50%{box-shadow:0 0 15px #22c55e66}}.login-logs__terminal{padding:.7rem .8rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;position:relative;min-height:100px;max-height:200px;overflow:hidden}.login-logs__lines{display:flex;flex-direction:column;gap:.35rem;max-height:180px;overflow-y:auto;padding-right:.5rem}.login-logs__lines::-webkit-scrollbar{width:4px}.login-logs__lines::-webkit-scrollbar-thumb{background:var(--ring);border-radius:2px}@supports (color: color-mix(in lab,red,red)){.login-logs__lines::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ring) 40%,transparent)}}.login-logs__line{display:flex;align-items:baseline;gap:.6rem;font-size:.72rem;line-height:1.4;animation:line-appear .3s ease-out}@keyframes line-appear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.login-logs__timestamp{color:#64748b;font-size:.65rem;flex-shrink:0;opacity:.7}.login-logs__content{color:var(--text);word-break:break-word}.login-logs__content:has-text("success"){color:#22c55e}.login-logs__content:has-text("error"){color:#ef4444}.login-logs__content:has-text("warning"){color:#f59e0b}.login-logs__cursor{position:absolute;bottom:.7rem;left:.8rem;width:8px;height:14px;background:var(--text);opacity:0}.login-logs__cursor--blink{opacity:1;animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.dark .login-logs{background:linear-gradient(180deg,#140d1ff2,#1f1430e6)}.dark .login-logs__header{background:#1f1430cc}.dark .login-logs__timestamp{color:#8b949e}.not-found-shell{--not-found-accent: #ef4444;--not-found-accent-strong: #fb7185;--not-found-accent-warm: #f97316;--not-found-accent-purple: #a855f7;--not-found-accent-purple-soft: #d8b4fe;--not-found-reactive-scale: 1;--not-found-reactive-rise: 0px;--not-found-reactive-tilt: 0deg;--not-found-red-glow: .42;--not-found-purple-glow: .16;--not-found-left-scale: 1;--not-found-center-scale: 1;--not-found-right-scale: 1;--not-found-left-rise: 0px;--not-found-center-rise: 0px;--not-found-right-rise: 0px;--not-found-glitch-intensity: 0;--not-found-left-glitch-x: 0px;--not-found-center-glitch-x: 0px;--not-found-right-glitch-x: 0px;--not-found-left-glitch-y: 0px;--not-found-center-glitch-y: 0px;--not-found-right-glitch-y: 0px;position:relative;min-height:100vh;display:grid;place-items:center;padding:clamp(1.25rem,4vw,3rem);overflow:clip;isolation:isolate;background:radial-gradient(circle at 20% 20%,rgba(239,68,68,.28),transparent 30%),radial-gradient(circle at 78% 18%,rgba(251,113,133,.24),transparent 28%),radial-gradient(circle at 50% 75%,rgba(249,115,22,.22),transparent 30%),radial-gradient(circle at 50% 50%,rgba(56,189,248,.1),transparent 46%),linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}@supports (color: color-mix(in lab,red,red)){.not-found-shell{background:radial-gradient(circle at 20% 20%,rgba(239,68,68,.28),transparent 30%),radial-gradient(circle at 78% 18%,rgba(251,113,133,.24),transparent 28%),radial-gradient(circle at 50% 75%,rgba(249,115,22,.22),transparent 30%),radial-gradient(circle at 50% 50%,rgba(56,189,248,.1),transparent 46%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,#17070d),color-mix(in srgb,var(--surface-2) 74%,#080205))}}.not-found-shell:before,.not-found-shell:after{content:"";position:absolute;inset:0;pointer-events:none}.not-found-shell:before{z-index:0;background:radial-gradient(circle at center,transparent 0%,transparent 42%,rgba(0,0,0,.34) 100%),linear-gradient(180deg,rgba(0,0,0,.2),transparent 22%,transparent 78%,rgba(0,0,0,.28))}.not-found-shell:after{z-index:1;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:3px 3px,3px 3px;mix-blend-mode:soft-light}.not-found-canvas,.not-found-backdrop{position:absolute;inset:0}.not-found-canvas{width:100%;height:100%;opacity:0;filter:saturate(1.34) contrast(1.16) brightness(1.08);transition:opacity .7s ease}.not-found-canvas--visible{opacity:1}.not-found-backdrop{pointer-events:none}.not-found-backdrop__glow{position:absolute;border-radius:9999px;filter:blur(62px);opacity:.88}.not-found-backdrop__glow--left{top:8%;left:-6%;width:28rem;height:28rem;background:radial-gradient(circle,rgba(239,68,68,.42),transparent 72%)}.not-found-backdrop__glow--right{right:-8%;bottom:4%;width:32rem;height:32rem;background:radial-gradient(circle,rgba(249,115,22,.36),transparent 74%)}.not-found-backdrop__glow--core{top:50%;left:50%;width:min(72vw,52rem);height:min(48vw,32rem);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(248,113,113,.28),transparent 70%)}.not-found-shell[data-scene-mode=lattice] .not-found-backdrop__glow--core{background:radial-gradient(circle,rgba(239,68,68,.34),transparent 68%)}.not-found-shell[data-scene-mode=crystals] .not-found-backdrop__glow--core{background:radial-gradient(circle,rgba(251,113,133,.34),transparent 68%)}.not-found-shell[data-scene-mode=fractals] .not-found-backdrop__glow--core{background:radial-gradient(circle,rgba(249,115,22,.3),transparent 70%)}.not-found-grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at center,black 42%,transparent 100%);mask-image:radial-gradient(circle at center,black 42%,transparent 100%)}.not-found-scanline{position:absolute;inset:0;opacity:.18;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.1) 48%,transparent 52%,transparent 100%);animation:not-found-scan 7s linear infinite}@keyframes not-found-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.not-found-css-orbits{position:absolute;top:50%;left:50%;width:min(62vw,38rem);aspect-ratio:1;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s ease}.not-found-css-orbits--visible{opacity:1}.not-found-css-orbit{position:absolute;inset:0;border-radius:9999px;border:1px solid transparent;mix-blend-mode:screen}.not-found-css-orbit--one{border-top-color:#ef444480;border-right-color:#f8717173;animation:not-found-orbit-spin 12s linear infinite}.not-found-css-orbit--two{inset:9%;border-top-color:#f973167a;border-left-color:#ef44446b;transform:rotateX(68deg) rotateY(10deg);animation:not-found-orbit-spin-reverse 14s linear infinite}.not-found-css-orbit--three{inset:20%;border-top-color:#fb718580;border-right-color:#38bdf83d;transform:rotateX(82deg) rotateY(18deg);animation:not-found-orbit-spin 10s linear infinite}@keyframes not-found-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes not-found-orbit-spin-reverse{0%{transform:rotateX(68deg) rotateY(10deg) rotate(360deg)}to{transform:rotateX(68deg) rotateY(10deg) rotate(0)}}.not-found-particles{position:absolute;inset:0}.not-found-particle{--particle-delay: calc(var(--particle-index) * -.7s);position:absolute;width:calc(.24rem + (var(--particle-index) * .015rem));height:calc(.24rem + (var(--particle-index) * .015rem));border-radius:9999px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(239,68,68,.5) 48%,transparent 70%);box-shadow:0 0 18px #f8717147;opacity:.22;animation:not-found-particle-float 9s ease-in-out infinite;animation-delay:var(--particle-delay)}.not-found-particle:nth-child(1){top:12%;left:18%}.not-found-particle:nth-child(2){top:24%;left:76%}.not-found-particle:nth-child(3){top:66%;left:10%}.not-found-particle:nth-child(4){top:78%;left:82%}.not-found-particle:nth-child(5){top:46%;left:90%}.not-found-particle:nth-child(6){top:16%;left:55%}.not-found-particle:nth-child(7){top:70%;left:58%}.not-found-particle:nth-child(8){top:52%;left:14%}.not-found-particle:nth-child(9){top:28%;left:34%}.not-found-particle:nth-child(10){top:58%;left:74%}.not-found-particle:nth-child(11){top:8%;left:88%}.not-found-particle:nth-child(12){top:84%;left:28%}.not-found-particle:nth-child(13){top:40%;left:44%}.not-found-particle:nth-child(14){top:34%;left:62%}.not-found-particle:nth-child(15){top:74%;left:46%}.not-found-particle:nth-child(16){top:18%;left:6%}@keyframes not-found-particle-float{0%,to{transform:translateZ(0) scale(.9);opacity:.16}50%{transform:translate3d(0,-18px,0) scale(1.14);opacity:.38}}.not-found-content{position:relative;z-index:3;width:min(72rem,100%);display:flex;flex-direction:column;align-items:center;text-align:center}.not-found-eyebrow{margin:0 0 1rem;border:1px solid var(--not-found-accent);border-radius:9999px;padding:.46rem .9rem;background:var(--surface);box-shadow:0 10px 30px #7f1d1d24;color:var(--text);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@supports (color: color-mix(in lab,red,red)){.not-found-eyebrow{border:1px solid color-mix(in srgb,var(--not-found-accent) 34%,transparent)}}@supports (color: color-mix(in lab,red,red)){.not-found-eyebrow{background:color-mix(in srgb,var(--surface) 78%,rgba(127,29,29,.32))}}@supports (color: color-mix(in lab,red,red)){.not-found-eyebrow{color:color-mix(in srgb,var(--text) 75%,var(--not-found-accent-strong))}}.not-found-code{display:flex;align-items:center;justify-content:center;gap:clamp(.3rem,2vw,1.2rem);margin:0;perspective:1400px;transform:translateY(var(--not-found-reactive-rise)) scale(var(--not-found-reactive-scale)) rotateX(var(--not-found-reactive-tilt));transition:transform .14s linear}.not-found-digit{--digit-base-transform: translate3d(0, 0, 0);--digit-echo-scale: 1;--digit-echo-rise: 0px;--digit-glitch-shift-x: 0px;--digit-glitch-shift-y: 0px;position:relative;display:inline-block;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(6.5rem,22vw,15rem);font-weight:800;line-height:.84;letter-spacing:-.08em;background:linear-gradient(180deg,#fff0f2,#fca5a5 22%,#ef4444 55%,#7f1d1d);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:calc(var(--digit-glitch-shift-x) * -1) calc(var(--digit-glitch-shift-y) * -1) calc(8px + (var(--not-found-glitch-intensity) * 18px)) rgba(56,189,248,calc(var(--not-found-glitch-intensity) * .18)),var(--digit-glitch-shift-x) var(--digit-glitch-shift-y) calc(10px + (var(--not-found-glitch-intensity) * 22px)) rgba(244,114,182,calc(var(--not-found-glitch-intensity) * .2)),0 0 calc(18px + (var(--not-found-purple-glow) * 22px)) rgba(168,85,247,calc(.08 + (var(--not-found-purple-glow) * .22))),0 0 calc(30px + (var(--not-found-red-glow) * 22px)) rgba(239,68,68,calc(.22 + (var(--not-found-red-glow) * .24))),0 0 calc(54px + (var(--not-found-purple-glow) * 34px)) rgba(216,180,254,calc(.05 + (var(--not-found-purple-glow) * .11))),0 24px 62px rgba(127,29,29,.24);transform-style:preserve-3d;transform:var(--digit-base-transform);animation:not-found-digit-hover 5s ease-in-out infinite}.not-found-digit:before,.not-found-digit:after{content:attr(data-digit);position:absolute;inset:0;z-index:-1}.not-found-digit:before{color:#7f1d1d57;transform:translate3d(calc(.26rem + var(--digit-glitch-shift-x)),calc(.34rem + var(--digit-glitch-shift-y)),-40px);filter:blur(calc(1px + (var(--not-found-red-glow) * .8px)))}.not-found-digit:after{color:rgba(216,180,254,calc(.12 + (var(--not-found-purple-glow) * .18)));transform:translate3d(calc(-.1rem - var(--digit-glitch-shift-x)),calc(-.08rem - var(--digit-glitch-shift-y)),18px);filter:blur(calc(.4px + (var(--not-found-purple-glow) * .9px)))}.not-found-digit--left{--digit-base-transform: translate3d(0, -.2rem, 0) rotateY(14deg) rotateX(8deg);--digit-echo-scale: var(--not-found-left-scale);--digit-echo-rise: var(--not-found-left-rise);--digit-glitch-shift-x: var(--not-found-left-glitch-x);--digit-glitch-shift-y: var(--not-found-left-glitch-y);animation-delay:-.5s}.not-found-digit--center{--digit-base-transform: translate3d(0, .18rem, 0) rotateX(-5deg);--digit-echo-scale: var(--not-found-center-scale);--digit-echo-rise: var(--not-found-center-rise);--digit-glitch-shift-x: var(--not-found-center-glitch-x);--digit-glitch-shift-y: var(--not-found-center-glitch-y);animation-delay:-1.3s}.not-found-digit--right{--digit-base-transform: translate3d(0, -.2rem, 0) rotateY(-14deg) rotateX(8deg);--digit-echo-scale: var(--not-found-right-scale);--digit-echo-rise: var(--not-found-right-rise);--digit-glitch-shift-x: var(--not-found-right-glitch-x);--digit-glitch-shift-y: var(--not-found-right-glitch-y);animation-delay:-2s}@keyframes not-found-digit-hover{0%,to{transform:var(--digit-base-transform) translateY(var(--digit-echo-rise)) scale(var(--digit-echo-scale))}50%{transform:var(--digit-base-transform) translateY(calc(var(--digit-echo-rise) - 8px)) scale(calc(var(--digit-echo-scale) + .012)) rotateX(3deg)}}.not-found-panel{width:min(44rem,100%);margin-top:clamp(.9rem,2vw,1.8rem);padding:clamp(1.4rem,3vw,2.2rem);border:1px solid var(--not-found-accent);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);box-shadow:0 28px 80px #450a0a57,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}@supports (color: color-mix(in lab,red,red)){.not-found-panel{border:1px solid color-mix(in srgb,var(--not-found-accent) 36%,transparent)}}@supports (color: color-mix(in lab,red,red)){.not-found-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 86%,rgba(127,29,29,.16)),color-mix(in srgb,var(--surface-2) 82%,rgba(69,10,10,.2)))}}.not-found-title{margin:0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(1.8rem,3.4vw,3rem);line-height:.98;letter-spacing:-.045em}.not-found-copy{margin:.95rem auto 0;max-width:34rem;color:var(--text-soft);font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.7}@supports (color: color-mix(in lab,red,red)){.not-found-copy{color:color-mix(in srgb,var(--text-soft) 72%,#fecaca)}}.not-found-actions{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1.4rem;flex-wrap:wrap}.not-found-button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;border-radius:9999px;border:1px solid var(--not-found-accent-strong);padding:.85rem 1.5rem;background:linear-gradient(135deg,#b91c1c,#ef4444 48%,#fb7185);box-shadow:0 20px 44px #b91c1c57,inset 0 1px #ffffff3d;color:#fff;text-decoration:none;font-size:.95rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;transition:transform var(--transition-base),box-shadow var(--transition-base),filter var(--transition-base),border-color var(--transition-base),background var(--transition-base)}@supports (color: color-mix(in lab,red,red)){.not-found-button{border:1px solid color-mix(in srgb,var(--not-found-accent-strong) 40%,transparent)}}.not-found-button--secondary{border-color:var(--not-found-accent-strong);background:var(--surface);color:inherit}@supports (color: color-mix(in lab,red,red)){.not-found-button--secondary{border-color:color-mix(in srgb,var(--not-found-accent-strong) 28%,transparent)}}@supports (color: color-mix(in lab,red,red)){.not-found-button--secondary{background:color-mix(in srgb,var(--surface) 84%,rgba(91,28,28,.34))}}.not-found-button:hover,.not-found-button:focus-visible{transform:translateY(-2px);filter:saturate(1.08) brightness(1.03);box-shadow:0 24px 54px #b91c1c6b,inset 0 1px #ffffff47}.not-found-button--secondary:hover,.not-found-button--secondary:focus-visible{filter:none;box-shadow:0 18px 40px #5b1c1c38,inset 0 1px #ffffff29;border-color:var(--not-found-accent-strong);background:var(--surface)}@supports (color: color-mix(in lab,red,red)){.not-found-button--secondary:hover,.not-found-button--secondary:focus-visible{border-color:color-mix(in srgb,var(--not-found-accent-strong) 42%,transparent)}}@supports (color: color-mix(in lab,red,red)){.not-found-button--secondary:hover,.not-found-button--secondary:focus-visible{background:color-mix(in srgb,var(--surface) 90%,rgba(127,29,29,.22))}}.not-found-button:focus-visible{outline:2px solid rgba(255,255,255,.86);outline-offset:3px}.dark .not-found-shell{background:radial-gradient(circle at 20% 18%,rgba(239,68,68,.28),transparent 32%),radial-gradient(circle at 80% 14%,rgba(251,113,133,.22),transparent 28%),radial-gradient(circle at 50% 70%,rgba(249,115,22,.16),transparent 30%),linear-gradient(180deg,#090306,#12050b 45%,#080204)}.dark .not-found-panel{background:linear-gradient(180deg,#1f0c12d6,#17080de6);border-color:#f8717152}.forbidden-shell{--forbidden-accent: #38bdf8;--forbidden-accent-strong: #7dd3fc;--forbidden-accent-deep: #2563eb;--forbidden-accent-gold: #fbbf24;--forbidden-cyan-glow: .34;--forbidden-gold-glow: .16;--forbidden-shield-scale: 1;--forbidden-shield-rise: 0px;position:relative;min-height:100vh;display:grid;place-items:center;padding:clamp(1.25rem,4vw,3rem);overflow:clip;isolation:isolate;background:radial-gradient(circle at 18% 18%,rgba(56,189,248,.24),transparent 28%),radial-gradient(circle at 84% 20%,rgba(37,99,235,.2),transparent 30%),radial-gradient(circle at 52% 76%,rgba(251,191,36,.16),transparent 28%),linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}@supports (color: color-mix(in lab,red,red)){.forbidden-shell{background:radial-gradient(circle at 18% 18%,rgba(56,189,248,.24),transparent 28%),radial-gradient(circle at 84% 20%,rgba(37,99,235,.2),transparent 30%),radial-gradient(circle at 52% 76%,rgba(251,191,36,.16),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,#06111d),color-mix(in srgb,var(--surface-2) 78%,#020711))}}.forbidden-shell--embedded{min-height:calc(100vh - 5.4rem);min-height:calc(100svh - 5.4rem);width:calc(100% + 2.4rem);margin:-1.2rem}.forbidden-shell:before,.forbidden-shell:after{content:"";position:absolute;inset:0;pointer-events:none}.forbidden-shell:before{z-index:0;background:radial-gradient(circle at center,transparent 0%,transparent 42%,rgba(0,0,0,.28) 100%),linear-gradient(180deg,rgba(0,0,0,.18),transparent 24%,transparent 78%,rgba(0,0,0,.24))}.forbidden-shell:after{z-index:1;opacity:.06;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:4px 4px,4px 4px;mix-blend-mode:soft-light}.forbidden-canvas,.forbidden-backdrop{position:absolute;inset:0}.forbidden-canvas{width:100%;height:100%;opacity:0;filter:saturate(1.2) contrast(1.08) brightness(1.02);transition:opacity .7s ease}.forbidden-canvas--visible{opacity:1}.forbidden-backdrop{pointer-events:none}.forbidden-backdrop__glow{position:absolute;border-radius:9999px;filter:blur(58px);opacity:.82}.forbidden-backdrop__glow--left{top:5%;left:-8%;width:28rem;height:28rem;background:radial-gradient(circle,rgba(56,189,248,.34),transparent 72%)}.forbidden-backdrop__glow--right{right:-8%;bottom:4%;width:30rem;height:30rem;background:radial-gradient(circle,rgba(37,99,235,.28),transparent 72%)}.forbidden-backdrop__glow--core{top:50%;left:50%;width:min(70vw,50rem);height:min(44vw,30rem);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(125,211,252,.2),transparent 70%)}.forbidden-shell[data-scene-mode=rings] .forbidden-backdrop__glow--core{background:radial-gradient(circle,rgba(125,211,252,.26),transparent 68%)}.forbidden-shell[data-scene-mode=prisms] .forbidden-backdrop__glow--core{background:radial-gradient(circle,rgba(147,197,253,.24),transparent 68%)}.forbidden-shell[data-scene-mode=grid] .forbidden-backdrop__glow--core{background:radial-gradient(circle,rgba(251,191,36,.18),transparent 72%)}.forbidden-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(125,211,252,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.08) 1px,transparent 1px);background-size:78px 78px;-webkit-mask-image:radial-gradient(circle at center,black 42%,transparent 100%);mask-image:radial-gradient(circle at center,black 42%,transparent 100%)}.forbidden-scanline{position:absolute;inset:0;opacity:.12;background:linear-gradient(180deg,transparent 0%,rgba(125,211,252,.12) 48%,transparent 52%,transparent 100%);animation:forbidden-scan 8s linear infinite}@keyframes forbidden-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.forbidden-css-shield{position:absolute;top:50%;left:50%;width:min(60vw,34rem);aspect-ratio:1;transform:translate(-50%,calc(-50% + var(--forbidden-shield-rise))) scale(var(--forbidden-shield-scale));opacity:0;transition:opacity .5s ease}.forbidden-css-shield--visible{opacity:1}.forbidden-css-shield__ring,.forbidden-css-shield__bar{position:absolute}.forbidden-css-shield__ring{inset:0;border-radius:9999px;border:1px solid transparent}.forbidden-css-shield__ring--one{border-top-color:#38bdf899;border-right-color:#7dd3fc85;animation:forbidden-ring-spin 12s linear infinite}.forbidden-css-shield__ring--two{inset:11%;border-top-color:#2563eb7a;border-left-color:#38bdf86b;transform:rotateX(70deg) rotateY(12deg);animation:forbidden-ring-spin-reverse 14s linear infinite}.forbidden-css-shield__ring--three{inset:24%;border-top-color:#fbbf2475;border-right-color:#7dd3fc57;animation:forbidden-ring-spin 10s linear infinite}.forbidden-css-shield__bar{--bar-shift-x: 0px;top:50%;width:.36rem;border-radius:9999px;background:linear-gradient(180deg,#7dd3fc33,#7dd3fccc,#fbbf2457);box-shadow:0 0 18px #38bdf83d;animation:forbidden-bar-pulse 2.4s ease-in-out infinite}.forbidden-css-shield__bar--one{left:32%;height:32%;transform:translateY(-50%)}.forbidden-css-shield__bar--two{left:50%;--bar-shift-x: -50%;height:42%;transform:translate(var(--bar-shift-x),-50%);animation-delay:-.6s}.forbidden-css-shield__bar--three{right:32%;height:36%;transform:translateY(-50%);animation-delay:-1.1s}@keyframes forbidden-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes forbidden-ring-spin-reverse{0%{transform:rotateX(70deg) rotateY(12deg) rotate(360deg)}to{transform:rotateX(70deg) rotateY(12deg) rotate(0)}}@keyframes forbidden-bar-pulse{0%,to{opacity:.52;transform:translate(var(--bar-shift-x),-50%) scaleY(.88)}50%{opacity:1;transform:translate(var(--bar-shift-x),-50%) scaleY(1.06)}}.forbidden-particles{position:absolute;inset:0}.forbidden-particle{--particle-delay: calc(var(--particle-index) * -.7s);position:absolute;width:calc(.22rem + (var(--particle-index) * .014rem));height:calc(.22rem + (var(--particle-index) * .014rem));border-radius:9999px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(125,211,252,.56) 48%,transparent 72%);box-shadow:0 0 16px #38bdf83d;opacity:.2;animation:forbidden-particle-float 9s ease-in-out infinite;animation-delay:var(--particle-delay)}.forbidden-particle:nth-child(1){top:10%;left:14%}.forbidden-particle:nth-child(2){top:22%;left:80%}.forbidden-particle:nth-child(3){top:68%;left:12%}.forbidden-particle:nth-child(4){top:76%;left:84%}.forbidden-particle:nth-child(5){top:18%;left:52%}.forbidden-particle:nth-child(6){top:48%;left:88%}.forbidden-particle:nth-child(7){top:62%;left:60%}.forbidden-particle:nth-child(8){top:42%;left:18%}.forbidden-particle:nth-child(9){top:30%;left:34%}.forbidden-particle:nth-child(10){top:58%;left:72%}.forbidden-particle:nth-child(11){top:12%;left:90%}.forbidden-particle:nth-child(12){top:84%;left:26%}.forbidden-particle:nth-child(13){top:36%;left:62%}.forbidden-particle:nth-child(14){top:74%;left:46%}@keyframes forbidden-particle-float{0%,to{transform:translateZ(0) scale(.88);opacity:.16}50%{transform:translate3d(0,-16px,0) scale(1.1);opacity:.34}}.forbidden-content{position:relative;z-index:3;width:min(72rem,100%);display:flex;flex-direction:column;align-items:center;text-align:center}.forbidden-eyebrow{margin:0 0 1rem;border:1px solid var(--forbidden-accent);border-radius:9999px;padding:.46rem .9rem;background:var(--surface);box-shadow:0 12px 34px #041b2d33;color:var(--text);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@supports (color: color-mix(in lab,red,red)){.forbidden-eyebrow{border:1px solid color-mix(in srgb,var(--forbidden-accent) 34%,transparent)}}@supports (color: color-mix(in lab,red,red)){.forbidden-eyebrow{background:color-mix(in srgb,var(--surface) 78%,rgba(12,52,85,.3))}}@supports (color: color-mix(in lab,red,red)){.forbidden-eyebrow{color:color-mix(in srgb,var(--text) 76%,var(--forbidden-accent-strong))}}.forbidden-code{display:flex;align-items:center;justify-content:center;gap:clamp(.3rem,2vw,1.1rem);margin:0;perspective:1400px;transform:translateY(var(--forbidden-shield-rise)) scale(var(--forbidden-shield-scale));transition:transform .18s linear}.forbidden-digit{--digit-base-transform: translate3d(0, 0, 0);position:relative;display:inline-block;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(6.5rem,21vw,14rem);font-weight:800;line-height:.84;letter-spacing:-.08em;background:linear-gradient(180deg,#eff6ff,#bfdbfe 24%,#38bdf8 58%,#12304d);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 calc(22px + (var(--forbidden-cyan-glow) * 22px)) rgba(56,189,248,calc(.18 + (var(--forbidden-cyan-glow) * .22))),0 0 calc(46px + (var(--forbidden-cyan-glow) * 26px)) rgba(125,211,252,calc(.08 + (var(--forbidden-cyan-glow) * .12))),0 0 calc(34px + (var(--forbidden-gold-glow) * 18px)) rgba(251,191,36,calc(.06 + (var(--forbidden-gold-glow) * .12))),0 22px 60px rgba(5,18,32,.28);transform-style:preserve-3d;transform:var(--digit-base-transform);animation:forbidden-digit-hover 5.8s ease-in-out infinite}.forbidden-digit:before,.forbidden-digit:after{content:attr(data-digit);position:absolute;inset:0;z-index:-1}.forbidden-digit:before{color:#05172a5c;transform:translate3d(.26rem,.34rem,-40px);filter:blur(calc(1px + (var(--forbidden-cyan-glow) * .6px)))}.forbidden-digit:after{color:rgba(251,191,36,calc(.08 + (var(--forbidden-gold-glow) * .2)));transform:translate3d(-.08rem,-.06rem,16px);filter:blur(calc(.3px + (var(--forbidden-gold-glow) * .8px)))}.forbidden-digit--left{--digit-base-transform: translate3d(0, -.18rem, 0) rotateY(14deg) rotateX(8deg);animation-delay:-.5s}.forbidden-digit--center{--digit-base-transform: translate3d(0, .18rem, 0) rotateX(-4deg);animation-delay:-1.3s}.forbidden-digit--right{--digit-base-transform: translate3d(0, -.18rem, 0) rotateY(-14deg) rotateX(8deg);animation-delay:-2s}@keyframes forbidden-digit-hover{0%,to{transform:var(--digit-base-transform) translateY(0)}50%{transform:var(--digit-base-transform) translateY(-7px) rotateX(2deg)}}.forbidden-panel{width:min(46rem,100%);margin-top:clamp(.9rem,2vw,1.8rem);padding:clamp(1.4rem,3vw,2.2rem);border:1px solid var(--forbidden-accent);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);box-shadow:0 28px 84px #03122157,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}@supports (color: color-mix(in lab,red,red)){.forbidden-panel{border:1px solid color-mix(in srgb,var(--forbidden-accent) 28%,transparent)}}@supports (color: color-mix(in lab,red,red)){.forbidden-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 86%,rgba(13,44,72,.18)),color-mix(in srgb,var(--surface-2) 82%,rgba(4,17,32,.28)))}}.forbidden-badge{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem;margin-bottom:1rem;border-radius:9999px;border:1px solid var(--forbidden-accent);padding:.42rem .8rem;background:var(--surface)}@supports (color: color-mix(in lab,red,red)){.forbidden-badge{border:1px solid color-mix(in srgb,var(--forbidden-accent) 34%,transparent)}}@supports (color: color-mix(in lab,red,red)){.forbidden-badge{background:color-mix(in srgb,var(--surface) 72%,rgba(13,44,72,.34))}}.forbidden-badge__label{color:var(--text-soft);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.forbidden-badge__value{color:var(--text);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.78rem;font-weight:700}@supports (color: color-mix(in lab,red,red)){.forbidden-badge__value{color:color-mix(in srgb,var(--text) 76%,var(--forbidden-accent-strong))}}.forbidden-title{margin:0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(1.8rem,3.3vw,3rem);line-height:.98;letter-spacing:-.045em}.forbidden-copy{margin:.95rem auto 0;max-width:34rem;color:var(--text-soft);font-size:clamp(1rem,1.65vw,1.16rem);line-height:1.7}@supports (color: color-mix(in lab,red,red)){.forbidden-copy{color:color-mix(in srgb,var(--text-soft) 76%,#dbeafe)}}.forbidden-meta{margin:.9rem auto 0;max-width:36rem;color:var(--text-soft);font-size:.9rem}@supports (color: color-mix(in lab,red,red)){.forbidden-meta{color:color-mix(in srgb,var(--text-soft) 82%,#bfdbfe)}}.forbidden-meta__path{display:inline-block;margin-left:.35rem;color:var(--text);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.84rem}@supports (color: color-mix(in lab,red,red)){.forbidden-meta__path{color:color-mix(in srgb,var(--text) 76%,var(--forbidden-accent-strong))}}.forbidden-actions{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1.4rem;flex-wrap:wrap}.forbidden-button{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;border-radius:9999px;border:1px solid transparent;padding:.82rem 1.4rem;text-decoration:none;font-size:.92rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;transition:transform var(--transition-base),box-shadow var(--transition-base),filter var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.forbidden-button--primary{border-color:var(--forbidden-accent);background:linear-gradient(135deg,#0f3b66,#2563eb,#38bdf8);box-shadow:0 18px 40px #0f3b664d,inset 0 1px #fff3;color:#fff}@supports (color: color-mix(in lab,red,red)){.forbidden-button--primary{border-color:color-mix(in srgb,var(--forbidden-accent) 38%,transparent)}}.forbidden-button--secondary{border-color:var(--forbidden-accent-strong);background:var(--surface);color:inherit}@supports (color: color-mix(in lab,red,red)){.forbidden-button--secondary{border-color:color-mix(in srgb,var(--forbidden-accent-strong) 26%,transparent)}}@supports (color: color-mix(in lab,red,red)){.forbidden-button--secondary{background:color-mix(in srgb,var(--surface) 84%,rgba(13,44,72,.26))}}.forbidden-button:hover,.forbidden-button:focus-visible{transform:translateY(-2px)}.forbidden-button--primary:hover,.forbidden-button--primary:focus-visible{filter:saturate(1.08) brightness(1.04);box-shadow:0 22px 48px #0f3b6661,inset 0 1px #ffffff3d}.forbidden-button--secondary:hover,.forbidden-button--secondary:focus-visible{border-color:var(--forbidden-accent-strong);background:var(--surface)}@supports (color: color-mix(in lab,red,red)){.forbidden-button--secondary:hover,.forbidden-button--secondary:focus-visible{border-color:color-mix(in srgb,var(--forbidden-accent-strong) 44%,transparent)}}@supports (color: color-mix(in lab,red,red)){.forbidden-button--secondary:hover,.forbidden-button--secondary:focus-visible{background:color-mix(in srgb,var(--surface) 88%,rgba(22,78,99,.24))}}.forbidden-button:focus-visible{outline:2px solid rgba(255,255,255,.86);outline-offset:3px}.dark .forbidden-shell{background:radial-gradient(circle at 18% 18%,rgba(56,189,248,.24),transparent 30%),radial-gradient(circle at 84% 18%,rgba(37,99,235,.2),transparent 28%),radial-gradient(circle at 52% 74%,rgba(251,191,36,.14),transparent 28%),linear-gradient(180deg,#020711,#04101c 44%,#02060f)}.dark .forbidden-panel{background:linear-gradient(180deg,#05101cd6,#040c16eb);border-color:#7dd3fc3d}@media(max-width:768px){.not-found-shell{padding:1rem}.not-found-eyebrow{margin-bottom:.85rem;font-size:.68rem}.not-found-code{gap:.1rem}.not-found-panel{margin-top:.8rem;padding:1.2rem 1rem 1.35rem}.not-found-copy{max-width:100%}.not-found-button{width:100%}.not-found-code{transition:none}.forbidden-shell{padding:1rem}.forbidden-shell--embedded{width:calc(100% + 1.5rem);margin:-.75rem;min-height:calc(100vh - 5rem);min-height:calc(100svh - 5rem)}.forbidden-code{gap:.08rem;transition:none}.forbidden-panel{margin-top:.8rem;padding:1.2rem 1rem 1.35rem}.forbidden-copy,.forbidden-meta{max-width:100%}.forbidden-actions{gap:.7rem}.forbidden-button{width:100%}}@media(prefers-reduced-motion:reduce){.loader-3d-glow--pulse,.css-core,.css-core__inner,.css-core__ring,.css-particle,.login-logs__status--active,.login-logs__cursor--blink,.login-logs__line,.not-found-scanline,.not-found-css-orbit,.not-found-particle,.not-found-digit,.forbidden-scanline,.forbidden-css-shield__ring,.forbidden-css-shield__bar,.forbidden-particle,.forbidden-digit{animation:none!important}.loader-3d-glow--pulse{opacity:.6}.login-logs__status--active{box-shadow:0 0 5px #22c55e4d}.not-found-canvas{display:none}.not-found-css-orbits{opacity:.48}.forbidden-canvas{display:none}.forbidden-css-shield{opacity:.56}}@media(max-width:480px){.loader-3d-container{width:240px;height:160px}.css-core{width:60px;height:60px}.css-core__ring--1{inset:-15px}.css-core__ring--2{inset:-25px}.css-core__ring--3{inset:-35px}.login-logs__terminal{max-height:150px}.login-logs__lines{max-height:130px}}.referrals-page{display:grid;gap:1rem;width:min(100%,1480px);margin-inline:auto}.referrals-page__hero,.referrals-page__cards-panel,.referrals-page__error,.referrals-page__notice,.referrals-summary-card,.referrals-modal__container{border:1px solid var(--ring);border-radius:1.2rem;background:var(--surface);box-shadow:0 18px 38px #0f172a1a}@supports (color: color-mix(in lab,red,red)){.referrals-page__hero,.referrals-page__cards-panel,.referrals-page__error,.referrals-page__notice,.referrals-summary-card,.referrals-modal__container{border:1px solid color-mix(in srgb,var(--ring) 24%,transparent)}}@supports (color: color-mix(in lab,red,red)){.referrals-page__hero,.referrals-page__cards-panel,.referrals-page__error,.referrals-page__notice,.referrals-summary-card,.referrals-modal__container{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.referrals-page__hero{padding:1.15rem;background:radial-gradient(circle at top right,color-mix(in srgb,#0ea5e9 12%,transparent),transparent 32%),radial-gradient(circle at left center,color-mix(in srgb,#14b8a6 10%,transparent),transparent 30%),linear-gradient(180deg,var(--surface),var(--surface-2))}@supports (color: color-mix(in lab,red,red)){.referrals-page__hero{background:radial-gradient(circle at top right,color-mix(in srgb,#0ea5e9 12%,transparent),transparent 32%),radial-gradient(circle at left center,color-mix(in srgb,#14b8a6 10%,transparent),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface-2) 78%,transparent))}}.referrals-page__back-link{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;color:inherit;text-decoration:none;font-size:.9rem;font-weight:700}.referrals-page__back-icon{width:1rem;height:1rem}.referrals-page__hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-top:.9rem}.referrals-page__eyebrow,.referrals-page__section-kicker,.referrals-modal__eyebrow,.referral-card__brand,.referral-card__plan,.referral-card__meta-label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.referrals-page__eyebrow,.referrals-page__section-kicker,.referrals-modal__eyebrow{color:var(--text-soft)}.referrals-page__hero h1{margin:.32rem 0 0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(1.55rem,2.7vw,2.2rem)}.referrals-page__subtitle{margin:.5rem 0 0;max-width:48rem;color:var(--text-soft);line-height:1.62}.referrals-page__viewer-badge,.referrals-page__plan-chip,.referrals-page__count-chip,.referrals-page__slots-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2.4rem;padding:.55rem .82rem;border-radius:9999px;font-size:.78rem;font-weight:700;white-space:nowrap}.referrals-page__viewer-badge,.referrals-page__plan-chip,.referrals-page__count-chip,.referrals-page__slots-chip,.referrals-page__retry-btn,.referrals-page__create-trigger,.referrals-modal__secondary-btn,.referral-card__delete-btn{border:1px solid var(--ring);background:var(--surface)}@supports (color: color-mix(in lab,red,red)){.referrals-page__viewer-badge,.referrals-page__plan-chip,.referrals-page__count-chip,.referrals-page__slots-chip,.referrals-page__retry-btn,.referrals-page__create-trigger,.referrals-modal__secondary-btn,.referral-card__delete-btn{border:1px solid color-mix(in srgb,var(--ring) 24%,transparent)}}@supports (color: color-mix(in lab,red,red)){.referrals-page__viewer-badge,.referrals-page__plan-chip,.referrals-page__count-chip,.referrals-page__slots-chip,.referrals-page__retry-btn,.referrals-page__create-trigger,.referrals-modal__secondary-btn,.referral-card__delete-btn{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.referrals-page__viewer-badge{color:#0f766e}.referrals-page__viewer-badge--admin{color:#1d4ed8}.referrals-page__plan-chip{color:var(--text)}@supports (color: color-mix(in lab,red,red)){.referrals-page__plan-chip{color:color-mix(in srgb,var(--text) 72%,#0ea5e9)}}.referrals-page__slots-chip{color:var(--text-soft)}.referrals-page__slots-chip--modal{width:fit-content}.referrals-page__summary-grid{display:grid;gap:.75rem;grid-template-columns:repeat(1,minmax(0,1fr))}.referrals-summary-card{display:flex;align-items:center;gap:.85rem;min-height:5.25rem;padding:.8rem .95rem}.referrals-summary-card__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;flex:0 0 auto;border-radius:.8rem;background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.referrals-summary-card__icon-wrap{background:color-mix(in srgb,var(--ring) 12%,transparent)}}.referrals-summary-card__icon{width:1rem;height:1rem}.referrals-summary-card__content{display:grid;gap:.18rem}.referrals-summary-card__label{margin:0;color:var(--text-soft);font-size:.8rem}.referrals-summary-card__value{display:block;margin:0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(1rem,1.8vw,1.3rem);letter-spacing:-.03em}.referrals-page__notice,.referrals-page__error{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.95rem 1rem}.referrals-page__notice{background:radial-gradient(circle at top right,color-mix(in srgb,#0ea5e9 10%,transparent),transparent 34%),linear-gradient(180deg,var(--surface),var(--surface-2))}@supports (color: color-mix(in lab,red,red)){.referrals-page__notice{background:radial-gradient(circle at top right,color-mix(in srgb,#0ea5e9 10%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-2) 78%,transparent))}}.referrals-page__notice-icon{width:1.05rem;height:1.05rem;margin-top:.15rem;color:#1d4ed8}.referrals-page__notice-title,.referrals-page__error-title{margin:0;font-weight:700}.referrals-page__notice-copy,.referrals-page__error-copy,.referrals-page__panel-copy,.referrals-modal__copy{margin:.35rem 0 0;color:var(--text-soft);line-height:1.6}.referrals-page__error{border-color:#ef44443d;background:#ef444414}.referrals-page__retry-btn,.referrals-page__create-trigger,.referrals-page__create-btn,.referrals-modal__secondary-btn,.referral-card__delete-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.8rem;border-radius:.9rem;font-size:.88rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,opacity .18s ease}.referrals-page__retry-btn,.referrals-modal__secondary-btn,.referral-card__delete-btn{padding:.72rem .95rem;color:inherit}.referrals-page__create-trigger,.referrals-page__create-btn{padding:.78rem 1rem;border:1px solid color-mix(in srgb,#0ea5e9 22%,transparent);color:#fff;background:linear-gradient(145deg,#0f766e,#0ea5e9);box-shadow:0 16px 26px #0ea5e929}.referrals-page__retry-btn:hover,.referrals-page__create-trigger:hover,.referrals-page__create-btn:hover,.referrals-modal__secondary-btn:hover,.referral-card__delete-btn:hover{transform:translateY(-1px)}.referrals-page__retry-btn:disabled,.referrals-page__create-trigger:disabled,.referrals-page__create-btn:disabled,.referrals-modal__secondary-btn:disabled,.referral-card__delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.referrals-page__cards-panel{padding:1.1rem}.referrals-page__cards-panel--full{width:100%}.referrals-page__panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.referrals-page__panel-heading--cards{align-items:flex-end}.referrals-page__panel-heading h2,.referrals-modal__header h2{margin:.35rem 0 0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.12rem}.referrals-page__cards-tools{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.referrals-page__field{display:grid;gap:.45rem;margin-top:.9rem;font-weight:700}.referrals-page__field span{font-size:.88rem}.referrals-page__input{width:100%;min-height:3rem;border:1px solid var(--ring);border-radius:.9rem;background:var(--surface);color:inherit;padding:.82rem .95rem;font:inherit}@supports (color: color-mix(in lab,red,red)){.referrals-page__input{border:1px solid color-mix(in srgb,var(--ring) 24%,transparent)}}@supports (color: color-mix(in lab,red,red)){.referrals-page__input{background:color-mix(in srgb,var(--surface) 96%,transparent)}}.referrals-page__input:focus{outline:2px solid color-mix(in srgb,#0ea5e9 28%,transparent);outline-offset:2px}.referrals-page__helper-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-top:.85rem}.referrals-page__helper-row--modal{margin-top:.7rem}.referrals-page__helper-copy,.referrals-page__form-error,.referrals-page__limit-note{margin:0;font-size:.83rem;line-height:1.6}.referrals-page__helper-copy{color:var(--text-soft)}.referrals-page__form-error{margin-top:.75rem;color:#b91c1c}.referrals-page__limit-note{margin-top:.75rem;color:#92400e}.referrals-page__create-icon,.referrals-page__retry-icon,.referrals-modal__close-icon,.referral-card__delete-icon{width:1rem;height:1rem}.referrals-card-grid{display:grid;gap:1rem;margin-top:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}.referral-card{--referral-card-hue: 210;position:relative;overflow:hidden;min-height:14.5rem;border-radius:1.35rem;padding:1rem;color:#f8fafc;border:1px solid hsl(var(--referral-card-hue) 72% 70%);background:radial-gradient(circle at top left,hsl(var(--referral-card-hue) 34% 22% / .72),transparent 36%),linear-gradient(150deg,hsl(var(--referral-card-hue) 26% 14%),hsl(calc(var(--referral-card-hue) + 18) 22% 12%) 56%,hsl(calc(var(--referral-card-hue) + 36) 28% 18%));box-shadow:0 18px 34px #02061757,inset 0 1px #ffffff14,inset 0 -1px #0206173d;transform:perspective(1400px) rotateX(0) rotateY(0) translateY(0);transform-style:preserve-3d;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}@supports (color: color-mix(in lab,red,red)){.referral-card{border:1px solid color-mix(in srgb,hsl(var(--referral-card-hue) 72% 70%) 20%,rgba(255,255,255,.08))}}.referral-card:hover{transform:perspective(1400px) rotateX(3deg) rotateY(-3deg) translateY(-4px);box-shadow:0 26px 42px #0206176b,0 0 0 1px hsl(var(--referral-card-hue) 70% 68%),inset 0 1px #ffffff14}@supports (color: color-mix(in lab,red,red)){.referral-card:hover{box-shadow:0 26px 42px #0206176b,0 0 0 1px color-mix(in srgb,hsl(var(--referral-card-hue) 70% 68%) 10%,transparent),inset 0 1px #ffffff14}}.referral-card:nth-child(2n):hover{transform:perspective(1400px) rotateX(3deg) rotateY(3deg) translateY(-4px)}.referral-card__mesh,.referral-card__depth{position:absolute;inset:0;pointer-events:none}.referral-card__mesh{background-image:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.08) 48%,transparent 100%),linear-gradient(0deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:180% 100%,100% 22px,22px 100%;background-position:140% 0,0 0,0 0;opacity:.22;animation:referral-card-scan 16s linear infinite}.referral-card__depth{inset:auto 10% .8rem;height:.8rem;border-radius:9999px;background:hsl(var(--referral-card-hue) 70% 45%);filter:blur(16px);opacity:.65}@supports (color: color-mix(in lab,red,red)){.referral-card__depth{background:color-mix(in srgb,hsl(var(--referral-card-hue) 70% 45%) 18%,transparent)}}.referral-card__topline,.referral-card__body,.referral-card__footer,.referral-card__delete-btn{position:relative;z-index:1;transform:translateZ(18px)}.referral-card__topline,.referral-card__footer{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.referral-card__brand,.referral-card__plan,.referral-card__meta-label{color:#e2e8f0c2}.referral-card__plan{padding:.38rem .58rem;border-radius:9999px;border:1px solid rgba(255,255,255,.12);background:#0f172a3d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.referral-card__body{display:grid;gap:.55rem;margin-top:2.2rem}.referral-card__code-button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:0;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer}.referral-card__code-button:focus-visible{outline:2px solid rgba(255,255,255,.42);outline-offset:6px;border-radius:.6rem}.referral-card__label{margin:0;max-width:16rem;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.15rem;font-weight:700;line-height:1.2;text-wrap:balance}.referral-card__code{margin:0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(1.05rem,1.6vw,1.32rem);letter-spacing:.18em}.referral-card__copy-affordance{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex:0 0 auto;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#e2e8f0c2;opacity:0;transform:translate(4px);transition:opacity .16s ease,transform .16s ease,background-color .16s ease,color .16s ease;pointer-events:none}.referral-card__copy-icon{width:.88rem;height:.88rem}.referral-card__code-button:hover .referral-card__copy-affordance,.referral-card__code-button:focus-visible .referral-card__copy-affordance,.referral-card__code-button--copied .referral-card__copy-affordance{opacity:1;transform:translate(0)}.referral-card__code-button--copied .referral-card__copy-affordance{border-color:#7dd3fc38;background:#0ea5e929;color:#bae6fd}.referral-card__footer{margin-top:2.3rem}.referral-card__meta-block{display:grid;gap:.3rem}.referral-card__meta-block strong{font-size:.94rem}.referral-card__delete-btn{width:100%;margin-top:.95rem;color:#e2e8f0;background:#0f172a3d;border-color:#ffffff1f}.referrals-page__empty-state{display:grid;justify-items:start;gap:.65rem;margin-top:1rem;padding:1rem;border-radius:1rem;border:1px dashed var(--ring);background:var(--surface)}@supports (color: color-mix(in lab,red,red)){.referrals-page__empty-state{border:1px dashed color-mix(in srgb,var(--ring) 30%,transparent)}}@supports (color: color-mix(in lab,red,red)){.referrals-page__empty-state{background:color-mix(in srgb,var(--surface) 94%,transparent)}}.referrals-page__empty-icon{width:1.4rem;height:1.4rem;color:var(--text-soft)}.referrals-page__empty-state h3{margin:0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1rem}.referrals-page__empty-state p{margin:0;max-width:34rem;color:var(--text-soft);line-height:1.6}.referrals-modal__overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:color-mix(in srgb,#020617 56%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.referrals-modal__container{width:min(100%,34rem);max-height:min(90vh,46rem);overflow-y:auto;background:radial-gradient(circle at top right,color-mix(in srgb,#0ea5e9 10%,transparent),transparent 32%),linear-gradient(180deg,var(--surface),var(--surface-2));animation:referrals-modal-enter .18s cubic-bezier(.22,1,.36,1)}@supports (color: color-mix(in lab,red,red)){.referrals-modal__container{background:radial-gradient(circle at top right,color-mix(in srgb,#0ea5e9 10%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 97%,transparent),color-mix(in srgb,var(--surface-2) 84%,transparent))}}.referrals-modal__header,.referrals-modal__body,.referrals-modal__actions{padding:1.05rem 1.1rem}.referrals-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.referrals-modal__header{border-bottom:1px solid color-mix(in srgb,var(--ring) 14%,transparent)}}.referrals-modal__close-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex:0 0 auto;border:1px solid var(--ring);border-radius:.8rem;background:var(--surface);color:var(--text-soft);cursor:pointer}@supports (color: color-mix(in lab,red,red)){.referrals-modal__close-btn{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}@supports (color: color-mix(in lab,red,red)){.referrals-modal__close-btn{background:color-mix(in srgb,var(--surface) 90%,transparent)}}.referrals-modal__meta-strip{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.referrals-modal__actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.referrals-modal__actions{border-top:1px solid color-mix(in srgb,var(--ring) 14%,transparent)}}.referrals-modal__secondary-btn{padding:.78rem 1rem}@keyframes referral-card-scan{0%{background-position:140% 0,0 0,0 0}to{background-position:-40% 0,0 0,0 0}}@keyframes referrals-modal-enter{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:720px){.referrals-page__summary-grid,.referrals-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1180px){.referrals-page__summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.referrals-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.referrals-page__hero-head,.referrals-page__notice,.referrals-page__error,.referrals-page__panel-heading,.referrals-page__panel-heading--cards,.referrals-page__cards-tools,.referral-card__topline,.referral-card__footer,.referrals-modal__header,.referrals-modal__actions{flex-direction:column}.referrals-page__cards-tools{width:100%;justify-content:flex-start}.referrals-page__create-trigger,.referrals-page__create-btn,.referrals-modal__secondary-btn{width:100%}.referrals-summary-card{min-height:4.8rem}}@media(prefers-reduced-motion:reduce){.referral-card,.referral-card__mesh,.referrals-page__retry-btn,.referrals-page__create-trigger,.referrals-page__create-btn,.referrals-modal__secondary-btn,.referral-card__delete-btn,.referrals-modal__container{animation:none!important;transition:none!important}.referral-card:hover,.referral-card:nth-child(2n):hover,.referrals-page__retry-btn:hover,.referrals-page__create-trigger:hover,.referrals-page__create-btn:hover,.referrals-modal__secondary-btn:hover,.referral-card__delete-btn:hover{transform:none}}.settings-page{display:grid;gap:1rem}.settings-page__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem;border:1px solid var(--ring);border-radius:1.2rem;background:radial-gradient(circle at top right,color-mix(in srgb,#3b82f6 18%,transparent),transparent 34%),linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:0 16px 34px #4019731f}@supports (color: color-mix(in lab,red,red)){.settings-page__hero{border:1px solid color-mix(in srgb,var(--ring) 28%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-page__hero{background:radial-gradient(circle at top right,color-mix(in srgb,#3b82f6 18%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-2) 78%,transparent))}}.settings-page__eyebrow{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.settings-page__hero h1{margin:.4rem 0 0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(1.45rem,2.6vw,2rem)}.settings-page__subtitle{margin:.55rem 0 0;max-width:42rem;color:var(--text-soft)}.settings-page__hero-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem .9rem;border-radius:9999px;border:1px solid var(--ring);background:var(--surface);font-size:.82rem;font-weight:700;white-space:nowrap}@supports (color: color-mix(in lab,red,red)){.settings-page__hero-badge{border:1px solid color-mix(in srgb,var(--ring) 34%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-page__hero-badge{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.settings-page__hero-badge--owner{border-color:#f59e0b57;box-shadow:0 0 0 1px #f59e0b14 inset}.settings-page__hero-badge-icon{width:1rem;height:1rem}.settings-admins__layout{display:grid;gap:1rem;justify-content:start}.settings-admins__panel{width:100%;max-width:34rem;border:1px solid var(--ring);border-radius:1.1rem;background:var(--surface);padding:1rem;box-shadow:0 14px 28px #40197314}@supports (color: color-mix(in lab,red,red)){.settings-admins__panel{border:1px solid color-mix(in srgb,var(--ring) 24%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-admins__panel{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.settings-admins__panel-header{display:flex;flex-direction:column;align-items:stretch;gap:.85rem;margin-bottom:.95rem}.settings-admins__panel-header h2{margin:.28rem 0 0;font-size:1.1rem}.settings-admins__panel-header p{margin:.35rem 0 0;color:var(--text-soft)}.settings-admins__panel-kicker{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.settings-admins__count-pill{display:inline-flex;align-items:center;padding:.42rem .72rem;border-radius:9999px;background:var(--surface-2);border:1px solid var(--ring);font-size:.78rem;font-weight:700}@supports (color: color-mix(in lab,red,red)){.settings-admins__count-pill{background:color-mix(in srgb,var(--surface-2) 78%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-admins__count-pill{border:1px solid color-mix(in srgb,var(--ring) 22%,transparent)}}.settings-admins__toolbar{display:flex;align-items:flex-start;gap:.85rem;flex-wrap:wrap;justify-content:space-between;width:100%}.settings-admins__search-stack{position:relative;flex:1 1 100%;width:100%;min-width:0}.settings-admins__inline-note{display:inline-flex;align-items:center;gap:.65rem;max-width:26rem;color:var(--text-soft);font-size:.82rem}.settings-admins__inline-note p{margin:0}.settings-admins__inline-note--muted{padding:.55rem .75rem;border-radius:.85rem;border:1px solid var(--ring);background:var(--surface-2)}@supports (color: color-mix(in lab,red,red)){.settings-admins__inline-note--muted{border:1px solid color-mix(in srgb,var(--ring) 18%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-admins__inline-note--muted{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}}.settings-admins__search-helper{margin:-.15rem 0 .9rem;color:var(--text-soft);font-size:.82rem}.settings-admins__banner{display:flex;align-items:flex-start;gap:.75rem;width:100%;max-width:34rem;padding:.9rem 1rem;border-radius:.95rem}.settings-admins__banner--error{border:1px solid rgba(239,68,68,.32);background:#ef444414;color:#b91c1c}.settings-admins__banner-icon{width:1rem;height:1rem;margin-top:.12rem}.settings-admins__banner p{margin:0}.settings-admins__link-btn{margin-top:.35rem;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:0;cursor:pointer}.settings-admins__list,.settings-admins__candidate-list{display:grid;gap:.75rem}.settings-admins__list-item,.settings-admins__candidate-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem .9rem;border:1px solid var(--ring);border-radius:.95rem;background:var(--surface)}@supports (color: color-mix(in lab,red,red)){.settings-admins__list-item,.settings-admins__candidate-item{border:1px solid color-mix(in srgb,var(--ring) 18%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-admins__list-item,.settings-admins__candidate-item{background:color-mix(in srgb,var(--surface) 96%,transparent)}}.settings-admins__identity{display:flex;align-items:center;gap:.7rem;min-width:0}.settings-admins__avatar{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.8rem;background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 72%,transparent),color-mix(in srgb,#3b82f6 72%,transparent));color:#fff;flex:0 0 auto}.settings-admins__name{margin:0;font-weight:700;overflow-wrap:anywhere}.settings-admins__meta{margin:.28rem 0 0;color:var(--text-soft);font-size:.82rem;overflow-wrap:anywhere}.settings-admins__actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.settings-admins__status-pill{display:inline-flex;align-items:center;padding:.35rem .58rem;border-radius:9999px;border:1px solid var(--ring);background:var(--surface-2);font-size:.74rem;font-weight:700}@supports (color: color-mix(in lab,red,red)){.settings-admins__status-pill{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-admins__status-pill{background:color-mix(in srgb,var(--surface-2) 75%,transparent)}}.settings-admins__action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:.72rem;padding:.62rem .82rem;font-size:.82rem;font-weight:700;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-base)}.settings-admins__action-btn:hover,.settings-admins__action-btn:focus-visible{transform:translateY(-1px)}.settings-admins__action-btn:disabled{opacity:.72;cursor:not-allowed;transform:none}.settings-admins__action-btn--primary{color:#fff;background-image:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 12px 22px #4f46e53d}.settings-admins__action-btn--danger{color:#fff;background-image:linear-gradient(135deg,#dc2626,#f97316);box-shadow:0 12px 22px #dc262638}.settings-admins__search{display:flex;align-items:center;gap:.65rem;border:1px solid var(--ring);border-radius:.95rem;background:var(--surface);padding:.25rem .3rem .25rem .8rem}@supports (color: color-mix(in lab,red,red)){.settings-admins__search{border:1px solid color-mix(in srgb,var(--ring) 24%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-admins__search{background:color-mix(in srgb,var(--surface) 96%,transparent)}}.settings-admins__search-icon,.settings-admins__search-clear{color:var(--text-soft)}.settings-admins__search-input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;padding:.62rem 0}.settings-admins__search-input:focus{outline:none}.settings-admins__search-clear{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border:0;border-radius:.72rem;background:transparent;cursor:pointer}.settings-admins__dropdown{position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:3;display:grid;gap:.35rem;padding:.55rem;border:1px solid var(--ring);border-radius:1rem;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 34px #10092757}@supports (color: color-mix(in lab,red,red)){.settings-admins__dropdown{border:1px solid color-mix(in srgb,var(--ring) 24%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-admins__dropdown{background:color-mix(in srgb,var(--surface) 96%,transparent)}}.settings-admins__dropdown-meta{margin:0;padding:.2rem .25rem .4rem;color:var(--text-soft);font-size:.78rem}.settings-admins__dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem;border-radius:.9rem;border:1px solid var(--ring);background:var(--surface)}@supports (color: color-mix(in lab,red,red)){.settings-admins__dropdown-item{border:1px solid color-mix(in srgb,var(--ring) 18%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-admins__dropdown-item{background:color-mix(in srgb,var(--surface) 98%,transparent)}}.settings-admins__dropdown-empty{padding:.85rem;border-radius:.9rem;border:1px dashed var(--ring);color:var(--text-soft);text-align:center}@supports (color: color-mix(in lab,red,red)){.settings-admins__dropdown-empty{border:1px dashed color-mix(in srgb,var(--ring) 24%,transparent)}}.settings-admins__dropdown-empty p{margin:0}.settings-admins__state-card{display:grid;justify-items:center;gap:.7rem;text-align:center;padding:1.4rem 1rem;border:1px dashed var(--ring);border-radius:.95rem;background:var(--surface-2);color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.settings-admins__state-card{border:1px dashed color-mix(in srgb,var(--ring) 26%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-admins__state-card{background:color-mix(in srgb,var(--surface-2) 64%,transparent)}}.settings-admins__state-card p{margin:0}.settings-admins__state-card--info{justify-items:start;text-align:left}@media(max-width:980px){.settings-admins__layout{grid-template-columns:1fr}}@media(max-width:720px){.settings-page__hero,.settings-admins__panel-header,.settings-admins__list-item,.settings-admins__dropdown-item{flex-direction:column;align-items:stretch}.settings-page__hero-badge,.settings-admins__count-pill{width:fit-content}.settings-admins__toolbar,.settings-admins__search-stack{width:100%}.settings-admins__actions{justify-content:flex-start}.settings-admins__action-btn{width:100%}.settings-admins__dropdown{position:static;margin-top:.45rem}}.dashboard-live-section,.dashboard-actions-section{margin-bottom:1rem}.dashboard-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:720px){.dashboard-actions-grid{grid-template-columns:1fr}}.dashboard-activity-section{margin-bottom:1rem}.dashboard-compact-header{display:none;margin-bottom:.75rem}.dashboard-compact-status{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;background:var(--dash-panel);border:1px solid var(--dash-border);border-radius:10px}@supports (color: color-mix(in lab,red,red)){.dashboard-compact-status{background:color-mix(in srgb,var(--dash-panel) 90%,transparent)}}@supports (color: color-mix(in lab,red,red)){.dashboard-compact-status{border:1px solid color-mix(in srgb,var(--dash-border) 55%,transparent)}}.dashboard-compact-live{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--dash-text-soft)}.dashboard-compact-live--active{color:#ef4444}.dashboard-compact-live-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.dashboard-compact-live--active .dashboard-compact-live-dot{animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.dashboard-compact-live-text{text-transform:uppercase;letter-spacing:.3px}.dashboard-compact-viewers{margin-left:.25rem;padding:.15rem .4rem;background:var(--dash-panel-2);border-radius:4px;font-size:.7rem;color:#fbbf24}@supports (color: color-mix(in lab,red,red)){.dashboard-compact-viewers{background:color-mix(in srgb,var(--dash-panel-2) 70%,transparent)}}.dashboard-compact-action-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:none;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dashboard-compact-action-btn--join{background:#10b981;border:1px solid color-mix(in srgb,#10b981 45%,transparent);color:#34d399}@supports (color: color-mix(in lab,red,red)){.dashboard-compact-action-btn--join{background:color-mix(in srgb,#10b981 22%,var(--dash-panel-2))}}.dashboard-compact-action-btn--leave{background:#ef4444;border:1px solid color-mix(in srgb,#ef4444 45%,transparent);color:#f87171}@supports (color: color-mix(in lab,red,red)){.dashboard-compact-action-btn--leave{background:color-mix(in srgb,#ef4444 22%,var(--dash-panel-2))}}.dashboard-compact-action-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-compact-spinner{width:12px;height:12px;border:2px solid var(--dash-text-soft);border-top-color:var(--dash-text);border-radius:50%;animation:spin .8s linear infinite}@supports (color: color-mix(in lab,red,red)){.dashboard-compact-spinner{border:2px solid color-mix(in srgb,var(--dash-text-soft) 40%,transparent)}}@media(max-width:720px){.dashboard-compact-header{display:block}.desktop-only{display:none!important}}@media(min-width:721px){.dashboard-compact-header{display:none!important}.desktop-only{display:block}}:host-context(:not(.dark)) .dashboard-compact-status{background:#ffffffb3;border-color:#94a3b833}:host-context(:not(.dark)) .dashboard-compact-live{color:#64748b}:host-context(:not(.dark)) .dashboard-compact-live--active{color:#dc2626}:host-context(:not(.dark)) .dashboard-compact-viewers{background:#00000014}.commands-page{padding:1.5rem;max-width:1400px;margin:0 auto}.commands-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.commands-header__content{flex:1}.commands-header__eyebrow{margin:0 0 .5rem;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.commands-header__title{font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin:0;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.commands-header__underline{width:4rem;height:4px;background:linear-gradient(90deg,#7c3aed,#38bdf8);border-radius:2px;margin-top:.5rem}.commands-header__subtitle{max-width:52rem;margin:.75rem 0 0;color:var(--text-soft);line-height:1.6}.commands-summary{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.commands-summary__item{display:inline-flex;align-items:center;border:1px solid var(--ring);border-radius:999px;background:var(--surface);padding:.42rem .8rem;font-size:.78rem;font-weight:700;color:var(--text)}@supports (color: color-mix(in lab,red,red)){.commands-summary__item{border:1px solid color-mix(in srgb,var(--ring) 22%,transparent)}}@supports (color: color-mix(in lab,red,red)){.commands-summary__item{background:color-mix(in srgb,var(--surface) 86%,transparent)}}.commands-header__actions{display:flex;align-items:center;gap:1rem}.commands-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none;outline:none}.commands-btn:focus-visible{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ring)}.commands-btn:disabled{opacity:.5;cursor:not-allowed}.commands-btn--primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 4px 14px #7c3aed59}.commands-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed73}.commands-btn--secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.commands-btn--secondary{background:color-mix(in srgb,var(--surface-2) 100%,transparent)}}@supports (color: color-mix(in lab,red,red)){.commands-btn--secondary{border:1px solid color-mix(in srgb,var(--ring) 30%,transparent)}}.commands-btn--secondary:hover:not(:disabled){background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.commands-btn--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--ring) 15%,transparent)}}.commands-btn--success{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.commands-btn--warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.commands-btn--danger{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.commands-btn--small{padding:.375rem .875rem;font-size:.8125rem}.commands-view-toggle{display:flex;align-items:center;gap:.25rem;padding:.25rem;background:var(--surface-2);border-radius:.5rem;border:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.commands-view-toggle{background:color-mix(in srgb,var(--surface-2) 100%,transparent)}}@supports (color: color-mix(in lab,red,red)){.commands-view-toggle{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.commands-view-toggle__btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.375rem;border:none;background:transparent;color:var(--text-soft);cursor:pointer;transition:all var(--transition-base)}.commands-view-toggle__btn:hover{color:var(--text);background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.commands-view-toggle__btn:hover{background:color-mix(in srgb,var(--ring) 10%,transparent)}}.commands-view-toggle__btn--active{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.commands-view-toggle__icon{width:1.25rem;height:1.25rem}.commands-search,.commands-card-search{margin-bottom:1.25rem}.search-box{display:flex;align-items:center;gap:.5rem;padding:.375rem .375rem .375rem .875rem;border:1px solid var(--ring);border-radius:.75rem;background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@supports (color: color-mix(in lab,red,red)){.search-box{border:1px solid color-mix(in srgb,var(--ring) 25%,transparent)}}@supports (color: color-mix(in lab,red,red)){.search-box{background:color-mix(in srgb,var(--surface) 85%,transparent)}}.search-box__icon{width:1.125rem;height:1.125rem;color:var(--text-soft);flex-shrink:0}.search-box__input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:.875rem;padding:.5rem 0;outline:none}.search-box__input::placeholder{color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.search-box__input::placeholder{color:color-mix(in srgb,var(--text-soft) 80%,transparent)}}.search-box__clear{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:.375rem;background:transparent;color:var(--text-soft);cursor:pointer;transition:all var(--transition-base)}.search-box__clear:hover{color:var(--text);background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.search-box__clear:hover{background:color-mix(in srgb,var(--ring) 10%,transparent)}}.search-box__button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:.5rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.search-box__button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed59}.commands-search__hint{margin:.5rem 0 0;font-size:.8125rem;color:var(--text-soft)}.commands-refresh-spinner,.search-spinner{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@supports (color: color-mix(in lab,red,red)){.commands-refresh-spinner,.search-spinner{border:2px solid color-mix(in srgb,currentColor 30%,transparent)}}.commands-loading,.commands-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem}.commands-loading__spinner{width:3rem;height:3rem;border:3px solid var(--ring);border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite}@supports (color: color-mix(in lab,red,red)){.commands-loading__spinner{border:3px solid color-mix(in srgb,var(--ring) 30%,transparent)}}.commands-table-container{background:var(--surface);border-radius:1rem;border:1px solid var(--ring);overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@supports (color: color-mix(in lab,red,red)){.commands-table-container{background:color-mix(in srgb,var(--surface) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.commands-table-container{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.commands-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.commands-table{width:100%;min-width:900px;border-collapse:collapse;font-size:.875rem}.commands-table thead{background:var(--surface-2)}@supports (color: color-mix(in lab,red,red)){.commands-table thead{background:color-mix(in srgb,var(--surface-2) 100%,transparent)}}.commands-table th{padding:1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);white-space:nowrap}.commands-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-base)}.commands-table th.sortable:hover{color:var(--text)}.commands-table td{padding:.875rem 1rem;border-top:1px solid var(--ring);vertical-align:middle}@supports (color: color-mix(in lab,red,red)){.commands-table td{border-top:1px solid color-mix(in srgb,var(--ring) 10%,transparent)}}.commands-table__row{transition:background-color var(--transition-base)}.commands-table__row:hover{background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.commands-table__row:hover{background:color-mix(in srgb,var(--ring) 5%,transparent)}}.commands-table__row--disabled{opacity:.6}.commands-table__row--pending{position:relative}.commands-table__row--pending td{pointer-events:none}.commands-table__row--ghost{background:color-mix(in srgb,#7c3aed 6%,transparent)}.commands-table__row--synced{animation:commands-row-sync 1s ease}.commands-table__row--failed{animation:commands-row-fail .9s ease}.commands-table__cell--editable{cursor:pointer}.commands-table__cell--editable:hover{background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.commands-table__cell--editable:hover{background:color-mix(in srgb,var(--ring) 8%,transparent)}}.commands-table__cell--disabled{cursor:not-allowed;opacity:.5}.commands-table__cell--mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem}.commands-table__text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.commands-table__actions{text-align:right;white-space:nowrap}.commands-pending-chip{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-width:7.5rem;padding:.4rem .7rem;border-radius:999px;background:#7c3aed;border:1px solid color-mix(in srgb,#7c3aed 28%,transparent);color:var(--text);font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 10px 30px #7c3aed24}@supports (color: color-mix(in lab,red,red)){.commands-pending-chip{background:color-mix(in srgb,#7c3aed 14%,var(--surface))}}.commands-pending-chip--card{width:100%}.commands-pending-dots{display:inline-flex;min-width:1.2rem}.commands-pending-dots span{animation:commands-dot-pulse 1.2s infinite ease-in-out;opacity:.25}.commands-pending-dots span:nth-child(2){animation-delay:.15s}.commands-pending-dots span:nth-child(3){animation-delay:.3s}@keyframes commands-row-sync{0%{background:color-mix(in srgb,#10b981 22%,transparent)}to{background:transparent}}@keyframes commands-row-fail{0%{background:color-mix(in srgb,#ef4444 18%,transparent);transform:translate(0)}30%{transform:translate(-2px)}60%{transform:translate(2px)}to{background:transparent;transform:translate(0)}}@keyframes commands-dot-pulse{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-1px)}}.commands-table__empty{text-align:center;padding:3rem;color:var(--text-soft)}.commands-empty-state{display:grid;justify-items:center;gap:.85rem}.commands-empty-state p{margin:0}.commands-table__new-row{background:var(--ring);animation:pulse-bg 2s ease-in-out infinite}@supports (color: color-mix(in lab,red,red)){.commands-table__new-row{background:color-mix(in srgb,var(--ring) 8%,transparent)}}@keyframes pulse-bg{0%,to{background:color-mix(in srgb,var(--ring) 5%,transparent)}50%{background:color-mix(in srgb,var(--ring) 12%,transparent)}}.commands-input,.commands-select{width:100%;padding:.5rem .75rem;border:1px solid var(--ring);border-radius:.375rem;background:var(--surface);color:var(--text);font-size:.875rem;transition:all var(--transition-base)}@supports (color: color-mix(in lab,red,red)){.commands-input,.commands-select{border:1px solid color-mix(in srgb,var(--ring) 30%,transparent)}}.commands-input:focus,.commands-select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px var(--ring)}@supports (color: color-mix(in lab,red,red)){.commands-input:focus,.commands-select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 20%,transparent)}}.commands-input:disabled,.commands-select:disabled{opacity:.5;cursor:not-allowed}.commands-input--large{font-size:1rem;font-weight:600}.commands-input-prefix,.commands-input-suffix{display:flex;align-items:center;gap:.25rem}.commands-input-prefix span,.commands-input-suffix span{color:var(--text-soft);font-size:.875rem}.commands-input-prefix .commands-input,.commands-input-suffix .commands-input{flex:1}.commands-input--inline{width:100%;padding:.25rem .5rem;font-size:.8125rem}.commands-input--small{max-width:4rem}.commands-select--inline{width:100%;padding:.25rem .5rem;font-size:.8125rem}.commands-select--small{width:auto;padding:.375rem .5rem;font-size:.8125rem}.commands-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.commands-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:#7c3aed;cursor:pointer}.commands-actions{display:inline-flex;align-items:center;gap:.125rem;flex-wrap:nowrap}.commands-action-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);background:transparent;margin-left:.25rem}.commands-action-btn__icon{width:.875rem;height:.875rem;flex-shrink:0}.commands-action-btn__text{white-space:nowrap}.commands-action-btn:first-child{margin-left:0}.commands-action-btn:disabled{opacity:.4;cursor:not-allowed}.commands-action-btn--edit{color:#3b82f6}.commands-action-btn--edit:hover:not(:disabled){background:color-mix(in srgb,#3b82f6 10%,transparent)}.commands-action-btn--save{color:#10b981}.commands-action-btn--save:hover:not(:disabled){background:color-mix(in srgb,#10b981 10%,transparent)}.commands-action-btn--cancel{color:#ef4444}.commands-action-btn--cancel:hover:not(:disabled){background:color-mix(in srgb,#ef4444 10%,transparent)}.commands-action-btn--enable{color:#10b981}.commands-action-btn--enable:hover:not(:disabled){background:color-mix(in srgb,#10b981 10%,transparent)}.commands-action-btn--disable{color:#f59e0b}.commands-action-btn--disable:hover:not(:disabled){background:color-mix(in srgb,#f59e0b 10%,transparent)}.commands-action-btn--delete{color:#ef4444}.commands-action-btn--delete:hover:not(:disabled){background:color-mix(in srgb,#ef4444 10%,transparent)}.commands-status{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.commands-status--enabled{background:color-mix(in srgb,#10b981 15%,transparent);color:#059669}.dark .commands-status--enabled{background:color-mix(in srgb,#10b981 25%,transparent);color:#34d399}.commands-status--disabled{background:color-mix(in srgb,#ef4444 15%,transparent);color:#dc2626}.commands-status--synced{animation:commands-status-sync 1.1s ease;box-shadow:0 0 #10b98166}.commands-status--failed{animation:commands-status-fail .9s ease;box-shadow:0 0 #ef444461}.dark .commands-status--disabled{background:color-mix(in srgb,#ef4444 25%,transparent);color:#f87171}@keyframes commands-status-sync{0%{transform:scale(.96);box-shadow:0 0 #10b98180}60%{transform:scale(1.04);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1)}}@keyframes commands-status-fail{0%{transform:scale(1);box-shadow:0 0 #ef444466}35%{transform:scale(1.03);box-shadow:0 0 0 10px #ef444400}70%{transform:scale(.98)}to{transform:scale(1)}}.commands-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--ring);flex-wrap:wrap;gap:1rem}@supports (color: color-mix(in lab,red,red)){.commands-pagination{border-top:1px solid color-mix(in srgb,var(--ring) 10%,transparent)}}.commands-pagination__info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-soft)}.commands-pagination__nav{display:flex;align-items:center;gap:.25rem}.commands-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .625rem;border:1px solid var(--ring);border-radius:.375rem;background:var(--surface);color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}@supports (color: color-mix(in lab,red,red)){.commands-pagination__btn{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.commands-pagination__btn:hover:not(:disabled){background:var(--ring);border-color:var(--ring)}@supports (color: color-mix(in lab,red,red)){.commands-pagination__btn:hover:not(:disabled){background:color-mix(in srgb,var(--ring) 10%,transparent)}}@supports (color: color-mix(in lab,red,red)){.commands-pagination__btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--ring) 40%,transparent)}}.commands-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.commands-pagination__btn--active{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-color:transparent}.commands-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.commands-card{background:var(--surface);border-radius:1rem;border:1px solid var(--ring);overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base);display:flex;flex-direction:column;position:relative}@supports (color: color-mix(in lab,red,red)){.commands-card{background:color-mix(in srgb,var(--surface) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.commands-card{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.commands-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #7c3aed26;border-color:var(--ring)}@supports (color: color-mix(in lab,red,red)){.commands-card:hover{border-color:color-mix(in srgb,var(--ring) 40%,transparent)}}.commands-card--disabled{opacity:.7}.commands-card--pending{box-shadow:0 14px 40px #7c3aed24}.commands-card--ghost{border-color:color-mix(in srgb,#7c3aed 35%,transparent)}.commands-card--synced{animation:commands-card-sync 1.1s ease}.commands-card--failed{animation:commands-card-fail .9s ease}.commands-card--new{border-style:dashed;border-color:var(--ring)}@supports (color: color-mix(in lab,red,red)){.commands-card--new{border-color:color-mix(in srgb,var(--ring) 40%,transparent)}}.commands-card--empty{justify-content:space-between}.commands-card__header{position:relative;padding:1.25rem;background:var(--surface-2);z-index:1}@supports (color: color-mix(in lab,red,red)){.commands-card__header{background:color-mix(in srgb,var(--surface-2) 50%,transparent)}}.commands-card__gradient{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#a855f7,#38bdf8)}.commands-card__header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.commands-card__title{font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.125rem;font-weight:600;margin:0;color:var(--text);cursor:pointer}.commands-card__body{padding:1.25rem;flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;position:relative;z-index:1}.commands-card__field{grid-column:span 2}.commands-card__field--half{grid-column:span 1}.commands-card__row{display:contents}.commands-card__field label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);margin-bottom:.375rem}.commands-card__value{margin:0;font-size:.9375rem;color:var(--text);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background-color var(--transition-base)}.commands-card__value:hover{background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.commands-card__value:hover{background:color-mix(in srgb,var(--ring) 8%,transparent)}}.commands-card__value--mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem}.commands-card__value--disabled{cursor:not-allowed;opacity:.5}.commands-card__footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;background:var(--surface-2);border-top:1px solid var(--ring);position:relative;z-index:1}@supports (color: color-mix(in lab,red,red)){.commands-card__footer{background:color-mix(in srgb,var(--surface-2) 30%,transparent)}}@supports (color: color-mix(in lab,red,red)){.commands-card__footer{border-top:1px solid color-mix(in srgb,var(--ring) 10%,transparent)}}.commands-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;justify-content:flex-end}.commands-card-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:1px solid var(--ring);border-radius:.5rem;background:var(--surface);color:var(--text);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}@supports (color: color-mix(in lab,red,red)){.commands-card-action-btn{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}@supports (color: color-mix(in lab,red,red)){.commands-card-action-btn{background:color-mix(in srgb,var(--surface) 90%,transparent)}}.commands-card-action-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--ring);box-shadow:0 4px 12px #7c3aed1f}@supports (color: color-mix(in lab,red,red)){.commands-card-action-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--ring) 40%,transparent)}}.commands-card-action-btn:disabled{opacity:.4;cursor:not-allowed}.commands-card-action-btn__icon{width:.875rem;height:.875rem;flex-shrink:0}.commands-card-action-btn__text{white-space:nowrap}.commands-card-action-btn--enable{color:#10b981;border-color:color-mix(in srgb,#10b981 25%,transparent)}.commands-card-action-btn--enable:hover:not(:disabled){background:color-mix(in srgb,#10b981 10%,transparent)}.commands-card-action-btn--disable{color:#f59e0b;border-color:color-mix(in srgb,#f59e0b 25%,transparent)}.commands-card-action-btn--disable:hover:not(:disabled){background:color-mix(in srgb,#f59e0b 10%,transparent)}.commands-card-action-btn--delete{color:#ef4444;border-color:color-mix(in srgb,#ef4444 25%,transparent)}.commands-card-action-btn--delete:hover:not(:disabled){background:color-mix(in srgb,#ef4444 10%,transparent)}.commands-card__pending-overlay{position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 8%,transparent),#ffffff0a);pointer-events:none;z-index:0}@keyframes commands-card-sync{0%{box-shadow:0 0 #10b9813d;border-color:color-mix(in srgb,#10b981 65%,transparent)}to{box-shadow:0 12px 40px #7c3aed26}}@keyframes commands-card-fail{0%{border-color:color-mix(in srgb,#ef4444 65%,transparent);transform:translate(0)}30%{transform:translate(-3px)}60%{transform:translate(3px)}to{transform:translate(0)}}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal-container{position:relative;width:100%;max-width:420px;background:var(--surface);border-radius:1rem;border:1px solid var(--ring);overflow:hidden;box-shadow:0 25px 50px -12px #00000080;opacity:0;transform:scale(.9) translateY(20px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}@supports (color: color-mix(in lab,red,red)){.modal-container{border:1px solid color-mix(in srgb,var(--ring) 30%,transparent)}}.modal-container.modal-visible{opacity:1;transform:scale(1) translateY(0)}.modal-canvas-container{position:absolute;top:0;left:0;right:0;height:120px;overflow:hidden}.particle-canvas{width:100%;height:100%}.modal-content{position:relative;padding:1.5rem;padding-top:100px;text-align:center}.modal-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;margin-bottom:1rem}.modal-icon--danger{background:color-mix(in srgb,#ef4444 15%,transparent);color:#ef4444}.modal-icon--warning{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#f59e0b}.modal-icon--info{background:color-mix(in srgb,#3b82f6 15%,transparent);color:#3b82f6}.modal-title{font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.modal-message{font-size:.9375rem;color:var(--text-soft);margin:0 0 1.5rem;line-height:1.5}.modal-actions{display:flex;gap:.75rem;justify-content:center}.modal-btn{padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none}.modal-btn--cancel{background:var(--surface-2);color:var(--text);border:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.modal-btn--cancel{background:color-mix(in srgb,var(--surface-2) 100%,transparent)}}@supports (color: color-mix(in lab,red,red)){.modal-btn--cancel{border:1px solid color-mix(in srgb,var(--ring) 30%,transparent)}}.modal-btn--cancel:hover{background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.modal-btn--cancel:hover{background:color-mix(in srgb,var(--ring) 15%,transparent)}}.modal-btn--confirm{color:#fff}.modal-btn--danger{background:linear-gradient(135deg,#ef4444,#f87171)}.modal-btn--danger:hover{box-shadow:0 4px 14px #ef444466}.modal-btn--warning{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.modal-btn--warning:hover{box-shadow:0 4px 14px #f59e0b66}.modal-btn--info{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.modal-btn--info:hover{box-shadow:0 4px 14px #3b82f666}.command-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.command-modal-container{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 2rem);overflow:hidden;background:var(--surface);border-radius:1rem;border:1px solid var(--ring);box-shadow:0 25px 50px -12px #00000080;opacity:0;transform:scale(.9) translateY(20px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}@supports (color: color-mix(in lab,red,red)){.command-modal-container{border:1px solid color-mix(in srgb,var(--ring) 30%,transparent)}}.command-modal-container.command-modal-visible{opacity:1;transform:scale(1) translateY(0)}.command-modal-canvas-container{position:absolute;top:0;left:0;right:0;height:140px;overflow:hidden;pointer-events:none}.command-modal-content{position:relative;padding:7rem 1.5rem 1.5rem;overflow-y:auto;max-height:calc(100vh - 2rem)}.command-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.command-modal-title{font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.25rem;font-weight:600;margin:0;color:var(--text)}.command-modal-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.5rem;background:transparent;color:var(--text-soft);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.command-modal-close:hover{color:var(--text);background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.command-modal-close:hover{background:color-mix(in srgb,var(--ring) 12%,transparent)}}.command-modal-form{display:grid;gap:1rem}.command-modal-field label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);margin-bottom:.375rem}.command-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.command-modal-field--half{min-width:0}.command-modal-field--checkbox{margin-top:.25rem}.command-input,.command-select{width:100%;padding:.625rem .75rem;border:1px solid var(--ring);border-radius:.5rem;background:var(--surface);color:var(--text);font-size:.875rem;transition:all var(--transition-base)}@supports (color: color-mix(in lab,red,red)){.command-input,.command-select{border:1px solid color-mix(in srgb,var(--ring) 30%,transparent)}}.command-input:focus,.command-select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px var(--ring)}@supports (color: color-mix(in lab,red,red)){.command-input:focus,.command-select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 20%,transparent)}}.command-input-prefix,.command-input-suffix{display:flex;align-items:center;gap:.25rem}.command-input-prefix span,.command-input-suffix span{color:var(--text-soft);font-size:.875rem}.command-input-prefix .command-input,.command-input-suffix .command-input{flex:1}.command-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text)}.command-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:#7c3aed;cursor:pointer}.command-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.command-modal-actions{border-top:1px solid color-mix(in srgb,var(--ring) 15%,transparent)}}.command-modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none}.command-modal-btn--cancel{background:var(--surface-2);color:var(--text);border:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.command-modal-btn--cancel{background:color-mix(in srgb,var(--surface-2) 100%,transparent)}}@supports (color: color-mix(in lab,red,red)){.command-modal-btn--cancel{border:1px solid color-mix(in srgb,var(--ring) 30%,transparent)}}.command-modal-btn--cancel:hover{background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.command-modal-btn--cancel:hover{background:color-mix(in srgb,var(--ring) 15%,transparent)}}.command-modal-btn--submit{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.command-modal-btn--submit:hover:not(:disabled){box-shadow:0 4px 14px #7c3aed66}.command-modal-btn--submit:disabled{opacity:.5;cursor:not-allowed}.command-modal-spinner{width:1rem;height:1rem;border:2px solid color-mix(in srgb,white 30%,transparent);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.toast-stack{position:fixed;top:5.5rem;right:1rem;z-index:80;display:grid;gap:.85rem;width:min(24rem,calc(100vw - 2rem))}.toast-card{display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:start;padding:.95rem 1rem;border-radius:1rem;border:1px solid var(--ring);background:linear-gradient(180deg,var(--surface),var(--surface-2)),#ffffffeb;box-shadow:0 1rem 2.5rem #200f372e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@supports (color: color-mix(in lab,red,red)){.toast-card{border:1px solid color-mix(in srgb,var(--ring) 18%,transparent)}}@supports (color: color-mix(in lab,red,red)){.toast-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,white 4%),color-mix(in srgb,var(--surface-2) 92%,transparent)),#ffffffeb}}.toast-card--success{border-color:#10b9814d}.toast-card--error{border-color:#ef444459}.toast-card--warning{border-color:#f59e0b59}.toast-card--info{border-color:#3b82f659}.toast-card__icon{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:999px;background:var(--surface-2)}@supports (color: color-mix(in lab,red,red)){.toast-card__icon{background:color-mix(in srgb,var(--surface-2) 68%,transparent)}}.toast-card--success .toast-card__icon{color:#059669;background:#10b9811f}.toast-card--error .toast-card__icon{color:#dc2626;background:#ef44441f}.toast-card--warning .toast-card__icon{color:#d97706;background:#f59e0b24}.toast-card--info .toast-card__icon{color:#2563eb;background:#3b82f61f}.toast-card__icon-svg,.toast-card__close-icon{width:1rem;height:1rem}.toast-card__content{display:grid;gap:.2rem}.toast-card__title,.toast-card__message{margin:0}.toast-card__title{font-size:.96rem;font-weight:700;color:var(--text)}.toast-card__message{font-size:.88rem;line-height:1.45;color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.toast-card__message{color:color-mix(in srgb,var(--text-soft) 92%,var(--text) 8%)}}.toast-card__close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:999px;color:var(--text-soft);background:transparent;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),transform var(--transition-base)}@supports (color: color-mix(in lab,red,red)){.toast-card__close{color:color-mix(in srgb,var(--text-soft) 85%,var(--text) 15%)}}.toast-card__close:hover,.toast-card__close:focus-visible{color:var(--text);background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.toast-card__close:hover,.toast-card__close:focus-visible{background:color-mix(in srgb,var(--ring) 12%,transparent)}}.toast-card__close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@supports (color: color-mix(in lab,red,red)){.toast-card__close:focus-visible{outline:2px solid color-mix(in srgb,var(--ring) 55%,white 45%)}}.toast-card__close:active{transform:scale(.96)}@media(max-width:768px){.toast-stack{top:4.75rem;right:.75rem;left:.75rem;width:auto}.commands-page{padding:1rem}.commands-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.commands-header__title{font-size:clamp(1.5rem,6vw,1.9rem)}.commands-header__eyebrow{font-size:.72rem}.commands-header__subtitle{font-size:.94rem;margin-top:.5rem}.commands-summary{gap:.5rem;margin-top:.85rem}.commands-summary__item{font-size:.72rem;padding:.35rem .65rem}.commands-header__underline{width:3rem;height:3px}.commands-header__actions{width:100%;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.commands-btn{padding:.5rem .75rem;font-size:.78rem;min-height:2.25rem;white-space:nowrap}.commands-btn--small{padding:.375rem .625rem;font-size:.74rem;min-height:2rem}.commands-view-toggle__btn{width:2rem;height:2rem}.commands-view-toggle__icon{width:1.1rem;height:1.1rem}.search-box{flex-wrap:wrap;padding:.5rem}.search-box__input{min-width:calc(100% - 2.5rem)}.search-box__button{width:100%;margin-top:.25rem}.commands-card-actions{justify-content:stretch}.commands-card-action-btn{flex:1 1 calc(50% - .25rem);justify-content:center;padding:.4375rem .625rem;font-size:.75rem}.command-modal-row{grid-template-columns:1fr}.command-modal-actions{flex-direction:column}.command-modal-btn{width:100%}.commands-cards{grid-template-columns:1fr;gap:1rem}.commands-card__field--half{grid-column:span 2}.commands-card__title{font-size:1rem}.commands-card__value{font-size:.875rem}.commands-card__field label{font-size:.7rem}.commands-card__header{padding:1rem}.commands-card__body{padding:1rem;gap:.75rem}.commands-card__footer{padding:.875rem 1rem;gap:.375rem}.commands-table-container{border-radius:.75rem;margin:0 -.5rem;width:calc(100% + 1rem)}.commands-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.commands-table{min-width:850px}.commands-table th{padding:.75rem .625rem;font-size:.7rem}.commands-table td{padding:.625rem;font-size:.8125rem}.commands-table__text{max-width:160px;font-size:.8125rem}.commands-input,.commands-select{padding:.375rem .5rem;font-size:.8125rem;min-height:2rem}.commands-action-btn{padding:.3125rem .625rem;font-size:.75rem;margin-left:.125rem}.commands-status{padding:.2rem .5rem;font-size:.6875rem}.commands-pending-chip{min-width:6rem;padding:.3125rem .5rem;font-size:.6875rem}.commands-pagination{flex-direction:column;align-items:stretch;padding:.875rem;gap:.75rem}.commands-pagination__info{justify-content:center;font-size:.8125rem}.commands-pagination__nav{justify-content:center;gap:.125rem}.commands-pagination__btn{min-width:2rem;height:2rem;padding:0 .5rem;font-size:.8125rem}.commands-loading,.commands-error{padding:3rem 1rem}.commands-loading__spinner{width:2.5rem;height:2.5rem}}@media(max-width:480px){.commands-table-container{border-radius:.75rem}.commands-action-btn{padding:.25rem .5rem;font-size:.75rem}.commands-action-btn__text{display:none}.commands-card-action-btn{flex:1 1 100%}.modal-container{margin:.5rem}.modal-content{padding:1.25rem;padding-top:90px}.modal-actions{flex-direction:column}.modal-btn{width:100%}}.toast-3d-stack{position:fixed;top:5.5rem;right:1rem;z-index:80;display:grid;gap:1rem;width:min(26rem,calc(100vw - 2rem));perspective:1000px}.toast-3d-card{position:relative;display:grid;grid-template-rows:1fr auto;border-radius:1.2rem;border:1px solid var(--ring);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);box-shadow:0 1.5rem 3rem #200f3733,0 .5rem 1rem #200f371a,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}@supports (color: color-mix(in lab,red,red)){.toast-3d-card{border:1px solid color-mix(in srgb,var(--ring) 25%,transparent)}}@supports (color: color-mix(in lab,red,red)){.toast-3d-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,white 5%),color-mix(in srgb,var(--surface-2) 90%,transparent))}}.toast-3d-card--success{border-color:#10b98166;box-shadow:0 1.5rem 3rem #10b98126,0 .5rem 1rem #10b9811a,inset 0 1px #ffffff26}.toast-3d-card--error{border-color:#ef444466;box-shadow:0 1.5rem 3rem #ef444426,0 .5rem 1rem #ef44441a,inset 0 1px #ffffff26}.toast-3d-card--warning{border-color:#f59e0b66;box-shadow:0 1.5rem 3rem #f59e0b26,0 .5rem 1rem #f59e0b1a,inset 0 1px #ffffff26}.toast-3d-card--info{border-color:#3b82f666;box-shadow:0 1.5rem 3rem #3b82f626,0 .5rem 1rem #3b82f61a,inset 0 1px #ffffff26}.toast-3d-card--entering{opacity:0;transform:translate(100%) rotateY(-15deg) scale(.9)}.toast-3d-card--exiting{opacity:0;transform:translate(50%) rotateY(10deg) scale(.95)}.toast-3d-card:hover{transform:translateY(-2px) rotateX(calc(var(--mouse-y, 0) * -.02deg)) rotateY(calc(var(--mouse-x, 0) * .02deg)) scale(1.01);box-shadow:0 2rem 4rem #200f3740,0 .75rem 1.5rem #200f3726,inset 0 1px #fff3}.toast-3d-canvas-container{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.toast-3d-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.toast-3d-glow{position:absolute;inset:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,transparent 0%,transparent 40%,rgba(255,255,255,.03) 50%,transparent 60%,transparent 100%);pointer-events:none;animation:holographic-shimmer 4s ease-in-out infinite}.toast-3d-glow--success{background:radial-gradient(ellipse at center,rgba(16,185,129,.15) 0%,transparent 50%,rgba(52,211,153,.05) 70%,transparent 100%)}.toast-3d-glow--error{background:radial-gradient(ellipse at center,rgba(239,68,68,.15) 0%,transparent 50%,rgba(248,113,113,.05) 70%,transparent 100%)}.toast-3d-glow--warning{background:radial-gradient(ellipse at center,rgba(245,158,11,.15) 0%,transparent 50%,rgba(251,191,36,.05) 70%,transparent 100%)}.toast-3d-glow--info{background:radial-gradient(ellipse at center,rgba(59,130,246,.15) 0%,transparent 50%,rgba(96,165,250,.05) 70%,transparent 100%)}@keyframes holographic-shimmer{0%,to{transform:translate(-25%) translateY(-25%) rotate(0);opacity:.5}50%{transform:translate(-25%) translateY(-25%) rotate(180deg);opacity:.8}}.toast-3d-content{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:start;padding:1rem 1.1rem}.toast-3d-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 2px 4px #0000000d,0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}@supports (color: color-mix(in lab,red,red)){.toast-3d-icon{background:color-mix(in srgb,var(--surface-2) 70%,transparent)}}.toast-3d-card:hover .toast-3d-icon{transform:scale(1.1) translateZ(20px);box-shadow:inset 0 2px 4px #0000000d,0 4px 12px #0000001f}.toast-3d-card--success .toast-3d-icon{color:#059669;background:#10b98126;box-shadow:0 0 20px #10b9814d,inset 0 2px 4px #ffffff1a}.toast-3d-card--error .toast-3d-icon{color:#dc2626;background:#ef444426;box-shadow:0 0 20px #ef44444d,inset 0 2px 4px #ffffff1a}.toast-3d-card--warning .toast-3d-icon{color:#d97706;background:#f59e0b26;box-shadow:0 0 20px #f59e0b4d,inset 0 2px 4px #ffffff1a}.toast-3d-card--info .toast-3d-icon{color:#2563eb;background:#3b82f626;box-shadow:0 0 20px #3b82f64d,inset 0 2px 4px #ffffff1a}.toast-3d-icon-svg{width:1.2rem;height:1.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.toast-3d-text{display:grid;gap:.25rem}.toast-3d-title,.toast-3d-message{margin:0}.toast-3d-title{font-size:.98rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.toast-3d-message{font-size:.88rem;line-height:1.5;color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.toast-3d-message{color:color-mix(in srgb,var(--text-soft) 90%,var(--text) 10%)}}.toast-3d-close{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border:0;border-radius:999px;color:var(--text-soft);background:transparent;cursor:pointer;transition:background-color .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease}@supports (color: color-mix(in lab,red,red)){.toast-3d-close{color:color-mix(in srgb,var(--text-soft) 80%,var(--text) 20%)}}.toast-3d-close:hover,.toast-3d-close:focus-visible{color:var(--text);background:var(--ring);transform:scale(1.1) rotate(90deg)}@supports (color: color-mix(in lab,red,red)){.toast-3d-close:hover,.toast-3d-close:focus-visible{background:color-mix(in srgb,var(--ring) 15%,transparent)}}.toast-3d-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@supports (color: color-mix(in lab,red,red)){.toast-3d-close:focus-visible{outline:2px solid color-mix(in srgb,var(--ring) 60%,white 40%)}}.toast-3d-close:active{transform:scale(.95) rotate(90deg)}.toast-3d-close-icon{width:1.1rem;height:1.1rem}.toast-3d-progress{position:relative;z-index:1;height:3px;background:var(--ring);overflow:hidden}@supports (color: color-mix(in lab,red,red)){.toast-3d-progress{background:color-mix(in srgb,var(--ring) 10%,transparent)}}.toast-3d-progress-bar{height:100%;width:100%;transform-origin:left;animation:toast-progress linear forwards}.toast-3d-card--success .toast-3d-progress-bar{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 10px #10b98180}.toast-3d-card--error .toast-3d-progress-bar{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 10px #ef444480}.toast-3d-card--warning .toast-3d-progress-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b80}.toast-3d-card--info .toast-3d-progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 10px #3b82f680}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-3d-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);pointer-events:none;z-index:2;opacity:.5}.toast-3d-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 20%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.3) 80%,transparent 100%);opacity:.6;animation:accent-shimmer 3s ease-in-out infinite}@keyframes accent-shimmer{0%,to{opacity:.3;transform:translate(-100%)}50%{opacity:.8;transform:translate(100%)}}.dark .toast-3d-card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}@supports (color: color-mix(in lab,red,red)){.dark .toast-3d-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,rgba(255,255,255,.03)),color-mix(in srgb,var(--surface-2) 88%,transparent))}}.dark .toast-3d-card--success{box-shadow:0 1.5rem 3rem #10b9811f,0 .5rem 1rem #10b98114,inset 0 1px #ffffff0d}.dark .toast-3d-card--error{box-shadow:0 1.5rem 3rem #ef44441f,0 .5rem 1rem #ef444414,inset 0 1px #ffffff0d}.dark .toast-3d-card--warning{box-shadow:0 1.5rem 3rem #f59e0b1f,0 .5rem 1rem #f59e0b14,inset 0 1px #ffffff0d}.dark .toast-3d-card--info{box-shadow:0 1.5rem 3rem #3b82f61f,0 .5rem 1rem #3b82f614,inset 0 1px #ffffff0d}@media(max-width:768px){.toast-3d-stack{top:4.5rem;right:.75rem;left:.75rem;width:auto}.toast-3d-card{border-radius:1rem}.toast-3d-content{padding:.9rem;gap:.75rem}.toast-3d-icon{width:2.3rem;height:2.3rem}.toast-3d-title{font-size:.92rem}.toast-3d-message{font-size:.84rem}.toast-3d-canvas{opacity:.4}.toast-3d-card:hover{transform:translateY(-2px)}}@media(max-width:480px){.toast-3d-stack{top:4rem;gap:.75rem}.toast-3d-content{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.toast-3d-icon{grid-row:1 / -1}.toast-3d-close{position:absolute;top:.6rem;right:.6rem;width:1.8rem;height:1.8rem}}@media(prefers-reduced-motion:reduce){.toast-3d-card,.toast-3d-card--entering,.toast-3d-card--exiting{transition:opacity .2s ease;transform:none}.toast-3d-card--entering,.toast-3d-card--exiting{opacity:0}.toast-3d-glow,.toast-3d-progress-bar,.toast-3d-card:after{animation:none}.toast-3d-canvas{display:none}.toast-3d-icon{transition:none}.toast-3d-close:hover,.toast-3d-close:focus-visible{transform:none}}@media(prefers-contrast:high){.toast-3d-card{border-width:2px;-webkit-backdrop-filter:none;backdrop-filter:none}.toast-3d-canvas,.toast-3d-glow{display:none}}@media print{.toast-3d-stack{display:none}}.modules-page{position:relative;min-height:100vh;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);overflow-x:hidden}.modules-page .hero-section{position:relative;min-height:auto;display:block;align-items:unset;padding:1rem 1.5rem 1.25rem;text-align:center}.modules-page .hero-section:after{content:"";position:absolute;inset:0;pointer-events:none;overflow:hidden}.modules-page .hero-content{position:relative;z-index:2;max-width:50rem;margin:0 auto}.modules-page .hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:var(--ring);border:1px solid var(--ring);border-radius:9999px;font-size:.8125rem;font-weight:600;color:var(--text-soft);margin-bottom:.75rem;opacity:1;transform:translateY(0);animation:fade-in-up .6s ease-out forwards;will-change:opacity,transform}@supports (color: color-mix(in lab,red,red)){.modules-page .hero-badge{background:color-mix(in srgb,var(--ring) 10%,transparent)}}@supports (color: color-mix(in lab,red,red)){.modules-page .hero-badge{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.modules-page .badge-icon{width:1rem;height:1rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(10deg);opacity:.8}}.modules-page .hero-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15;margin:0 0 .5rem;opacity:1;transform:translateY(0);animation:fade-in-up .6s ease-out .1s forwards;will-change:opacity,transform}.modules-page .gradient-text{background:linear-gradient(135deg,#7c3aed,#a855f7,#3b82f6,#1d4ed8,#7c3aed);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}.modules-page .hero-description{font-size:.95rem;line-height:1.5;color:var(--text-soft);max-width:34rem;margin:0 auto 1rem;opacity:1;transform:translateY(0);animation:fade-in-up .6s ease-out .2s forwards;will-change:opacity,transform}.modules-page .search-container{max-width:31.25rem;margin:0 auto .875rem;animation:fade-in-up .6s ease-out .3s both}.modules-page .search-wrapper{position:relative;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--ring);border-radius:1rem;padding:.25rem;transition:all .3s ease;box-shadow:0 4px 20px #7c3aed14;display:flex;align-items:center}@supports (color: color-mix(in lab,red,red)){.modules-page .search-wrapper{background:color-mix(in srgb,var(--surface) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.modules-page .search-wrapper{border:1px solid color-mix(in srgb,var(--ring) 15%,transparent)}}.modules-page .search-wrapper:focus-within,.modules-page .search-wrapper.focused{border-color:var(--ring);box-shadow:0 8px 30px #7c3aed26;transform:translateY(-2px)}@supports (color: color-mix(in lab,red,red)){.modules-page .search-wrapper:focus-within,.modules-page .search-wrapper.focused{border-color:color-mix(in srgb,var(--ring) 30%,transparent)}}.modules-page .search-icon{width:1.25rem;height:1.25rem;margin-left:1rem;color:var(--ring);flex-shrink:0}.modules-page .search-input{flex:1;padding:.625rem .875rem;border:none;background:transparent;font-size:.9375rem;color:var(--text);outline:none}.modules-page .search-input::placeholder{color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.modules-page .search-input::placeholder{color:color-mix(in srgb,var(--text-soft) 60%,transparent)}}.modules-page .search-clear{width:2rem;height:2rem;margin-right:.5rem;border:none;border-radius:50%;background:var(--ring);color:var(--text-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}@supports (color: color-mix(in lab,red,red)){.modules-page .search-clear{background:color-mix(in srgb,var(--ring) 10%,transparent)}}.modules-page .search-clear:hover{background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.modules-page .search-clear:hover{background:color-mix(in srgb,var(--ring) 20%,transparent)}}.modules-page .clear-icon{width:1rem;height:1rem}.modules-page .category-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;animation:fade-in-up .6s ease-out .4s both}.modules-page .category-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--ring);border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--text-soft);cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1)}@supports (color: color-mix(in lab,red,red)){.modules-page .category-chip{background:color-mix(in srgb,var(--surface) 60%,transparent)}}@supports (color: color-mix(in lab,red,red)){.modules-page .category-chip{border:1px solid color-mix(in srgb,var(--ring) 10%,transparent)}}.modules-page .category-chip:hover{background:var(--surface);border-color:var(--ring);transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed1a}@supports (color: color-mix(in lab,red,red)){.modules-page .category-chip:hover{background:color-mix(in srgb,var(--surface) 90%,transparent)}}@supports (color: color-mix(in lab,red,red)){.modules-page .category-chip:hover{border-color:color-mix(in srgb,var(--ring) 20%,transparent)}}.modules-page .category-chip.active{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-color:transparent;box-shadow:0 4px 15px #7c3aed4d}.modules-page .chip-icon{width:1rem;height:1rem}.modules-page .hero-decoration{position:absolute;inset:0;pointer-events:none;z-index:1}.modules-page .floating-shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:float-shape 20s ease-in-out infinite}.modules-page .shape-1{width:18rem;height:18rem;background:radial-gradient(circle,color-mix(in srgb,#7c3aed 40%,transparent),transparent 70%);top:-6rem;left:-6rem;animation-delay:0s}.modules-page .shape-2{width:24rem;height:24rem;background:radial-gradient(circle,color-mix(in srgb,#3b82f6 30%,transparent),transparent 70%);bottom:-9rem;right:-9rem;animation-delay:-7s}.modules-page .shape-3{width:12rem;height:12rem;background:radial-gradient(circle,color-mix(in srgb,#a855f7 35%,transparent),transparent 70%);top:50%;right:10%;animation-delay:-14s}@keyframes float-shape{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.modules-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1.5rem}.modules-page .loading-spinner{width:3rem;height:3rem;border:3px solid var(--ring);border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite}@supports (color: color-mix(in lab,red,red)){.modules-page .loading-spinner{border:3px solid color-mix(in srgb,var(--ring) 10%,transparent)}}.modules-page .loading-text{margin-top:1rem;font-size:1rem;color:var(--text-soft);font-weight:500}.modules-page .modules-section{padding:.75rem 1.5rem 3rem;max-width:87.5rem;margin:0 auto}.modules-page .section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:0 .5rem}.modules-page .section-icon{width:1.5rem;height:1.5rem;color:var(--ring)}.modules-page .section-header h2{font-size:1.25rem;font-weight:700;color:var(--text);margin:0}.modules-page .module-count{margin-left:auto;font-size:.875rem;font-weight:500;color:var(--ring);background:var(--ring);padding:.375rem .875rem;border-radius:9999px}@supports (color: color-mix(in lab,red,red)){.modules-page .module-count{background:color-mix(in srgb,var(--ring) 10%,transparent)}}.modules-page .modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(21rem,1fr));gap:1.5rem}.modules-page .modules-grid.empty{display:none}.modules-page .empty-state{text-align:center;padding:3.75rem 1.5rem}.modules-page .empty-icon{width:5rem;height:5rem;margin:0 auto 1.5rem;background:var(--ring);border-radius:50%;display:flex;align-items:center;justify-content:center}@supports (color: color-mix(in lab,red,red)){.modules-page .empty-icon{background:color-mix(in srgb,var(--ring) 5%,transparent)}}.modules-page .empty-search-icon{width:2.5rem;height:2.5rem;color:var(--ring);opacity:.6}.modules-page .empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text);margin:0 0 .5rem}.modules-page .empty-state p{font-size:.95rem;color:var(--text-soft);margin:0 0 1.5rem}.modules-page .reset-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #7c3aed4d}.modules-page .reset-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed66}.modules-page .background-pattern{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.03;background-image:radial-gradient(circle at 25% 25%,#7c3aed 1px,transparent 1px),radial-gradient(circle at 75% 75%,#3b82f6 1px,transparent 1px);background-size:2.5rem 2.5rem}@keyframes fade-in-up{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:48rem){.modules-page .hero-section{padding:.75rem 1rem 1rem}.modules-page .hero-badge{font-size:.8rem;padding:.375rem .75rem}.modules-page .hero-description{font-size:1rem}.modules-page .category-filter{gap:.5rem}.modules-page .category-chip{padding:.5rem 1rem;font-size:.8rem}.modules-page .modules-section{padding:.5rem 1rem 2.5rem}.modules-page .section-header{flex-wrap:wrap;gap:.5rem}.modules-page .module-count{margin-left:0;width:100%;margin-top:.5rem;text-align:center}.modules-page .modules-grid{grid-template-columns:1fr}.modules-page .hero-section{padding-top:.75rem;min-height:auto;-webkit-transform:translateZ(0);transform:translateZ(0)}.modules-page .hero-content{position:relative;z-index:5;-webkit-backface-visibility:hidden;backface-visibility:hidden}.modules-page .hero-badge,.modules-page .hero-title,.modules-page .hero-description{opacity:1!important;transform:translateY(0)!important;visibility:visible!important;animation:none!important}}@media(prefers-reduced-motion:reduce){.modules-page .hero-badge,.modules-page .hero-title,.modules-page .hero-description,.modules-page .search-container,.modules-page .category-filter{animation:none;opacity:1}.modules-page .floating-shape,.modules-page .gradient-text,.modules-page .badge-icon,.modules-page .loading-spinner{animation:none}}.analytics-hub,.follow-ledger{position:relative;min-height:100vh;padding:2rem;background:radial-gradient(circle at top left,rgba(49,130,206,.14),transparent 30%),radial-gradient(circle at top right,rgba(236,201,75,.12),transparent 28%),linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);overflow:hidden}@supports (color: color-mix(in lab,red,red)){.analytics-hub,.follow-ledger{background:radial-gradient(circle at top left,rgba(49,130,206,.14),transparent 30%),radial-gradient(circle at top right,rgba(236,201,75,.12),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,white 5%) 0%,var(--surface-2) 100%)}}.analytics-hub:before,.follow-ledger:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(var(--ring) 1px,transparent 1px),linear-gradient(90deg,var(--ring) 1px,transparent 1px);background-size:3.5rem 3.5rem;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%)}@supports (color: color-mix(in lab,red,red)){.analytics-hub:before,.follow-ledger:before{background-image:linear-gradient(color-mix(in srgb,var(--ring) 12%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ring) 12%,transparent) 1px,transparent 1px)}}.analytics-hub>*,.follow-ledger>*{position:relative;z-index:1}.analytics-hub__hero,.follow-ledger__hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.8fr);gap:1.5rem;align-items:start;padding:2rem;border-radius:1.75rem;border:1px solid var(--ring);background:linear-gradient(135deg,var(--surface),var(--surface-2)),radial-gradient(circle at top right,rgba(255,221,87,.14),transparent 34%);box-shadow:0 24px 60px #0612221f}@supports (color: color-mix(in lab,red,red)){.analytics-hub__hero,.follow-ledger__hero{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}@supports (color: color-mix(in lab,red,red)){.analytics-hub__hero,.follow-ledger__hero{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 90%,white 10%),color-mix(in srgb,var(--surface-2) 88%,transparent)),radial-gradient(circle at top right,rgba(255,221,87,.14),transparent 34%)}}.analytics-hub__eyebrow,.follow-ledger__eyebrow,.follow-ledger__back-link{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .9rem;border-radius:999px;border:1px solid var(--ring);background:var(--surface);color:var(--text-soft);font-size:.85rem;font-weight:700;letter-spacing:.03em}@supports (color: color-mix(in lab,red,red)){.analytics-hub__eyebrow,.follow-ledger__eyebrow,.follow-ledger__back-link{border:1px solid color-mix(in srgb,var(--ring) 24%,transparent)}}@supports (color: color-mix(in lab,red,red)){.analytics-hub__eyebrow,.follow-ledger__eyebrow,.follow-ledger__back-link{background:color-mix(in srgb,var(--surface) 84%,white 16%)}}.analytics-hub__eyebrow-icon,.follow-ledger__eyebrow-icon,.follow-ledger__back-icon{width:1rem;height:1rem}.follow-ledger__back-link{margin-bottom:.9rem;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,color .18s ease}.analytics-hub__hero h1,.follow-ledger__hero h1{margin:1rem 0 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.04em;color:var(--text)}.analytics-hub__subtitle,.follow-ledger__subtitle{margin:.85rem 0 0;max-width:42rem;color:var(--text-soft);font-size:1.02rem;line-height:1.7}.analytics-hub__chips{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}.analytics-hub__chip,.follow-ledger__meta-pill,.analytics-hub__plan-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.5rem .9rem;border-radius:999px;background:var(--surface);border:1px solid var(--ring);color:var(--text-soft);font-size:.84rem;font-weight:700}@supports (color: color-mix(in lab,red,red)){.analytics-hub__chip,.follow-ledger__meta-pill,.analytics-hub__plan-pill{background:color-mix(in srgb,var(--surface) 78%,white 22%)}}@supports (color: color-mix(in lab,red,red)){.analytics-hub__chip,.follow-ledger__meta-pill,.analytics-hub__plan-pill{border:1px solid color-mix(in srgb,var(--ring) 22%,transparent)}}.analytics-hub__hero-panel{padding:1.25rem;border-radius:1.35rem;background:linear-gradient(160deg,#ffffffc7,#f5f9ff9e);border:1px solid rgba(163,191,224,.34)}.dark .analytics-hub__hero-panel{background:linear-gradient(160deg,#0f192cdb,#0c1425b8);border-color:#5878ac57}.analytics-hub__panel-kicker,.analytics-hub-card__eyebrow,.follow-ledger__results-title,.follow-ledger-stat-card__label{margin:0;color:#bd8a16;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.analytics-hub__hero-panel h2,.analytics-hub-card__body h2,.follow-ledger__locked-shell h2,.follow-ledger__state-card h2{margin:.65rem 0 0;color:var(--text);font-size:1.5rem;line-height:1.15}.analytics-hub__hero-panel p,.analytics-hub-card__body p,.follow-ledger__locked-shell p,.follow-ledger__state-card p,.follow-ledger__results-meta,.follow-ledger__banner p{margin:.65rem 0 0;color:var(--text-soft);line-height:1.6}.analytics-hub__plan-pill--paid,.follow-ledger__meta-pill--accent,.analytics-hub-card__badge--premium,.follow-ledger-card__badge,.follow-ledger-stat-card--mutual .follow-ledger-stat-card__icon-shell{color:#8b5a00;background:linear-gradient(135deg,#ffe694eb,#fac956db);border-color:#e8b83fb8}.analytics-hub__grid,.follow-ledger__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.35rem}.analytics-hub-card,.follow-ledger-stat-card,.follow-ledger__controls,.follow-ledger__results,.follow-ledger__locked-shell,.follow-ledger__banner,.follow-ledger__state-card{border-radius:1.45rem;border:1px solid var(--ring);background:var(--surface);box-shadow:0 18px 46px #06122214}@supports (color: color-mix(in lab,red,red)){.analytics-hub-card,.follow-ledger-stat-card,.follow-ledger__controls,.follow-ledger__results,.follow-ledger__locked-shell,.follow-ledger__banner,.follow-ledger__state-card{border:1px solid color-mix(in srgb,var(--ring) 18%,transparent)}}@supports (color: color-mix(in lab,red,red)){.analytics-hub-card,.follow-ledger-stat-card,.follow-ledger__controls,.follow-ledger__results,.follow-ledger__locked-shell,.follow-ledger__banner,.follow-ledger__state-card{background:color-mix(in srgb,var(--surface) 86%,white 14%)}}.dark .analytics-hub-card,.dark .follow-ledger-stat-card,.dark .follow-ledger__controls,.dark .follow-ledger__results,.dark .follow-ledger__locked-shell,.dark .follow-ledger__banner,.dark .follow-ledger__state-card{background:var(--surface)}@supports (color: color-mix(in lab,red,red)){.dark .analytics-hub-card,.dark .follow-ledger-stat-card,.dark .follow-ledger__controls,.dark .follow-ledger__results,.dark .follow-ledger__locked-shell,.dark .follow-ledger__banner,.dark .follow-ledger__state-card{background:color-mix(in srgb,var(--surface) 94%,black 6%)}}.analytics-hub-card{display:flex;flex-direction:column;gap:1.25rem;padding:1.4rem}.analytics-hub-card__header,.analytics-hub-card__footer,.follow-ledger__results-header,.follow-ledger__results-actions,.follow-ledger__pagination,.follow-ledger__pagination-info,.follow-ledger__pagination-nav,.follow-ledger__toolbar-group,.follow-ledger__chip-group,.follow-ledger-card__header{display:flex;align-items:center;gap:.75rem}.analytics-hub-card__header,.follow-ledger-card__header,.follow-ledger__results-header,.follow-ledger__pagination{justify-content:space-between}.analytics-hub-card__header--compact{justify-content:flex-start}.analytics-hub-card__badge-row,.follow-ledger__hero-meta{display:flex;flex-wrap:wrap;gap:.55rem}.analytics-hub-card__icon-shell,.follow-ledger-stat-card__icon-shell{display:inline-flex;align-items:center;justify-content:center;width:3.1rem;height:3.1rem;border-radius:1rem;background:linear-gradient(135deg,#2463ebeb,#3b82f6b8);color:#fff;box-shadow:0 12px 25px #2563eb33}.analytics-hub-card__icon-shell--secondary{background:linear-gradient(135deg,#0f766ee6,#14b8a6b8);box-shadow:0 12px 25px #14b8a629}.analytics-hub-card__icon,.follow-ledger-stat-card__icon{width:1.45rem;height:1.45rem}.analytics-hub-card__badge,.follow-ledger-card__badge,.follow-ledger__refreshing{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .72rem;border-radius:999px;font-size:.78rem;font-weight:800;border:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.analytics-hub-card__badge,.follow-ledger-card__badge,.follow-ledger__refreshing{border:1px solid color-mix(in srgb,var(--ring) 16%,transparent)}}.analytics-hub-card__badge--live,.analytics-hub-card__badge--future,.follow-ledger__refreshing{background:var(--surface);color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.analytics-hub-card__badge--live,.analytics-hub-card__badge--future,.follow-ledger__refreshing{background:color-mix(in srgb,var(--surface) 76%,white 24%)}}.analytics-hub-card__body,.follow-ledger__locked-shell,.follow-ledger__state-card{display:flex;flex-direction:column}.analytics-hub-card__list{margin:1rem 0 0;padding-left:1.1rem;color:var(--text-soft)}.analytics-hub-card__list li+li{margin-top:.55rem}.analytics-hub-card__action,.follow-ledger__locked-cta,.follow-ledger__banner-action,.follow-ledger__refresh-btn,.follow-ledger__chip,.follow-ledger__pagination-btn,.follow-ledger__search-clear{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.analytics-hub-card__action,.follow-ledger__locked-cta,.follow-ledger__refresh-btn,.follow-ledger__banner-action{min-height:2.85rem;padding:.8rem 1rem;border-radius:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 14px 30px #2563eb38}.analytics-hub-card__action--locked,.follow-ledger__locked-cta{background:linear-gradient(135deg,#d6a229,#f2c34d);box-shadow:0 14px 30px #d6a22938;color:#3f2a00}.analytics-hub-card--locked{position:relative}.analytics-hub-card--locked:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent,rgba(255,240,186,.12));pointer-events:none}.follow-ledger__stats{margin-bottom:0}.follow-ledger-stat-card{display:flex;align-items:center;gap:.95rem;padding:1.15rem}.follow-ledger-stat-card strong{display:block;margin-top:.35rem;font-size:1.8rem;color:var(--text);letter-spacing:-.03em}.follow-ledger__controls,.follow-ledger__results,.follow-ledger__locked-shell,.follow-ledger__state-card,.follow-ledger__banner{margin-top:1.35rem;padding:1.2rem}.follow-ledger__search-stack{min-width:min(100%,26rem)}.follow-ledger__controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.follow-ledger__search{display:flex;align-items:center;gap:.75rem;width:100%;min-height:3rem;padding:0 .95rem;border-radius:1rem;border:1px solid var(--ring);background:var(--surface)}@supports (color: color-mix(in lab,red,red)){.follow-ledger__search{border:1px solid color-mix(in srgb,var(--ring) 18%,transparent)}}@supports (color: color-mix(in lab,red,red)){.follow-ledger__search{background:color-mix(in srgb,var(--surface) 74%,white 26%)}}.follow-ledger__search-icon,.follow-ledger__search-clear,.follow-ledger__banner-action lucide-icon,.follow-ledger__refresh-btn lucide-icon,.follow-ledger-card__badge-icon{width:1rem;height:1rem;color:var(--text-soft)}.follow-ledger__search-input,.follow-ledger__select{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.follow-ledger__select{width:auto;min-width:4.75rem;padding:.65rem 2.2rem .65rem .85rem;border:1px solid var(--ring);border-radius:.85rem;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.25 4.5 6 8.25 9.75 4.5' stroke='%23647b95' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:.8rem;appearance:none;-webkit-appearance:none}@supports (color: color-mix(in lab,red,red)){.follow-ledger__select{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}@supports (color: color-mix(in lab,red,red)){.follow-ledger__select{background-color:color-mix(in srgb,var(--surface) 88%,white 12%)}}.dark .follow-ledger__select{background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.25 4.5 6 8.25 9.75 4.5' stroke='%23c7d3e2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@supports (color: color-mix(in lab,red,red)){.dark .follow-ledger__select{background-color:color-mix(in srgb,var(--surface) 94%,black 6%)}}.follow-ledger__select option{background:var(--surface);color:var(--text)}.follow-ledger__search-input::placeholder{color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.follow-ledger__search-input::placeholder{color:color-mix(in srgb,var(--text-soft) 85%,transparent)}}.follow-ledger__chip{min-height:2.55rem;padding:.7rem .95rem;border-radius:999px;border:1px solid var(--ring);background:var(--surface);color:var(--text-soft);font-weight:700}@supports (color: color-mix(in lab,red,red)){.follow-ledger__chip{border:1px solid color-mix(in srgb,var(--ring) 16%,transparent)}}@supports (color: color-mix(in lab,red,red)){.follow-ledger__chip{background:color-mix(in srgb,var(--surface) 76%,white 24%)}}.follow-ledger__chip--ghost{background:var(--surface-2)}@supports (color: color-mix(in lab,red,red)){.follow-ledger__chip--ghost{background:color-mix(in srgb,var(--surface-2) 82%,white 18%)}}.follow-ledger__chip--active,.follow-ledger__pagination-btn--active{color:#183153;background:linear-gradient(135deg,#c4e8fffa,#93c5fdeb);border-color:#4c93da73}.follow-ledger__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin-top:1rem}.follow-ledger-card{position:relative;padding:1.15rem;border-radius:1.3rem;border:1px solid var(--ring);background:linear-gradient(160deg,var(--surface),var(--surface-2));overflow:hidden}@supports (color: color-mix(in lab,red,red)){.follow-ledger-card{border:1px solid color-mix(in srgb,var(--ring) 18%,transparent)}}@supports (color: color-mix(in lab,red,red)){.follow-ledger-card{background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 90%,white 10%),color-mix(in srgb,var(--surface-2) 86%,transparent))}}.follow-ledger-card__glow{position:absolute;inset:-20%;opacity:0;background:radial-gradient(circle at top right,rgba(245,158,11,.22),transparent 42%);transition:opacity .18s ease;pointer-events:none}.follow-ledger-card--mutual{border-color:#edba3380;background:linear-gradient(145deg,#fff8dbf5,#fae8b3e6),linear-gradient(180deg,#ffffffe6,#fff8e2e0);box-shadow:0 18px 42px #d4a12029}.dark .follow-ledger-card--mutual{background:linear-gradient(145deg,#4a340ceb,#6a4d14c7),linear-gradient(180deg,#221a0aeb,#402d0ce0)}.follow-ledger-card--mutual:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from 0deg,#f7c84f33,#ffffffe6,#f7c84f47,#ffffffe6,#f7c84f33);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:follow-ledger-gold-spin 5.5s linear infinite;pointer-events:none}.follow-ledger-card__name{margin:0;color:var(--text);font-size:1.05rem;font-weight:800}.follow-ledger-card__meta,.follow-ledger-card__stats dt,.follow-ledger__banner-title{margin:.3rem 0 0;color:var(--text-soft);font-size:.83rem}.follow-ledger-card__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1rem 0 0}.follow-ledger-card__stats dd{margin:.35rem 0 0;color:var(--text);font-weight:700;line-height:1.45}.follow-ledger__pagination{flex-wrap:wrap;margin-top:1.2rem}.follow-ledger__pagination-nav{flex-wrap:wrap}.follow-ledger__pagination-btn{min-width:2.65rem;min-height:2.65rem;padding:.65rem .85rem;border-radius:.9rem;border:1px solid var(--ring);background:var(--surface);color:var(--text);font-weight:700}@supports (color: color-mix(in lab,red,red)){.follow-ledger__pagination-btn{border:1px solid color-mix(in srgb,var(--ring) 18%,transparent)}}@supports (color: color-mix(in lab,red,red)){.follow-ledger__pagination-btn{background:color-mix(in srgb,var(--surface) 78%,white 22%)}}.follow-ledger__pagination-btn:disabled,.follow-ledger__refresh-btn:disabled{cursor:not-allowed;opacity:.5}.follow-ledger__locked-state{display:grid;place-items:center;min-height:50vh}.follow-ledger__locked-shell,.follow-ledger__state-card{align-items:center;text-align:center}.follow-ledger__locked-icon,.follow-ledger__state-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:1.25rem;background:linear-gradient(135deg,#d6a229e6,#f9cc58b8);color:#4d3400}@media(hover:hover){.follow-ledger__back-link:hover,.analytics-hub-card__action:hover,.follow-ledger__locked-cta:hover,.follow-ledger__banner-action:hover,.follow-ledger__refresh-btn:hover,.follow-ledger__chip:hover,.follow-ledger__pagination-btn:hover:not(:disabled),.follow-ledger__search-clear:hover{transform:translateY(-1px)}.follow-ledger-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px #0612221a}.follow-ledger-card:hover .follow-ledger-card__glow{opacity:1}}@media(max-width:70rem){.analytics-hub__hero,.follow-ledger__hero,.analytics-hub__grid,.follow-ledger__stats{grid-template-columns:1fr}}@media(max-width:96rem){.follow-ledger__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:82rem){.follow-ledger__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:66rem){.follow-ledger__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:48rem){.analytics-hub,.follow-ledger{padding:1rem}.analytics-hub__hero,.follow-ledger__hero,.follow-ledger__controls,.follow-ledger__results,.follow-ledger__locked-shell,.follow-ledger__state-card,.follow-ledger__banner{padding:1rem;border-radius:1.2rem}.follow-ledger__controls,.follow-ledger__results-header,.follow-ledger__results-actions,.follow-ledger__pagination,.follow-ledger__toolbar-group{flex-direction:column;align-items:stretch}.follow-ledger__chip-group,.follow-ledger__pagination-nav{justify-content:stretch}.follow-ledger__chip,.follow-ledger__pagination-btn,.follow-ledger__refresh-btn,.follow-ledger__banner-action,.follow-ledger__locked-cta,.analytics-hub-card__action{width:100%}.follow-ledger-card__stats{grid-template-columns:1fr}.follow-ledger__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:36rem){.follow-ledger__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.follow-ledger__back-link,.analytics-hub-card__action,.follow-ledger__locked-cta,.follow-ledger__banner-action,.follow-ledger__refresh-btn,.follow-ledger__chip,.follow-ledger__pagination-btn,.follow-ledger-card,.follow-ledger-card__glow,.follow-ledger-card--mutual:before{transition:none;animation:none}}@keyframes follow-ledger-gold-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:host{display:block}.clips-page{position:relative;min-height:100vh;background:var(--surface)}.particle-background{position:fixed;inset:0;pointer-events:none;z-index:0}canvas{display:block}.clips-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:2rem}.clips-header{margin-bottom:3rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-soft);text-decoration:none;font-size:.9rem;margin-bottom:1.5rem;transition:all .3s ease}.back-link:hover{color:var(--text);transform:translate(-4px)}.back-icon{width:18px;height:18px}.header-content{text-align:center}.header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#7c3aed33,#a855f733);border:1px solid rgba(124,58,237,.3);border-radius:9999px;font-size:.85rem;font-weight:600;color:#a855f7;margin-bottom:1.5rem}.badge-icon{width:16px;height:16px}.header-title{font-size:3rem;font-weight:800;margin:0 0 1rem;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#7c3aed,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-description{font-size:1.1rem;color:var(--text-soft);max-width:600px;margin:0 auto;line-height:1.6}.showcase-section,.designs-section,.config-section,.preview-section{margin-bottom:3rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:var(--text)}.section-icon{width:24px;height:24px;color:#7c3aed}.mobile-selector-section{margin-bottom:2rem}.mobile-showcase{position:relative;overflow:hidden;border-radius:22px;min-height:190px;margin-bottom:.95rem;padding:1.2rem;border:1px solid var(--ring);background:radial-gradient(circle at top right,var(--hero-accent, #7c3aed),transparent 44%),linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:0 18px 45px -24px #0f172a73;isolation:isolate}@supports (color: color-mix(in lab,red,red)){.mobile-showcase{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}@supports (color: color-mix(in lab,red,red)){.mobile-showcase{background:radial-gradient(circle at top right,color-mix(in srgb,var(--hero-accent, #7c3aed) 30%,transparent),transparent 44%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-2) 88%,transparent))}}.mobile-showcase__backdrop{position:absolute;right:-14px;bottom:-44px;width:150px;height:150px;border-radius:30px;transform:rotate(-12deg);background:linear-gradient(135deg,var(--hero-accent, #7c3aed),rgba(255,255,255,.04));opacity:.92}@supports (color: color-mix(in lab,red,red)){.mobile-showcase__backdrop{background:linear-gradient(135deg,color-mix(in srgb,var(--hero-accent, #7c3aed) 48%,transparent),#ffffff0a)}}.mobile-showcase__content{position:relative;z-index:1;max-width:72%}.mobile-showcase__label{display:inline-flex;padding:.35rem .68rem;margin-bottom:.85rem;border-radius:999px;background:var(--hero-accent, #7c3aed);border:1px solid var(--hero-accent, #7c3aed);color:var(--hero-accent, #7c3aed);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}@supports (color: color-mix(in lab,red,red)){.mobile-showcase__label{background:color-mix(in srgb,var(--hero-accent, #7c3aed) 14%,transparent)}}@supports (color: color-mix(in lab,red,red)){.mobile-showcase__label{border:1px solid color-mix(in srgb,var(--hero-accent, #7c3aed) 24%,transparent)}}@supports (color: color-mix(in lab,red,red)){.mobile-showcase__label{color:color-mix(in srgb,var(--hero-accent, #7c3aed) 82%,white 18%)}}.mobile-showcase__title{margin:0;font-size:1.4rem;line-height:1.08;color:var(--text)}.mobile-showcase__description{margin:.72rem 0 0;font-size:.92rem;line-height:1.5;color:var(--text-soft)}.mobile-selector-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.mobile-selector-button{min-height:70px;padding:.85rem .7rem;border-radius:18px;border:1px solid var(--ring);background:var(--surface);color:var(--text);display:grid;gap:.22rem;text-align:left;cursor:pointer;transition:border-color .25s ease,transform .25s ease,background .25s ease,box-shadow .25s ease;box-shadow:0 14px 30px -24px #0f172a59}@supports (color: color-mix(in lab,red,red)){.mobile-selector-button{border:1px solid color-mix(in srgb,var(--ring) 22%,transparent)}}@supports (color: color-mix(in lab,red,red)){.mobile-selector-button{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.mobile-selector-button.active{border-color:var(--selector-accent, #7c3aed);background:var(--selector-accent, #7c3aed);box-shadow:0 18px 34px -24px var(--selector-accent, #7c3aed);transform:translateY(-1px)}@supports (color: color-mix(in lab,red,red)){.mobile-selector-button.active{background:color-mix(in srgb,var(--selector-accent, #7c3aed) 10%,var(--surface))}}@supports (color: color-mix(in lab,red,red)){.mobile-selector-button.active{box-shadow:0 18px 34px -24px color-mix(in srgb,var(--selector-accent, #7c3aed) 40%,transparent)}}.mobile-selector-button.locked{opacity:.65}.mobile-selector-button__eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--selector-accent, #7c3aed)}.mobile-selector-button__label{font-size:.82rem;font-weight:650;line-height:1.2}.designs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.design-card{position:relative;perspective:1000px;cursor:pointer;opacity:0;transform:translateY(30px);animation:card-enter .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--card-index) * .1s)}@keyframes card-enter{to{opacity:1;transform:translateY(0)}}.card-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,#7c3aed80,#a855f780,#3b82f680);border-radius:20px;opacity:0;filter:blur(20px);transition:opacity .4s ease;z-index:-1}.card-content{position:relative;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid transparent;border-radius:18px;padding:1.5rem;transition:all .4s cubic-bezier(.22,1,.36,1);overflow:hidden}@supports (color: color-mix(in lab,red,red)){.card-content{background:color-mix(in srgb,var(--surface) 90%,transparent)}}.card-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-color, #7c3aed),transparent 60%);opacity:0;transition:opacity .4s ease}@supports (color: color-mix(in lab,red,red)){.card-content:before{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color, #7c3aed) 10%,transparent),transparent 60%)}}.design-card:hover .card-content{transform:translateY(-8px) rotateX(5deg);border-color:var(--accent-color, #7c3aed);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px var(--accent-color, #7c3aed)}@supports (color: color-mix(in lab,red,red)){.design-card:hover .card-content{border-color:color-mix(in srgb,var(--accent-color, #7c3aed) 50%,transparent)}}@supports (color: color-mix(in lab,red,red)){.design-card:hover .card-content{box-shadow:0 25px 50px -12px #00000040,0 0 0 1px color-mix(in srgb,var(--accent-color, #7c3aed) 20%,transparent)}}.design-card:hover .card-content:before{opacity:1}.design-card:hover .card-glow{opacity:.6}.design-card.selected .card-content{border-color:var(--accent-color, #7c3aed);background:var(--accent-color, #7c3aed)}@supports (color: color-mix(in lab,red,red)){.design-card.selected .card-content{background:color-mix(in srgb,var(--accent-color, #7c3aed) 5%,var(--surface))}}.design-card.locked{opacity:.6;cursor:not-allowed}.design-card.locked .card-content{filter:grayscale(.5)}.design-card.premium .card-content{border-image:linear-gradient(135deg,#fbbf24,#f59e0b) 1;border-radius:18px}.premium-badge{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;color:#fff;box-shadow:0 4px 12px #f59e0b4d}.plus-indicator{position:absolute;top:-2px;right:-2px;font-size:.6rem;font-weight:800;background:#fff;color:#f59e0b;width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center}.design-number{width:60px;height:60px;background:linear-gradient(135deg,var(--accent-color),var(--accent-color));border:2px solid var(--accent-color);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--accent-color);margin-bottom:1rem}@supports (color: color-mix(in lab,red,red)){.design-number{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 20%,transparent),color-mix(in srgb,var(--accent-color) 10%,transparent))}}.design-name{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:var(--text)}.design-description{font-size:.9rem;color:var(--text-soft);line-height:1.5;margin:0 0 1rem}.design-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{padding:.25rem .6rem;background:var(--ring);border:1px solid var(--ring);border-radius:9999px;font-size:.75rem;color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.feature-tag{background:color-mix(in srgb,var(--ring) 15%,transparent)}}@supports (color: color-mix(in lab,red,red)){.feature-tag{border:1px solid color-mix(in srgb,var(--ring) 25%,transparent)}}.selection-indicator{position:absolute;bottom:1rem;right:1rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.design-card.selected .selection-indicator{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.design-card.locked .selection-indicator{background:#f59e0b33;color:#f59e0b}.config-panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ring);border-radius:18px;padding:1.5rem}@supports (color: color-mix(in lab,red,red)){.config-panel{background:color-mix(in srgb,var(--surface) 90%,transparent)}}@supports (color: color-mix(in lab,red,red)){.config-panel{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.config-row{display:flex;gap:2rem;flex-wrap:wrap}.config-field{flex:1;min-width:280px}.config-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:1rem}.timeout-control{display:flex;align-items:center;gap:1.5rem}.timeout-slider{flex:1;height:8px;-webkit-appearance:none;appearance:none;background:var(--ring);border-radius:9999px;outline:none}@supports (color: color-mix(in lab,red,red)){.timeout-slider{background:color-mix(in srgb,var(--ring) 20%,transparent)}}.timeout-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #7c3aed66;transition:transform .2s ease}.timeout-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.timeout-display{display:flex;align-items:baseline;gap:.25rem;min-width:80px}.timeout-value{font-size:2rem;font-weight:800;color:#7c3aed;font-variant-numeric:tabular-nums}.timeout-unit{font-size:.9rem;color:var(--text-soft)}.preview-container{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ring);border-radius:18px;padding:1.5rem}@supports (color: color-mix(in lab,red,red)){.preview-container{background:color-mix(in srgb,var(--surface) 90%,transparent)}}@supports (color: color-mix(in lab,red,red)){.preview-container{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.preview-frame-wrapper{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px -12px #0000004d;margin-bottom:1.5rem;background:linear-gradient(180deg,#060a16f2,#10182af2)}.preview-frame{width:100%;height:clamp(280px,38vw,380px);background:#000;display:block}.preview-overlay{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;background:#ef4444e6;border-radius:9999px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.7}}.preview-actions{display:flex;gap:1rem;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);text-decoration:none}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 4px 15px #7c3aed4d}.action-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed66}.action-btn.secondary{background:var(--ring);color:var(--text);border:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.action-btn.secondary{background:color-mix(in srgb,var(--ring) 15%,transparent)}}@supports (color: color-mix(in lab,red,red)){.action-btn.secondary{border:1px solid color-mix(in srgb,var(--ring) 30%,transparent)}}.action-btn.secondary:hover:not(:disabled){background:var(--ring);transform:translateY(-2px)}@supports (color: color-mix(in lab,red,red)){.action-btn.secondary:hover:not(:disabled){background:color-mix(in srgb,var(--ring) 25%,transparent)}}.action-btn.copied{background:linear-gradient(135deg,#22c55e,#16a34a)}.test-warning{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:10px;font-size:.85rem;color:#d97706}.empty-state{text-align:center;padding:4rem 2rem}.empty-illustration{width:100px;height:100px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#7c3aed33,#a855f733);border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-illustration lucide-icon{width:48px;height:48px;color:#7c3aed}.empty-state h3{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.empty-state p{font-size:1rem;color:var(--text-soft);margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.clips-container{padding:1rem .85rem 1.5rem}.clips-header{margin-bottom:2rem}.header-title{font-size:2rem}.header-description{font-size:.98rem}.section-title{font-size:1.2rem;margin-bottom:1rem}.showcase-section,.designs-section,.config-section,.preview-section{margin-bottom:2rem}.timeout-control{flex-direction:column;align-items:flex-start;gap:.85rem}.config-panel,.preview-container{padding:1rem;border-radius:16px}.preview-frame{height:280px}.preview-actions{flex-direction:column}.action-btn{width:100%;justify-content:center;min-height:48px}.mobile-selector-row{gap:.6rem}.mobile-showcase{min-height:176px;padding:1rem}.mobile-showcase__content{max-width:100%}.mobile-showcase__backdrop{width:120px;height:120px;right:-10px;bottom:-34px}.mobile-showcase__title{font-size:1.24rem}.mobile-showcase__description{font-size:.86rem}.mobile-selector-button{min-height:64px;padding:.75rem .55rem;border-radius:16px}.mobile-selector-button__eyebrow{font-size:.62rem}.mobile-selector-button__label{font-size:.75rem}}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-indicator--fullscreen{position:fixed;inset:0;z-index:100;background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@supports (color: color-mix(in lab,red,red)){.loading-indicator--fullscreen{background:color-mix(in srgb,var(--surface) 85%,transparent)}}.loading-indicator--inline{padding:1rem}.loading-indicator--centered{position:absolute;inset:0}.loading-indicator__content{position:relative;display:flex;align-items:center;justify-content:center}.loading-indicator__canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease-out}.loading-indicator__canvas--visible{opacity:1}.loading-indicator__fallback{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .6s ease-out}.loading-indicator__fallback--visible{opacity:1}.loading-indicator__fallback--fading{opacity:0}.loading-indicator__core{position:absolute;width:35%;height:35%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#c084fc,#7c3aed);box-shadow:0 0 30px #7c3aed80,inset 0 0 20px #06b6d44d;animation:loading-core-pulse 2s ease-in-out infinite;will-change:transform}.loading-indicator__ring{position:absolute;border-radius:50%;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;will-change:transform}.loading-indicator__ring--1{width:55%;height:55%;color:#3b82f6;animation:loading-orbit 3s linear infinite}.loading-indicator__ring--2{width:75%;height:75%;color:#06b6d4;animation:loading-orbit 4s linear infinite reverse}.loading-indicator__ring--3{width:95%;height:95%;color:#a855f7;animation:loading-orbit 5s linear infinite}@keyframes loading-core-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}@keyframes loading-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-indicator[data-size=sm] .loading-indicator__content{width:60px;height:60px}.loading-indicator[data-size=md] .loading-indicator__content{width:120px;height:120px}.loading-indicator[data-size=lg] .loading-indicator__content{width:200px;height:200px}.loading-indicator[data-size=fullscreen] .loading-indicator__content{width:280px;height:280px}.loading-indicator__info{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.loading-indicator__message{font-size:.9rem;font-weight:500;color:var(--text-soft);letter-spacing:.02em}.loading-indicator[data-size=sm] .loading-indicator__message{font-size:.75rem}.loading-indicator__progress-container{position:relative;width:200px;height:6px;background:var(--ring);border-radius:999px;overflow:hidden}@supports (color: color-mix(in lab,red,red)){.loading-indicator__progress-container{background:color-mix(in srgb,var(--ring) 20%,transparent)}}.loading-indicator[data-size=sm] .loading-indicator__progress-container{width:100px;height:4px}.loading-indicator[data-size=lg] .loading-indicator__progress-container,.loading-indicator[data-size=fullscreen] .loading-indicator__progress-container{width:260px;height:8px}.loading-indicator__progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#06b6d4,#3b82f6);background-size:200% 100%;transition:width .3s ease;animation:loading-progress-shimmer 2s linear infinite}@keyframes loading-progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-indicator__progress-text{position:absolute;right:0;top:-20px;font-size:.75rem;font-weight:600;color:var(--text-soft)}@media(prefers-reduced-motion:reduce){.loading-indicator__core,.loading-indicator__ring,.loading-indicator__progress-bar{animation:none!important}.loading-indicator__core{opacity:.8}.loading-indicator__progress-bar{background-position:0% 0}}@media(max-width:480px){.loading-indicator[data-size=fullscreen] .loading-indicator__content{width:200px;height:200px}.loading-indicator__progress-container{width:160px}.loading-indicator[data-size=lg] .loading-indicator__progress-container,.loading-indicator[data-size=fullscreen] .loading-indicator__progress-container{width:200px}.loading-indicator__message{font-size:.85rem}}.loading-indicator[data-quality=low] .loading-indicator__ring--2,.loading-indicator[data-quality=low] .loading-indicator__ring--3{display:none}.loading-indicator[data-quality=low] .loading-indicator__ring--1{width:80%;height:80%}.loading-indicator[data-quality=medium] .loading-indicator__ring--3{display:none}.loading-indicator[data-quality=medium] .loading-indicator__ring--2{width:85%;height:85%}.tip-page{position:relative;isolation:isolate;overflow:clip;min-height:100vh;background:radial-gradient(circle at top left,rgba(124,58,237,.22),transparent 30%),radial-gradient(circle at 88% 14%,rgba(34,211,238,.2),transparent 28%),linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}@supports (color: color-mix(in lab,red,red)){.tip-page{background:radial-gradient(circle at top left,rgba(124,58,237,.22),transparent 30%),radial-gradient(circle at 88% 14%,rgba(34,211,238,.2),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 93%,white) 0%,var(--surface-2) 100%)}}.dark .tip-page{background:radial-gradient(circle at top left,rgba(124,58,237,.16),transparent 32%),radial-gradient(circle at 88% 14%,rgba(34,211,238,.12),transparent 28%),linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}.tip-page__backdrop{position:absolute;inset:0;pointer-events:none}.tip-page__mesh{position:absolute;border-radius:9999px;filter:blur(96px);opacity:.45;animation:tip-page-drift 22s ease-in-out infinite}.tip-page__mesh--violet{top:3rem;left:-5rem;width:22rem;height:22rem;background:#7c3aed73}.tip-page__mesh--cyan{right:-4rem;top:9rem;width:24rem;height:24rem;background:#22d3ee52;animation-delay:-7s}.tip-page__mesh--gold{bottom:-7rem;left:38%;width:20rem;height:20rem;background:#facc152e;animation-delay:-13s}.tip-page__container{position:relative;z-index:1;max-width:1300px;margin:0 auto;padding:2rem 1.25rem 3rem}.tip-page__grid{display:grid;gap:1.5rem;align-items:stretch}.tip-card{position:relative;overflow:hidden;border-radius:1.4rem}.tip-card--form{padding:2.2rem}.tip-card--streamer,.tip-card--leaderboard{padding:1.8rem}.tip-card__intro{display:grid;gap:.85rem;margin-bottom:2rem}.tip-card__eyebrow,.tip-streamer__eyebrow,.tip-leaderboard__eyebrow{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;margin:0;border:1px solid var(--ring);border-radius:9999px;padding:.45rem .9rem;background:var(--surface);color:var(--text-soft);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 10px #00000005}@supports (color: color-mix(in lab,red,red)){.tip-card__eyebrow,.tip-streamer__eyebrow,.tip-leaderboard__eyebrow{border:1px solid color-mix(in srgb,var(--ring) 35%,transparent)}}@supports (color: color-mix(in lab,red,red)){.tip-card__eyebrow,.tip-streamer__eyebrow,.tip-leaderboard__eyebrow{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.tip-card__eyebrow-icon,.tip-streamer__eyebrow-icon,.tip-leaderboard__eyebrow-icon{width:.95rem;height:.95rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.heartbeat{animation:heart-beat 1.6s ease-in-out infinite}@keyframes heart-beat{0%,to{transform:scale(1)}25%{transform:scale(1.12)}40%{transform:scale(1)}55%{transform:scale(1.12)}}.tip-page lucide-icon{display:flex!important;align-items:center;justify-content:center;flex-shrink:0}.tip-card__title{margin:0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--text)}.tip-card__copy,.tip-streamer__copy,.tip-form__hint,.tip-form__footnote,.tip-leaderboard__note,.tip-leaderboard__period{margin:0;color:var(--text-soft);font-size:.92rem;line-height:1.5}.tip-form{display:grid;gap:1.5rem}.tip-form__field{display:grid;gap:.6rem}.tip-form__label,.tip-streamer__stat-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.tip-form__control,.tip-form__textarea-shell{position:relative;display:flex;align-items:center;gap:.75rem;min-height:4rem;border:1px solid var(--ring);border-radius:1.25rem;background:var(--surface);box-shadow:inset 0 1px #fff6;transition:all var(--transition-base)}@supports (color: color-mix(in lab,red,red)){.tip-form__control,.tip-form__textarea-shell{border:1px solid color-mix(in srgb,var(--ring) 32%,transparent)}}@supports (color: color-mix(in lab,red,red)){.tip-form__control,.tip-form__textarea-shell{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.dark .tip-form__control,.dark .tip-form__textarea-shell{box-shadow:inset 0 1px #ffffff0d}.tip-form__control:hover,.tip-form__textarea-shell:hover{transform:translateY(-1px);border-color:var(--ring);box-shadow:0 8px 24px #7c3aed14}@supports (color: color-mix(in lab,red,red)){.tip-form__control:hover,.tip-form__textarea-shell:hover{border-color:color-mix(in srgb,var(--ring) 48%,transparent)}}.tip-form__control:focus-within,.tip-form__textarea-shell:focus-within{border-color:var(--ring);box-shadow:0 0 0 4px var(--ring);background:var(--surface)}@supports (color: color-mix(in lab,red,red)){.tip-form__control:focus-within,.tip-form__textarea-shell:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--ring) 24%,transparent)}}.tip-form__control-icon{margin-left:1.15rem;width:1.15rem;height:1.15rem;color:var(--ring);flex-shrink:0;display:flex;align-items:center;justify-content:center}@supports (color: color-mix(in lab,red,red)){.tip-form__control-icon{color:color-mix(in srgb,var(--ring) 80%,var(--text-soft))}}.tip-form__textarea-pill-icon{width:.95rem;height:.95rem}.tip-form__submit-icon{width:1.1rem;height:1.1rem}.tip-form__input,.tip-form__select,.tip-form__textarea{width:100%;border:0;background:transparent;color:var(--text);font:inherit;box-sizing:border-box}.tip-form__input,.tip-form__select{height:100%;padding:1.1rem 1.1rem 1.1rem 0;font-size:1.05rem}.tip-form__textarea-shell{display:grid;align-items:stretch;padding:1rem;max-width:100%;box-sizing:border-box}.tip-form__textarea-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.tip-form__textarea-pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:9999px;padding:.38rem .75rem;background:var(--ring);color:var(--text-soft);font-size:.74rem;font-weight:700}@supports (color: color-mix(in lab,red,red)){.tip-form__textarea-pill{background:color-mix(in srgb,var(--ring) 12%,var(--surface))}}.tip-form__counter{font-size:.84rem;font-weight:700;color:var(--text-soft)}.tip-form__counter--limit{color:#ef4444}.tip-form__textarea{min-height:7.5rem;max-width:100%;resize:vertical;line-height:1.6;padding:0 .15rem .15rem}.tip-form__input:focus,.tip-form__select:focus,.tip-form__textarea:focus{outline:none}.tip-form__input::placeholder,.tip-form__textarea::placeholder{color:var(--text-soft)}@supports (color: color-mix(in lab,red,red)){.tip-form__input::placeholder,.tip-form__textarea::placeholder{color:color-mix(in srgb,var(--text-soft) 55%,transparent)}}.tip-form__presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin-top:.1rem}.preset-btn{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;padding:.85rem .6rem;border:1px solid var(--ring);border-radius:.9rem;background:var(--surface);color:var(--text-soft);font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.88rem;font-weight:700;cursor:pointer;transition:all var(--transition-base)}@supports (color: color-mix(in lab,red,red)){.preset-btn{border:1px solid color-mix(in srgb,var(--ring) 28%,transparent)}}@supports (color: color-mix(in lab,red,red)){.preset-btn{background:color-mix(in srgb,var(--surface) 85%,transparent)}}.preset-btn:hover{border-color:var(--ring);color:var(--text);background:var(--ring);transform:translateY(-1px);box-shadow:0 4px 12px #b794f426}@supports (color: color-mix(in lab,red,red)){.preset-btn:hover{background:color-mix(in srgb,var(--ring) 15%,transparent)}}.preset-btn--active{border-color:var(--ring);color:#fff;background:linear-gradient(135deg,#7c3aed,#b794f4);box-shadow:0 6px 16px #7c3aed4d}.dark .preset-btn--active{color:#140d1f;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24;box-shadow:0 6px 16px #fbbf2459}.preset-btn__icon{width:.85rem;height:.85rem}.tip-form__control--amount-with-currency{display:flex;align-items:center;gap:0;padding:0;overflow:hidden}.tip-form__icon-tab{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;width:4rem;flex-shrink:0;background:transparent}.tip-form__icon-tab .tip-form__control-icon{margin-left:0}.tip-form__input--amount{flex:1;min-width:0;padding:1.1rem .75rem 1.1rem 1.35rem;font-weight:700;font-size:1.15rem}.tip-form__currency-divider{width:1px;height:60%;background:var(--ring);flex-shrink:0}@supports (color: color-mix(in lab,red,red)){.tip-form__currency-divider{background:color-mix(in srgb,var(--ring) 30%,transparent)}}.tip-form__currency-divider--leading{height:52%}.tip-form__currency-select-wrapper{position:relative;display:flex;align-items:center;padding:0 1rem;cursor:pointer;transition:background-color var(--transition-base);align-self:stretch}.tip-form__currency-select-wrapper:hover{background-color:var(--ring)}@supports (color: color-mix(in lab,red,red)){.tip-form__currency-select-wrapper:hover{background-color:color-mix(in srgb,var(--ring) 8%,transparent)}}.tip-form__currency-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:none;padding:1.1rem 1.5rem 1.1rem .5rem;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.98rem;font-weight:700;color:var(--text);cursor:pointer;min-width:4.8rem;text-align:center}.tip-form__currency-select option{background-color:var(--surface);color:var(--text)}.tip-form__currency-select:focus{outline:none}.tip-form__currency-chevron{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);width:.95rem;height:.95rem;color:var(--text-soft);pointer-events:none;flex-shrink:0}.tip-form__alert-preview-wrapper{display:grid;gap:.5rem;margin-top:.5rem}.tip-form__alert-preview{position:relative;overflow:hidden;border-radius:1.25rem;padding:1.4rem;background:linear-gradient(135deg,#1f1430f2,#0f0a18fa);color:#f4edff;border:1px dashed rgba(183,148,244,.4);box-shadow:0 8px 32px #00000040}.dark .tip-form__alert-preview{border:1px dashed rgba(251,191,36,.4);background:linear-gradient(135deg,#140d1ff2,#0a060ffa)}.alert-preview__backdrop{position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:radial-gradient(circle at 80% 20%,#7c3aed 0%,transparent 60%)}.alert-preview__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.6rem}.alert-preview__badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#fff9}.badge-dot{width:6px;height:6px;border-radius:50%;background:#ef4444}.badge-dot.pulse{animation:alert-pulse 1.5s infinite alternate}@keyframes alert-pulse{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.3);opacity:1}}.alert-preview__sparkle{width:.95rem;height:.95rem;color:#fbbf24}.alert-preview__body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start}.alert-preview__avatar{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#d6c1fb}.alert-preview__avatar-icon{width:1.25rem;height:1.25rem}.alert-preview__heading{font-size:.98rem;line-height:1.4;color:#ffffffe6}.alert-preview__donor{color:#c4b5fd;font-weight:700}.alert-preview__action{margin:0 .35rem;color:#fff9}.alert-preview__amount{color:#fbbf24;font-weight:700;text-shadow:0 0 10px rgba(250,204,21,.35)}.alert-preview__message{margin:.6rem 0 0;padding-left:.6rem;border-left:2px solid #a855f7;color:#d6c1fb;font-style:italic;font-size:.88rem;word-break:break-word}.alert-preview__message--empty{color:#ffffff59;font-style:normal;border-left:2px solid rgba(255,255,255,.15)}.tip-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:4rem;width:100%;border:0;border-radius:1.25rem;padding:1.1rem 1.4rem;color:#fff;cursor:pointer;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.05rem;font-weight:700;letter-spacing:.01em;background-image:linear-gradient(135deg,#00457c,#0070ba 38%,#00a0d1);box-shadow:0 12px 30px #0070ba33;transition:all var(--transition-base)}.tip-form__submit:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0070ba4d;filter:saturate(1.08)}.tip-form__submit:active{transform:translateY(-.5px)}.tip-form__submit-brand{border-radius:9999px;padding:.25rem .65rem;background:#ffffff29;font-size:.85rem}.tip-form__submit-icon{width:1rem;height:1rem}.tip-form__footnote{font-size:.84rem;line-height:1.5}.tip-form__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tip-side{display:grid;gap:1.5rem}.tip-card--streamer{padding:0!important;display:flex;flex-direction:column}.tip-streamer__banner{position:relative;height:6rem;width:100%;background:linear-gradient(135deg,#7c3aed,#00d2ff);overflow:hidden}.tip-streamer__banner-glow{position:absolute;top:-2rem;right:-2rem;width:8rem;height:8rem;border-radius:50%;background:#ffffff40;filter:blur(24px)}.tip-streamer__content{padding:1.5rem 1.8rem 1.8rem;display:flex;flex-direction:column;gap:1.25rem;flex:1}.tip-streamer__profile-header{display:flex;align-items:flex-end;gap:1rem;margin-top:-3.5rem;position:relative;z-index:2}.tip-streamer__avatar-wrapper{position:relative;display:inline-block;flex-shrink:0}.tip-streamer__avatar{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:1.1rem;background:var(--surface);border:4px solid var(--surface);color:var(--text);font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:2.1rem;font-weight:850;box-shadow:0 8px 24px #47188029}.tip-streamer__status-badge{position:absolute;bottom:-.2rem;right:-.2rem;width:.95rem;height:.95rem;border-radius:50%;background:#10b981;border:2px solid var(--surface);box-shadow:0 2px 6px #10b98166}.pulse-active{animation:active-pulse 2s infinite alternate}@keyframes active-pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.15);opacity:1}}.tip-streamer__info{display:flex;flex-direction:column;gap:.35rem;padding-bottom:.2rem}.tip-streamer__badge-pill{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;border-radius:9999px;padding:.22rem .55rem;background:var(--ring);color:var(--text-soft);font-size:.65rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}@supports (color: color-mix(in lab,red,red)){.tip-streamer__badge-pill{background:color-mix(in srgb,var(--ring) 15%,transparent)}}.tip-streamer__badge-pill-icon{width:.8rem;height:.8rem}.tip-streamer__name{margin:0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.55rem;font-weight:800;line-height:1.1;color:var(--text);letter-spacing:-.03em}.tip-streamer__copy{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-soft)}.tip-streamer__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.tip-streamer__stat-box{display:flex;align-items:center;gap:.75rem;border-radius:1.1rem;padding:.95rem;background:var(--surface);border:1px solid var(--ring);box-shadow:inset 0 1px #fff6}@supports (color: color-mix(in lab,red,red)){.tip-streamer__stat-box{background:color-mix(in srgb,var(--surface) 96%,transparent)}}@supports (color: color-mix(in lab,red,red)){.tip-streamer__stat-box{border:1px solid color-mix(in srgb,var(--ring) 15%,transparent)}}.dark .tip-streamer__stat-box{background:var(--surface-2);box-shadow:inset 0 1px #ffffff0a}@supports (color: color-mix(in lab,red,red)){.dark .tip-streamer__stat-box{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}}.tip-streamer__stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:.75rem;background:var(--ring);color:var(--ring);flex-shrink:0}@supports (color: color-mix(in lab,red,red)){.tip-streamer__stat-icon-wrapper{background:color-mix(in srgb,var(--ring) 12%,var(--surface-2))}}.tip-streamer__stat-icon{width:1.05rem;height:1.05rem}.tip-streamer__stat-details{display:flex;flex-direction:column;gap:.15rem;min-width:0}.tip-streamer__stat-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tip-streamer__stat-num{font-size:1.1rem;font-weight:800;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);color:var(--text);letter-spacing:-.01em}.tip-card--leaderboard{display:grid;align-content:start}.tip-leaderboard__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.tip-leaderboard__title{margin:.45rem 0 0;font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:800;letter-spacing:-.03em}.tip-leaderboard__list{display:grid;gap:.85rem}.tip-leaderboard__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;align-items:center;border:1px solid var(--ring);border-radius:1.1rem;padding:.85rem 1rem;background:var(--surface);transition:all var(--transition-base)}@supports (color: color-mix(in lab,red,red)){.tip-leaderboard__item{border:1px solid color-mix(in srgb,var(--ring) 18%,transparent)}}@supports (color: color-mix(in lab,red,red)){.tip-leaderboard__item{background:color-mix(in srgb,var(--surface) 90%,transparent)}}.tip-leaderboard__item:hover{transform:translateY(-2px);border-color:var(--ring);box-shadow:0 8px 20px #7c3aed0f}@supports (color: color-mix(in lab,red,red)){.tip-leaderboard__item:hover{border-color:color-mix(in srgb,var(--ring) 38%,transparent)}}.tip-leaderboard__rank{display:inline-flex;align-items:center;justify-content:center;min-width:2.3rem;min-height:2.3rem;border-radius:.8rem;background:var(--ring);color:var(--text-soft);font-family:var(--dash-font, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.85rem;font-weight:700;flex-shrink:0;border:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.tip-leaderboard__rank{background:color-mix(in srgb,var(--ring) 12%,var(--surface-2))}}@supports (color: color-mix(in lab,red,red)){.tip-leaderboard__rank{border:1px solid color-mix(in srgb,var(--ring) 15%,transparent)}}.tip-leaderboard__item--rank1{border:1px solid #fbbf24!important;background:linear-gradient(135deg,#facc1514,#f59e0b0a)!important;box-shadow:0 8px 24px #facc1514}.tip-leaderboard__item--rank1 .tip-leaderboard__rank{background:linear-gradient(135deg,#ffe082,#ffb300)!important;color:#3e2723!important;border-color:#ffe082!important;box-shadow:0 4px 10px #facc1540}.tip-leaderboard__item--rank1 .tip-leaderboard__amount{color:#fbbf24!important;text-shadow:0 0 8px rgba(250,204,21,.3)}.tip-leaderboard__item--rank2{border:1px solid #cbd5e1!important;background:linear-gradient(135deg,#cbd5e114,#94a3b80a)!important}.tip-leaderboard__item--rank2 .tip-leaderboard__rank{background:linear-gradient(135deg,#f1f5f9,#cbd5e1)!important;color:#334155!important;border-color:#e2e8f0!important}.tip-leaderboard__item--rank2 .tip-leaderboard__amount{color:#cbd5e1!important}.tip-leaderboard__item--rank3{border:1px solid #b45309!important;background:linear-gradient(135deg,#b4530914,#92400e0a)!important}.tip-leaderboard__item--rank3 .tip-leaderboard__rank{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;border-color:#f59e0b!important}.tip-leaderboard__item--rank3 .tip-leaderboard__amount{color:#d97706!important}.rank-badge-icon{width:1.1rem;height:1.1rem;display:flex!important;align-items:center;justify-content:center}.rank-badge-icon--gold{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.tip-leaderboard__body{display:flex;flex-direction:column;gap:.2rem;min-width:0;overflow:hidden}.tip-leaderboard__header-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tip-leaderboard__name{font-size:.98rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tip-leaderboard__amount{font-size:.95rem;color:var(--ring);font-weight:800;white-space:nowrap;flex-shrink:0}@supports (color: color-mix(in lab,red,red)){.tip-leaderboard__amount{color:color-mix(in srgb,var(--ring) 75%,#6d28d9)}}.tip-leaderboard__note{font-size:.82rem;color:var(--text-soft);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;cursor:help;position:relative}.tip-leaderboard__note:hover{color:var(--text)}@media(min-width:980px){.tip-page__container{padding:2.5rem 1.5rem 4rem}.tip-page__grid{grid-template-columns:minmax(0,3fr) minmax(22rem,2fr);gap:2rem}.tip-card--form{min-height:100%;padding:2.5rem}.tip-side{grid-template-rows:auto minmax(0,1fr);gap:2rem}.tip-card--leaderboard{min-height:31rem}}@media(max-width:979px){.tip-card--form,.tip-card--streamer,.tip-card--leaderboard{padding:1.8rem}.tip-card__title{font-size:clamp(2rem,6vw,3rem)}.tip-form__control--amount-with-currency{min-height:3.8rem}.tip-form__icon-tab{width:3.8rem}.tip-form__input--amount{padding:1rem .5rem 1rem 1.25rem}.tip-form__currency-select-wrapper{padding:0 .85rem}.tip-form__currency-select{padding:1rem 1.25rem 1rem .25rem;font-size:.95rem;min-width:4.5rem}.tip-form__currency-chevron{right:.4rem;width:.85rem;height:.85rem}.tip-card--streamer{min-height:auto}.tip-streamer__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.tip-page__container{padding:1.5rem 1rem 2rem}.tip-form__control,.tip-form__textarea-shell,.tip-form__submit{min-height:3.8rem;border-radius:1.1rem}.tip-form__presets{grid-template-columns:repeat(3,1fr)}.alert-preview__body{grid-template-columns:1fr;gap:.75rem}.alert-preview__avatar{width:2.2rem;height:2.2rem}.alert-preview__avatar-icon{width:1.1rem;height:1.1rem}.tip-form__textarea-header{flex-wrap:wrap;gap:.5rem}.tip-form__textarea-pill{font-size:.7rem;padding:.3rem .6rem}.tip-form__counter{font-size:.8rem}.tip-streamer__stats{grid-template-columns:1fr;gap:.75rem}.tip-streamer__stat{padding:.85rem}.tip-leaderboard__header{flex-direction:column;align-items:flex-start;gap:.5rem}.tip-leaderboard__item{gap:.75rem;padding:.8rem;border-radius:.95rem}.tip-leaderboard__rank{min-width:2.1rem;min-height:2.1rem;font-size:.8rem;border-radius:.7rem}.tip-leaderboard__name{font-size:.92rem}.tip-leaderboard__amount{font-size:.9rem}.tip-leaderboard__note{font-size:.78rem}.tip-form__input,.tip-form__select{font-size:16px;padding:1rem 1rem 1rem 0}.tip-form__control-icon{margin-left:1rem;width:1.1rem;height:1.1rem}.tip-form__submit{gap:.5rem;padding:1rem;font-size:1rem}.tip-form__submit-brand{font-size:.8rem;padding:.2rem .5rem}.tip-form__submit-icon{width:.95rem;height:.95rem}.tip-card--form,.tip-card--streamer,.tip-card--leaderboard{padding:1.25rem}}.tip-page-shell{min-height:100vh;display:flex;flex-direction:column}.tip-page-main{flex:1;padding-top:0}.tip-page-shell .tip-page{padding-top:1rem}@media(min-width:980px){.tip-page-shell .tip-page{padding-top:1.5rem}}@media(max-width:640px){.tip-page-shell .tip-page{padding-top:.5rem}}@media(prefers-reduced-motion:reduce){.tip-page__mesh,.tip-streamer__orb{animation:none!important}.tip-form__control,.tip-form__textarea-shell,.tip-form__submit,.tip-leaderboard__item{transition:none!important}}@keyframes tip-page-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(1.2rem,-1rem,0) scale(1.06)}}@keyframes tip-orb-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-.4rem,.8rem,0) scale(1.08)}}.chat-events{min-height:100vh;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}.chat-events__hero{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,rgba(139,92,246,.15) 0%,transparent 70%)}.chat-events__hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.6}.chat-events__hero-content{position:relative;z-index:1;text-align:center;padding:2rem;animation:chat-events-fade-up .42s cubic-bezier(.22,1,.36,1) both}.chat-events__back-btn{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-soft);background:var(--surface-2);border:1px solid var(--ring);border-radius:9999px;cursor:pointer;transition:all .2s ease}@supports (color: color-mix(in lab,red,red)){.chat-events__back-btn{background:color-mix(in srgb,var(--surface-2) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.chat-events__back-btn{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.chat-events__back-btn:hover{background:var(--ring);color:var(--text)}@supports (color: color-mix(in lab,red,red)){.chat-events__back-btn:hover{background:color-mix(in srgb,var(--ring) 20%,transparent)}}.chat-events__back-icon{width:1rem;height:1rem}.chat-events__hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8b5cf6;background:linear-gradient(135deg,#8b5cf626,#a855f726);border:1px solid rgba(139,92,246,.3);border-radius:9999px}.chat-events__hero-badge-icon{width:1rem;height:1rem}.chat-events__title{margin:0 0 .75rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--text) 0%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.chat-events__subtitle{margin:0;font-size:1.125rem;color:var(--text-soft);max-width:600px;margin-inline:auto}.chat-events__content{padding:2rem;max-width:1400px;margin-inline:auto}.chat-events__loading{display:flex;justify-content:center;align-items:center;min-height:400px}.chat-events__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.chat-events__grid>*{opacity:0;animation:chat-events-card-in .42s cubic-bezier(.22,1,.36,1) both}.chat-events__grid>:nth-child(1){animation-delay:40ms}.chat-events__grid>:nth-child(2){animation-delay:90ms}.chat-events__grid>:nth-child(3){animation-delay:.14s}.chat-events__grid>:nth-child(4){animation-delay:.19s}.chat-events__grid>:nth-child(5){animation-delay:.24s}.chat-events__grid>:nth-child(6){animation-delay:.29s}@media(max-width:768px){.chat-events__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.chat-events__content{padding:1.5rem}}@media(max-width:640px){.chat-events__grid{grid-template-columns:1fr;gap:1rem}.chat-events__content{padding:1rem}.chat-events__hero{min-height:200px}.chat-events__hero-content{padding:1.5rem 1rem}.chat-events__title{font-size:1.5rem}.chat-events__subtitle{font-size:.9375rem}.chat-events__back-btn{padding:.375rem .75rem;font-size:.8125rem;margin-bottom:.75rem}}.event-card{position:relative;background:var(--surface);border:1px solid var(--ring);border-radius:1rem;overflow:hidden;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 3px #0000000d}@supports (color: color-mix(in lab,red,red)){.event-card{background:color-mix(in srgb,var(--surface) 95%,white)}}@supports (color: color-mix(in lab,red,red)){.event-card{border:1px solid color-mix(in srgb,var(--ring) 15%,transparent)}}.event-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #8b5cf626;border-color:var(--ring)}@supports (color: color-mix(in lab,red,red)){.event-card:hover{border-color:color-mix(in srgb,var(--ring) 30%,transparent)}}.event-card--configuring{border-color:var(--ring);box-shadow:0 8px 30px #8b5cf633}@supports (color: color-mix(in lab,red,red)){.event-card--configuring{border-color:color-mix(in srgb,var(--ring) 50%,transparent)}}.event-card--premium{border-color:#eab308}@supports (color: color-mix(in lab,red,red)){.event-card--premium{border-color:color-mix(in srgb,#eab308 30%,var(--ring))}}.event-card--pro{border-color:#eab308;box-shadow:0 0 20px #eab3081a}@supports (color: color-mix(in lab,red,red)){.event-card--pro{border-color:color-mix(in srgb,#eab308 50%,var(--ring))}}.event-card__header{display:flex;gap:1rem;padding:1.5rem}.event-card__icon-wrapper{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;box-shadow:0 4px 12px #0000001a}.event-card__icon{width:1.5rem;height:1.5rem}.event-card__info{flex:1;min-width:0}.event-card__name{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text)}.event-card__badge{display:inline-flex;align-items:center}.event-card__badge--premium{color:#eab308}.event-card__badge--pro{position:relative;color:#eab308}.event-card__badge-icon{width:1.25rem;height:1.25rem}.event-card__badge-plus{position:absolute;top:-.25rem;right:-.25rem;font-size:.625rem;font-weight:800;color:#ca8a04}.event-card__description{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-soft)}.event-card__actions-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--surface-2);border-top:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.event-card__actions-bar{background:color-mix(in srgb,var(--surface-2) 50%,transparent)}}@supports (color: color-mix(in lab,red,red)){.event-card__actions-bar{border-top:1px solid color-mix(in srgb,var(--ring) 10%,transparent)}}.event-card__status{display:flex;align-items:center;gap:.5rem}.event-card__status-icon{width:1rem;height:1rem}.event-card__status-text{font-size:.875rem;font-weight:500}.event-card__buttons{display:flex;gap:.5rem}.event-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;min-width:7.5rem}.event-card__btn-icon{width:.875rem;height:.875rem}.event-card__btn--configure{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.event-card__btn--configure:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.event-card__btn--active{box-shadow:0 0 0 2px color-mix(in srgb,#3b82f6 50%,transparent)}.event-card__btn--enable{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.event-card__btn--enable:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.event-card__btn--disable{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.event-card__btn--disable:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.event-card__btn--disabled{color:#9ca3af;background:#e5e7eb;cursor:not-allowed}.event-card__btn--upgrade{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.event-card__btn--upgrade:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.event-card__btn--pending{cursor:wait;opacity:.82;box-shadow:0 0 0 1px color-mix(in srgb,white 18%,transparent)}.event-card__btn--pending:hover{transform:none}@media(max-width:480px){.event-card__header{padding:1rem;gap:.75rem}.event-card__icon-wrapper{width:2.5rem;height:2.5rem}.event-card__icon{width:1.25rem;height:1.25rem}.event-card__name{font-size:1rem;flex-wrap:wrap}.event-card__description{font-size:.8125rem}.event-card__actions-bar{flex-direction:column;gap:.75rem;padding:.75rem 1rem;align-items:stretch}.event-card__status{justify-content:center}.event-card__buttons{width:100%;flex-direction:column;gap:.5rem}.event-card__btn{width:100%;min-width:unset;padding:.625rem 1rem;min-height:44px}}.config-panel{padding:1.5rem;background:var(--surface-2);border-top:2px dashed var(--ring);animation:slideDown .3s ease-out}@supports (color: color-mix(in lab,red,red)){.config-panel{background:color-mix(in srgb,var(--surface-2) 30%,transparent)}}@supports (color: color-mix(in lab,red,red)){.config-panel{border-top:2px dashed color-mix(in srgb,var(--ring) 20%,transparent)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.config-panel__title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text)}.config-panel__controls{display:flex;flex-direction:column;gap:1rem}.config-panel__control{display:flex;flex-direction:column;gap:.375rem;opacity:0;animation:chat-events-fade-up .26s ease-out both}.config-panel__control:nth-child(1){animation-delay:30ms}.config-panel__control:nth-child(2){animation-delay:60ms}.config-panel__control:nth-child(3){animation-delay:90ms}.config-panel__control:nth-child(4){animation-delay:.12s}.config-panel__control:nth-child(5){animation-delay:.15s}.config-panel__label{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:var(--text-soft)}.config-panel__label-icon{width:.875rem;height:.875rem;color:#eab308}.config-panel__input{padding:.5rem .75rem;font-size:.875rem;color:var(--text);background:var(--surface);border:1px solid var(--ring);border-radius:.5rem;transition:all .2s ease}@supports (color: color-mix(in lab,red,red)){.config-panel__input{border:1px solid color-mix(in srgb,var(--ring) 30%,transparent)}}.config-panel__input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px var(--ring)}@supports (color: color-mix(in lab,red,red)){.config-panel__input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 20%,transparent)}}.config-panel__input--number{width:100px}.config-panel__checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.config-panel__checkbox{width:1rem;height:1rem;accent-color:var(--ring)}.config-panel__checkbox-label{font-size:.875rem;color:var(--text)}.config-panel__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.config-panel__actions{border-top:1px solid color-mix(in srgb,var(--ring) 10%,transparent)}}.config-panel__btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;min-width:10rem}.config-panel__btn-icon{width:1rem;height:1rem}.config-panel__btn--save{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.config-panel__btn--save:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.config-panel__btn--delete{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.config-panel__btn--delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.config-panel__btn--disabled{color:#9ca3af;background:#e5e7eb;cursor:not-allowed}.config-panel__btn--pending{cursor:wait;opacity:.84}.config-panel__btn--pending:hover{transform:none}@media(max-width:480px){.config-panel{padding:1rem}.config-panel__controls{gap:.875rem}.config-panel__input{font-size:16px}.config-panel__actions{flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:.75rem}.config-panel__btn{width:100%;min-width:unset;min-height:44px}}.tier-editor__tiers{display:flex;flex-direction:column;gap:.75rem}.tier-editor__tier{position:relative;padding:1rem;background:var(--surface);border:1px solid var(--ring);border-radius:.75rem;transition:all .2s ease;opacity:0;animation:chat-events-fade-up .26s ease-out both}@supports (color: color-mix(in lab,red,red)){.tier-editor__tier{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.tier-editor__tier:nth-child(1){animation-delay:30ms}.tier-editor__tier:nth-child(2){animation-delay:70ms}.tier-editor__tier:nth-child(3){animation-delay:.11s}.tier-editor__tier:nth-child(4){animation-delay:.15s}.tier-editor__tier:hover{border-color:var(--ring)}@supports (color: color-mix(in lab,red,red)){.tier-editor__tier:hover{border-color:color-mix(in srgb,var(--ring) 40%,transparent)}}.tier-editor__remove-btn{position:absolute;top:.5rem;right:.5rem;padding:.375rem;color:#ef4444;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.tier-editor__remove-btn:hover{color:#dc2626;background:#ef44441a}.tier-editor__remove-icon{width:1rem;height:1rem}.tier-editor__tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tier-editor__field{display:flex;flex-direction:column;gap:.25rem}.tier-editor__field--full{grid-column:1 / -1}.tier-editor__label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--text-soft)}.tier-editor__input{padding:.5rem .625rem;font-size:.875rem;color:var(--text);background:var(--surface);border:1px solid var(--ring);border-radius:.375rem;transition:all .2s ease}@supports (color: color-mix(in lab,red,red)){.tier-editor__input{border:1px solid color-mix(in srgb,var(--ring) 25%,transparent)}}.tier-editor__input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}@supports (color: color-mix(in lab,red,red)){.tier-editor__input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 15%,transparent)}}.tier-editor__input--number{width:100%}.tier-editor__add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;margin-top:.75rem;font-size:.875rem;font-weight:600;color:#8b5cf6;background:transparent;border:2px dashed var(--ring);border-radius:.75rem;cursor:pointer;transition:all .2s ease}@supports (color: color-mix(in lab,red,red)){.tier-editor__add-btn{border:2px dashed color-mix(in srgb,var(--ring) 40%,transparent)}}.tier-editor__add-btn:hover:not(:disabled){color:#7c3aed;background:var(--ring);border-style:solid}@supports (color: color-mix(in lab,red,red)){.tier-editor__add-btn:hover:not(:disabled){background:color-mix(in srgb,var(--ring) 10%,transparent)}}.tier-editor__add-btn--disabled{color:#9ca3af;border-color:#d1d5db;cursor:not-allowed}.tier-editor__add-icon{width:1.125rem;height:1.125rem}.tier-editor__info{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding:.625rem;font-size:.75rem;text-align:center;border-radius:.5rem}.tier-editor__info--upsell{color:#92400e;background:#eab30826}.tier-editor__info--limit{color:#6b7280;background:#6b728026}.tier-editor__info-icon{flex-shrink:0;width:1rem;height:1rem}.tier-editor__info-icon--premium{color:#eab308}.tier-editor__info-icon--pro-wrapper{position:relative;display:inline-flex;align-items:center}.tier-editor__info-icon--pro{color:#eab308}.tier-editor__info-icon-plus{position:absolute;top:-.375rem;right:-.375rem;font-size:.625rem;font-weight:800;color:#ca8a04}.tier-editor__info-text{line-height:1.4}@media(max-width:480px){.tier-editor__tier{padding:.75rem}.tier-editor__tier-grid{grid-template-columns:1fr;gap:.625rem}.tier-editor__field--full{grid-column:1}.tier-editor__input{font-size:16px}.tier-editor__add-btn{padding:.625rem;min-height:44px}.tier-editor__remove-btn{top:.375rem;right:.375rem;padding:.25rem}}@keyframes chat-events-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-events-card-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.chat-events__hero-content,.chat-events__grid>*,.config-panel,.config-panel__control,.tier-editor__tier{animation:none;opacity:1;transform:none}.event-card,.event-card:hover,.config-panel__btn,.tier-editor__tier,.tier-editor__add-btn{transition:none;transform:none}}.text-green-500{color:#22c55e}.text-red-500{color:#ef4444}.text-gray-500{color:#6b7280}.text-blue-500{color:#3b82f6}.text-purple-500{color:#8b5cf6}.text-yellow-500{color:#eab308}.text-yellow-600{color:#ca8a04}.text-gray-400{color:#9ca3af}.redemptions-page{position:relative;min-height:100vh}.redemptions-hero{position:relative;height:280px;overflow:hidden;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%)}.redemptions-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(251,191,36,.12),transparent 40%),radial-gradient(circle at 80% 40%,rgba(139,92,246,.12),transparent 40%);pointer-events:none}.redemptions-hero-canvas{position:absolute;inset:0;width:100%;height:100%}.redemptions-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.redemptions-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1rem;font-size:.875rem;font-weight:500;color:var(--text-soft);background:var(--surface);border:1px solid var(--ring);border-radius:9999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all .2s ease}@supports (color: color-mix(in lab,red,red)){.redemptions-back-btn{background:color-mix(in srgb,var(--surface) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.redemptions-back-btn{border:1px solid color-mix(in srgb,var(--ring) 25%,transparent)}}.redemptions-back-btn:hover{background:var(--ring);border-color:var(--ring)}@supports (color: color-mix(in lab,red,red)){.redemptions-back-btn:hover{background:color-mix(in srgb,var(--ring) 15%,transparent)}}.redemptions-back-icon{width:1rem;height:1rem}.redemptions-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;color:#d97706;background:color-mix(in srgb,#fbbf24 12%,transparent);border:1px solid color-mix(in srgb,#fbbf24 30%,transparent);border-radius:9999px}.redemptions-hero-badge-icon{width:.875rem;height:.875rem}.redemptions-title{margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--text)}.redemptions-subtitle{margin:0;font-size:1rem;color:var(--text-soft);max-width:500px;line-height:1.5}.redemptions-content{max-width:1400px;margin:0 auto;padding:1.5rem}.redemptions-actions{display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:var(--surface);border:1px solid var(--ring);border-radius:.75rem}@supports (color: color-mix(in lab,red,red)){.redemptions-actions{border:1px solid color-mix(in srgb,var(--ring) 15%,transparent)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.btn-secondary{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.btn-secondary:hover:not(:disabled){background:var(--ring);border-color:var(--ring)}@supports (color: color-mix(in lab,red,red)){.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--ring) 10%,transparent)}}@supports (color: color-mix(in lab,red,red)){.btn-secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--ring) 40%,transparent)}}.btn-success{background:#22c55e;color:#fff}.btn-warning{background:#eab308;color:#fff}.btn-danger{background:#ef4444;color:#fff}.btn-twitch{background:#9146ff;color:#fff}.btn-icon{padding:.5rem;background:transparent;color:var(--text-soft);border:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.btn-icon{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.btn-icon:hover:not(:disabled){background:var(--ring);color:var(--text)}@supports (color: color-mix(in lab,red,red)){.btn-icon:hover:not(:disabled){background:color-mix(in srgb,var(--ring) 10%,transparent)}}.btn-icon.btn-success{background:#22c55e;color:#fff;border-color:#22c55e}.btn-icon.btn-warning{background:#eab308;color:#fff;border-color:#eab308}.button-icon{width:1rem;height:1rem;flex:0 0 auto}.btn-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.button-icon.spinning,.btn-icon .spinning{animation:spin 1s linear infinite}.redemptions-section{margin-bottom:2rem}.redemptions-section-twitch{padding-top:1.5rem;border-top:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.redemptions-section-twitch{border-top:1px solid color-mix(in srgb,var(--ring) 10%,transparent)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.section-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.section-title-icon{width:1.25rem;height:1.25rem;color:#8b5cf6}.section-count{font-size:.875rem;font-weight:400;color:var(--text-soft)}.redemptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media(min-width:640px){.redemptions-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.redemptions-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1400px){.redemptions-grid{grid-template-columns:repeat(4,1fr)}}.redemption-card{position:relative;background:var(--surface);border:1px solid var(--ring);border-radius:.75rem;overflow:hidden;transition:all .2s ease}@supports (color: color-mix(in lab,red,red)){.redemption-card{border:1px solid color-mix(in srgb,var(--ring) 12%,transparent)}}.redemption-card:hover{border-color:var(--ring);box-shadow:0 4px 12px var(--text)}@supports (color: color-mix(in lab,red,red)){.redemption-card:hover{border-color:color-mix(in srgb,var(--ring) 25%,transparent)}}@supports (color: color-mix(in lab,red,red)){.redemption-card:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--text) 5%,transparent)}}.redemption-card-disabled{opacity:.7}.redemption-card-bulk-edit{border-color:#8b5cf6;box-shadow:0 0 0 2px color-mix(in srgb,#8b5cf6 15%,transparent)}.redemption-card-twitch{background:#9146ff}@supports (color: color-mix(in lab,red,red)){.redemption-card-twitch{background:color-mix(in srgb,#9146ff 3%,var(--surface))}}.redemption-color-bar{height:4px;cursor:pointer;transition:height .2s ease}.redemption-color-bar:hover{height:6px}.redemption-content{padding:1rem}.redemption-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.875rem}.redemption-card-badges{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.redemption-surface-tag{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7c3aed;background:color-mix(in srgb,#8b5cf6 10%,transparent);border:1px solid color-mix(in srgb,#8b5cf6 18%,transparent);border-radius:9999px}.redemption-status{display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-radius:9999px}.status-enabled{background:color-mix(in srgb,#22c55e 15%,transparent);color:#15803d}.status-disabled{background:color-mix(in srgb,#6b7280 15%,transparent);color:#4b5563}.redemption-field{margin-bottom:.75rem}.redemption-title{margin:0 0 .375rem;font-size:1.125rem;font-weight:600;color:var(--text);cursor:pointer;line-height:1.3;padding:.125rem .5rem .125rem 0;transition:color .15s ease}.redemption-title:hover{color:#8b5cf6}.redemption-prompt{margin:0 0 .75rem;font-size:.8125rem;color:var(--text-soft);line-height:1.4;cursor:pointer;min-height:1.125rem;max-width:36ch}.redemption-message{margin:0;padding:.5rem .75rem;font-size:.8125rem;color:var(--text);background:var(--surface-2);border-left:2px solid var(--ring);border-radius:0 .375rem .375rem 0;cursor:pointer;line-height:1.4}@supports (color: color-mix(in lab,red,red)){.redemption-message{background:color-mix(in srgb,var(--surface-2) 38%,transparent)}}@supports (color: color-mix(in lab,red,red)){.redemption-message{border-left:2px solid color-mix(in srgb,var(--ring) 55%,transparent)}}.redemption-prompt:hover,.redemption-message:hover{opacity:.8}.field-label{display:block;margin-bottom:.375rem;font-size:.6875rem;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em}.field-input,.field-textarea{width:100%;padding:.5rem .625rem;font-size:.875rem;font-family:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--ring);border-radius:.375rem;outline:none;transition:all .15s ease}@supports (color: color-mix(in lab,red,red)){.field-input,.field-textarea{border:1px solid color-mix(in srgb,var(--ring) 30%,transparent)}}.field-input:focus,.field-textarea:focus{border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}@supports (color: color-mix(in lab,red,red)){.field-input:focus,.field-textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 15%,transparent)}}.field-input-large{font-size:1rem;font-weight:600}.field-textarea{resize:vertical;min-height:50px}.redemption-stats{display:flex;flex-wrap:wrap;gap:1rem;margin:.75rem 0;padding:.5rem 0;border-top:1px solid var(--ring);border-bottom:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.redemption-stats{border-top:1px solid color-mix(in srgb,var(--ring) 10%,transparent)}}@supports (color: color-mix(in lab,red,red)){.redemption-stats{border-bottom:1px solid color-mix(in srgb,var(--ring) 10%,transparent)}}.stat-box{display:flex;flex-direction:column;gap:.125rem;min-width:88px}.stat-box-twitch{opacity:.9}.stat-label{font-size:.625rem;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1rem;font-weight:600;color:var(--text);cursor:pointer;transition:color .15s ease}.stat-value:hover{color:#8b5cf6}.premium-section{margin:.75rem 0;padding:.75rem;background:color-mix(in srgb,#fbbf24 6%,transparent);border:1px solid color-mix(in srgb,#fbbf24 20%,transparent);border-radius:.5rem}.premium-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;color:#b45309}.premium-icon{width:.875rem;height:.875rem;color:#f59e0b}.premium-lock{width:.75rem;height:.75rem;color:#b45309;opacity:.6}.premium-fields{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.premium-field{display:flex;flex-direction:column;gap:.125rem}.premium-field label{font-size:.625rem;font-weight:500;color:#92400e}.premium-field-full{grid-column:1 / -1}.premium-locked{font-size:.8125rem;color:#b45309;opacity:.6}.premium-hint{margin:.375rem 0 0;font-size:.6875rem;color:#b45309;font-style:italic}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem}.checkbox-input{width:1rem;height:1rem;accent-color:#8b5cf6;cursor:pointer}.checkbox-input:disabled{opacity:.5;cursor:not-allowed}.checkbox-text{color:#92400e}.redemption-actions{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:flex-end;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.redemption-actions{border-top:1px solid color-mix(in srgb,var(--ring) 10%,transparent)}}.redemption-readonly-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;color:#9146ff;background:color-mix(in srgb,#9146ff 8%,transparent);border:1px solid color-mix(in srgb,#9146ff 20%,transparent);border-radius:9999px}.twitch-hint{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-soft);font-style:italic}.color-picker-popup{position:absolute;top:8px;left:8px;right:8px;z-index:10;padding:.75rem;background:var(--surface);border:1px solid var(--ring);border-radius:.5rem;box-shadow:0 8px 20px var(--text)}@supports (color: color-mix(in lab,red,red)){.color-picker-popup{border:1px solid color-mix(in srgb,var(--ring) 25%,transparent)}}@supports (color: color-mix(in lab,red,red)){.color-picker-popup{box-shadow:0 8px 20px color-mix(in srgb,var(--text) 10%,transparent)}}.color-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;color:var(--text)}.color-picker-close{padding:.125rem .375rem;font-size:1.125rem;color:var(--text-soft);background:transparent;border:none;cursor:pointer;line-height:1}.color-picker-close:hover{color:var(--text)}.color-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:.375rem;margin-bottom:.5rem}.color-preset{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:.25rem;cursor:pointer;transition:transform .1s ease}.color-preset:hover{transform:scale(1.05)}.color-preset.selected{border-color:var(--text);box-shadow:0 0 0 1px var(--surface),0 0 0 2px var(--ring)}.color-custom{margin-top:.375rem}.color-custom input{width:100%;padding:.375rem .5rem;font-size:.8125rem;font-family:monospace;color:var(--text);background:var(--surface-2);border:1px solid var(--ring);border-radius:.25rem;outline:none}@supports (color: color-mix(in lab,red,red)){.color-custom input{border:1px solid color-mix(in srgb,var(--ring) 25%,transparent)}}.color-custom input:focus{border-color:var(--ring)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:var(--surface-2);border:1px dashed var(--ring);border-radius:.75rem}@supports (color: color-mix(in lab,red,red)){.empty-state{background:color-mix(in srgb,var(--surface-2) 30%,transparent)}}@supports (color: color-mix(in lab,red,red)){.empty-state{border:1px dashed color-mix(in srgb,var(--ring) 25%,transparent)}}.empty-state-twitch{background:color-mix(in srgb,#9146ff 4%,transparent);border-color:color-mix(in srgb,#9146ff 25%,transparent)}.empty-state-icon{width:2.5rem;height:2.5rem;margin-bottom:.75rem;color:var(--text-soft);opacity:.5}.empty-state-text{margin:0 0 1rem;font-size:1rem;color:var(--text-soft)}.redemptions-loading{display:flex;align-items:center;justify-content:center;padding:3rem 2rem}.reward-modal__overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:color-mix(in srgb,#000000 50%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reward-modal__container{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--ring);border-radius:.75rem;box-shadow:0 20px 40px color-mix(in srgb,#000000 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.reward-modal__container{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.reward-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.reward-modal__header{border-bottom:1px solid color-mix(in srgb,var(--ring) 12%,transparent)}}.reward-modal__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text)}.reward-modal__close-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;color:var(--text-soft);background:transparent;border:none;border-radius:.375rem;cursor:pointer}.reward-modal__close-btn:hover{color:var(--text);background:var(--ring)}@supports (color: color-mix(in lab,red,red)){.reward-modal__close-btn:hover{background:color-mix(in srgb,var(--ring) 12%,transparent)}}.reward-modal__close-icon{width:1.125rem;height:1.125rem}.reward-modal__form{padding:1rem}.reward-modal__actions{display:flex;gap:.625rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.reward-modal__actions{border-top:1px solid color-mix(in srgb,var(--ring) 12%,transparent)}}.form-field{margin-bottom:1rem}.form-label{display:flex;align-items:center;gap:.25rem;margin-bottom:.375rem;font-size:.8125rem;font-weight:600;color:var(--text)}.form-label-icon{width:.875rem;height:.875rem;color:var(--text-soft)}.form-required{color:#ef4444}.form-input,.form-textarea{width:100%;padding:.5rem .75rem;font-size:.875rem;font-family:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--ring);border-radius:.375rem;outline:none;transition:all .15s ease}@supports (color: color-mix(in lab,red,red)){.form-input,.form-textarea{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.form-input:focus,.form-textarea:focus{border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}@supports (color: color-mix(in lab,red,red)){.form-input:focus,.form-textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 12%,transparent)}}.form-input-error{border-color:#ef4444}.form-input-error:focus{box-shadow:0 0 0 2px color-mix(in srgb,#ef4444 12%,transparent)}.form-error{display:block;margin-top:.25rem;font-size:.6875rem;color:#ef4444}.form-textarea{resize:vertical;min-height:60px}.form-input-with-suffix{position:relative;display:flex;align-items:center}.form-input-with-suffix .form-input{padding-right:3.5rem}.form-input-suffix{position:absolute;right:.75rem;font-size:.8125rem;color:var(--text-soft)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-field-half{margin-bottom:0}.form-field-checkbox{margin-top:.375rem}.color-picker-trigger{display:flex;align-items:center;gap:.625rem;padding:.375rem;background:var(--surface-2);border:1px solid var(--ring);border-radius:.375rem;cursor:pointer}@supports (color: color-mix(in lab,red,red)){.color-picker-trigger{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.color-picker-trigger:hover{border-color:var(--ring)}@supports (color: color-mix(in lab,red,red)){.color-picker-trigger:hover{border-color:color-mix(in srgb,var(--ring) 40%,transparent)}}.color-preview{width:1.75rem;height:1.75rem;border-radius:.25rem;border:1px solid var(--ring)}@supports (color: color-mix(in lab,red,red)){.color-preview{border:1px solid color-mix(in srgb,var(--ring) 25%,transparent)}}.color-value{font-size:.8125rem;font-family:monospace;color:var(--text)}.color-picker-dropdown{margin-top:.5rem;padding:.625rem;background:var(--surface-2);border:1px solid var(--ring);border-radius:.375rem}@supports (color: color-mix(in lab,red,red)){.color-picker-dropdown{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}.reward-modal__checkbox-grid{display:grid;gap:.625rem}.reward-modal__checkbox-option{padding:.75rem .875rem;background:var(--surface-2);border:1px solid var(--ring);border-radius:.5rem}@supports (color: color-mix(in lab,red,red)){.reward-modal__checkbox-option{border:1px solid color-mix(in srgb,var(--ring) 14%,transparent)}}.reward-modal__checkbox-text{color:var(--text)}.premium-section .premium-header{margin-bottom:.75rem}@media(max-width:640px){.redemptions-hero{height:auto;min-height:0;padding:.85rem 0 1.25rem}.redemptions-hero:before{background:radial-gradient(circle at 12% 18%,rgba(251,191,36,.16),transparent 42%),radial-gradient(circle at 88% 24%,rgba(139,92,246,.16),transparent 46%),linear-gradient(180deg,rgba(15,23,42,.08),transparent 48%)}.redemptions-hero-content{align-items:flex-start;justify-content:flex-start;gap:.6rem;padding:.4rem 1rem 0;text-align:left}.redemptions-back-btn{align-self:flex-start;margin-bottom:.35rem}.redemptions-hero-badge{margin-bottom:0}.redemptions-title{max-width:10ch;margin-bottom:0;font-size:clamp(2rem,10vw,2.6rem);line-height:1.05}.redemptions-subtitle{max-width:28ch;font-size:.98rem;line-height:1.55}.redemptions-content{padding:1rem}.redemptions-actions{flex-direction:column}.redemptions-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.premium-fields,.form-row{grid-template-columns:1fr}.color-presets{grid-template-columns:repeat(4,1fr)}.redemption-stats{flex-direction:column;gap:.5rem}}@media(prefers-reduced-motion:reduce){.redemption-card,.btn,.redemptions-back-btn{transition:none}.redemption-card:hover{transform:none}}.settings-tts__panel{gap:1.5rem}.settings-tts__panel-header{align-items:flex-start}.settings-tts__header-badges{display:inline-flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.settings-tts__pill{display:inline-flex;align-items:center;gap:.45rem}.settings-tts__pill--muted{opacity:.8}.settings-tts__grid{display:grid;gap:1rem}.settings-tts__card{display:grid;gap:1rem;border:1px solid var(--ring);border-radius:1.25rem;background:var(--surface);padding:1.1rem}@supports (color: color-mix(in lab,red,red)){.settings-tts__card{border:1px solid color-mix(in srgb,var(--ring) 20%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-tts__card{background:color-mix(in srgb,var(--surface) 90%,transparent)}}.settings-tts__card--wide{grid-column:span 2}.settings-tts__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.settings-tts__card-header h3{margin:.2rem 0 0;font-size:1.05rem}.settings-tts__field-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.settings-tts__field{display:grid;gap:.45rem}.settings-tts__label{display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:700}.settings-tts__input,.settings-tts__select{width:100%;border:1px solid var(--ring);border-radius:.9rem;background:var(--surface);color:inherit;font:inherit;padding:.8rem .95rem}@supports (color: color-mix(in lab,red,red)){.settings-tts__input,.settings-tts__select{border:1px solid color-mix(in srgb,var(--ring) 24%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-tts__input,.settings-tts__select{background:color-mix(in srgb,var(--surface) 84%,transparent)}}.settings-tts__input:disabled,.settings-tts__select:disabled{opacity:.72;cursor:not-allowed}.settings-tts__toggle-row,.settings-tts__checkbox-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid var(--ring);border-radius:1rem;background:var(--surface-2);padding:.95rem 1rem}@supports (color: color-mix(in lab,red,red)){.settings-tts__toggle-row,.settings-tts__checkbox-row{border:1px solid color-mix(in srgb,var(--ring) 16%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-tts__toggle-row,.settings-tts__checkbox-row{background:color-mix(in srgb,var(--surface-2) 45%,transparent)}}.settings-tts__toggle-row p,.settings-tts__checkbox-row p,.settings-tts__note-card p,.settings-tts__footer-copy{margin:.25rem 0 0;color:var(--text-soft);font-size:.92rem}.settings-tts__filters{display:grid;gap:.85rem}.settings-tts__note-card{border:1px dashed var(--ring);border-radius:1rem;background:var(--surface-2);padding:.95rem 1rem}@supports (color: color-mix(in lab,red,red)){.settings-tts__note-card{border:1px dashed color-mix(in srgb,var(--ring) 30%,transparent)}}@supports (color: color-mix(in lab,red,red)){.settings-tts__note-card{background:color-mix(in srgb,var(--surface-2) 42%,transparent)}}.settings-tts__note-title{margin:0;font-weight:700;color:var(--text)}.settings-tts__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.settings-tts__save-btn{min-width:12rem;justify-content:center}@media(max-width:900px){.settings-tts__card--wide{grid-column:span 1}.settings-tts__footer,.settings-tts__toggle-row,.settings-tts__checkbox-row{flex-direction:column;align-items:stretch}.settings-tts__save-btn{width:100%}}.lf-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0}.lf-icon svg{width:100%;height:100%}.lf-back,.lf-modal__close,.lf-preview-modal__close,.lf-icon-btn,.lf-view-btn,.lf-search__clear,.voice-close,.lf-asset-card__preview-btn,.lf-item-card__preview-btn{display:inline-flex;align-items:center;justify-content:center}.lf-back{gap:.35rem}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-ease: initial}}}