.unauthorized-warning{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;min-height:300px;background-color:#0000008b;border-radius:8px;margin:2rem;margin-top:200px}.unauthorized-warning h2{color:var(--color-error);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.unauthorized-warning p{color:var(--color-error);font-size:1rem;line-height:1.5;max-width:400px}.circle-loader{border-radius:50%;border-style:solid;border-color:var(--color-spinner-track);border-top-color:var(--color-spinner-active);animation:circle-spin 1s linear infinite}.circle-loader--small{width:24px;height:24px;border-width:2px}.circle-loader--medium{width:40px;height:40px;border-width:3px}.circle-loader--large{width:64px;height:64px;border-width:4px}@keyframes circle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-loading{display:flex;justify-content:center;align-items:center;min-height:50vh;width:100%}.page-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--button-padding, var(--spacing-base) var(--spacing-xl));border-radius:var(--button-border-radius, var(--border-radius-md));font-family:var(--font-family-base);font-size:var(--button-font-size, var(--font-size-xl));font-weight:var(--font-weight-semibold);cursor:pointer;border:none;transition:all var(--duration-base) var(--easing-ease);-webkit-user-select:none;user-select:none}.button:disabled{cursor:not-allowed;opacity:.3}.button{box-shadow:var(--shadow-button);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--color-text-primary)}.button.disabled{cursor:not-allowed;opacity:.3}.button.primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--button-padding, var(--spacing-base) var(--spacing-xl));border-radius:var(--button-border-radius, var(--border-radius-md));font-family:var(--font-family-base);font-size:var(--button-font-size, var(--font-size-xl));font-weight:var(--font-weight-semibold);cursor:pointer;border:none;transition:all var(--duration-base) var(--easing-ease);-webkit-user-select:none;user-select:none}.button.primary:disabled{cursor:not-allowed;opacity:.3}.button.primary{background-color:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide)}.button.secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--button-padding, var(--spacing-base) var(--spacing-xl));border-radius:var(--button-border-radius, var(--border-radius-md));font-family:var(--font-family-base);font-size:var(--button-font-size, var(--font-size-xl));font-weight:var(--font-weight-semibold);cursor:pointer;border:none;transition:all var(--duration-base) var(--easing-ease);-webkit-user-select:none;user-select:none}.button.secondary:disabled{cursor:not-allowed;opacity:.3}.button.secondary{background-color:var(--color-background-button-secondary);color:var(--color-text-primary)}.button.secondary:hover:not(:disabled){background-color:var(--color-border-primary)}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-background-overlay);-webkit-backdrop-filter:blur(var(--blur-base));backdrop-filter:blur(var(--blur-base));z-index:1000;display:flex;justify-content:center;align-items:center;padding:var(--spacing-base);box-sizing:border-box}.confirmation-modal{position:relative;width:100%;max-width:500px;padding:var(--spacing-lg);max-height:fit-content;box-sizing:border-box;background:var(--modal-background, var(--gradient-primary));color:var(--color-text-primary);font-family:var(--font-family-base);border-radius:var(--border-radius-md);box-shadow:var(--modal-glow, var(--shadow-2xl));border:var(--modal-border, none)}.confirmation-modal-header{font-size:var(--modal-header-font-size, var(--font-size-3xl));margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-bold)}@media (max-width: 767px){.confirmation-modal-header{font-size:var(--modal-header-font-size-mobile, var(--modal-header-font-size, var(--font-size-2xl)))}}.confirmation-modal-content{margin-bottom:var(--spacing-lg);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.confirmation-modal-button-container{display:flex;justify-content:flex-end;gap:var(--spacing-base);margin-top:var(--spacing-lg)}.confirmation-modal-button{display:flex;align-items:center;height:var(--modal-button-height, 40px);box-sizing:border-box;padding:0 var(--modal-button-padding-x, var(--spacing-lg))!important;font-size:var(--modal-button-font-size, var(--font-size-xl))!important;width:auto!important}@media (max-width: 767px){.confirmation-modal-button{height:var(--modal-button-height-mobile, var(--modal-button-height, 36px));padding:0 var(--modal-button-padding-x-mobile, var(--modal-button-padding-x, var(--spacing-md)))!important;font-size:var(--modal-button-font-size-mobile, var(--modal-button-font-size, var(--font-size-lg)))!important}}.confirmation-modal-button.primary{background-color:var(--modal-cancel-background, var(--color-primary))!important;color:var(--modal-cancel-color, var(--color-text-inverse))!important}.confirmation-modal-button.primary:hover{background-color:var(--modal-cancel-hover, var(--color-primary-hover))!important}.confirmation-modal-button.secondary{background:var(--gradient-modal-confirm)!important;box-shadow:var(--shadow-action-button)}.confirmation-modal-button.secondary:hover{background:var(--gradient-modal-confirm-hover)!important;box-shadow:var(--shadow-action-button-hover)}.login-button-container{position:relative;display:inline-block}.login-button{padding:0!important;font-size:var(--login-button-font-size, var(--font-size-base))!important;background-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-button:hover{text-decoration:underline}.login-dropdown{position:absolute;top:100%;right:0;min-width:150px;background:var(--login-dropdown-background, var(--gradient-primary));border:var(--login-dropdown-border, none);border-radius:var(--border-radius-base);box-shadow:var(--login-dropdown-glow, var(--shadow-lg));z-index:1000;overflow:hidden;margin-top:var(--spacing-xs)}.login-dropdown-item{width:100%;padding:var(--spacing-md) var(--spacing-base);border:none;background:transparent;color:var(--login-dropdown-text, var(--color-text-primary));font-family:var(--font-family-base);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-ease-out),color var(--duration-fast) var(--easing-ease-out)}.login-dropdown-item:hover{background-color:var(--color-background-glass-light);color:var(--color-text-primary)}.login-dropdown-item:not(:first-child){border-top:var(--login-dropdown-divider, 1px solid var(--color-border-primary))}.login-modal-container{position:fixed;top:0;left:0;height:100vh;width:100vw;padding:var(--spacing-base);background-color:var(--color-background-overlay);-webkit-backdrop-filter:blur(var(--blur-base));backdrop-filter:blur(var(--blur-base));z-index:1000;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh}@media (min-width: 500px){.login-modal-container{padding-top:10vh}}.login-modal{position:relative;width:100%;padding:var(--spacing-lg);box-sizing:border-box;background:var(--modal-background, var(--gradient-primary));color:var(--color-text-primary);font-family:var(--font-family-base);border-radius:var(--border-radius-md);border:var(--modal-border, none);box-shadow:var(--modal-glow, var(--shadow-2xl))}@media (min-width: 500px){.login-modal{max-width:500px}}.login-modal-header{font-size:var(--modal-header-font-size, var(--font-size-3xl));margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-bold)}@media (max-width: 767px){.login-modal-header{font-size:var(--modal-header-font-size-mobile, var(--modal-header-font-size, var(--font-size-2xl)))}}.login-modal-content{margin-bottom:var(--spacing-lg)}.login-modal-input{display:flex;align-items:center;border:none;outline:none;background-color:transparent;color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);box-sizing:border-box;width:100%}.login-modal-input::placeholder{color:var(--color-text-placeholder);font-weight:var(--font-weight-normal)}.login-modal-input-container{display:flex;justify-content:center;align-items:center;background-color:var(--color-background-input);border-radius:var(--border-radius-md);padding:var(--spacing-sm);height:40px;box-sizing:border-box;margin:var(--spacing-sm) 0}.login-modal-button-container{display:flex;justify-content:end;gap:var(--spacing-base);margin-top:var(--spacing-lg)}.login-modal-button{display:flex;align-items:center;height:var(--modal-button-height, 40px);box-sizing:border-box;padding:0 var(--modal-button-padding-x, var(--spacing-lg))!important;font-size:var(--modal-button-font-size, var(--font-size-xl))!important;width:auto!important}@media (max-width: 767px){.login-modal-button{height:var(--modal-button-height-mobile, var(--modal-button-height, 36px));padding:0 var(--modal-button-padding-x-mobile, var(--modal-button-padding-x, var(--spacing-md)))!important;font-size:var(--modal-button-font-size-mobile, var(--modal-button-font-size, var(--font-size-lg)))!important}}.login-modal-button.primary{background-color:var(--modal-cancel-background, var(--color-primary))!important;color:var(--modal-cancel-color, var(--color-text-inverse))!important}.login-modal-button.primary:hover{background-color:var(--modal-cancel-hover, var(--color-primary-hover))!important}.login-modal-button.secondary{background:var(--gradient-modal-confirm)!important;box-shadow:var(--shadow-action-button)}.login-modal-button.secondary:hover{background:var(--gradient-modal-confirm-hover)!important;box-shadow:var(--shadow-action-button-hover)}.login-modal-mode-switch{display:flex;justify-content:center;margin-top:var(--spacing-base)}.login-modal-switch-link{background:none;border:none;color:var(--color-text-primary);text-decoration:underline;cursor:pointer;font-size:var(--font-size-sm);opacity:.8}.login-modal-switch-link:hover{opacity:1}.login-modal-switch-link:disabled{opacity:.5;cursor:not-allowed}.login-modal-error{background-color:#ef444433;border:1px solid var(--color-error);border-radius:var(--border-radius-base);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-base);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.logo{width:auto;display:block;-webkit-user-select:none;user-select:none}.network-status{position:fixed;top:0;left:0;right:0;background:var(--gradient-status-error);color:var(--color-text-inverse);z-index:1000;border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-md);animation:slideDown var(--duration-base) var(--easing-ease-out)}.network-status__content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-base);max-width:1200px;margin:0 auto;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.network-status__icon{font-size:var(--font-size-xl);animation:pulse 1.5s infinite}.network-status__message{flex:1;text-align:center}@media (max-width: 767px){.network-status__message{font-size:var(--font-size-xs)}}.network-status__retry{background:var(--color-background-glass);border:1px solid var(--color-border-primary);color:var(--color-text-inverse);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease-out)}.network-status__retry:hover{background:var(--color-background-button-secondary);border-color:var(--color-border-primary);transform:translateY(-1px)}.network-status__retry:active{transform:translateY(0)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-with-network-warning{padding-top:60px}.main-layout{position:relative;height:100%;display:flex;flex-direction:column}.main-layout:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-background-primary);background-image:var(--background-image);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;pointer-events:none}.main-layout__background-video{position:absolute;top:0;right:0;width:100%;height:auto;object-fit:cover;object-position:top right;pointer-events:none;z-index:-1}@media (min-width: 768px){.main-layout__background-video{height:150vh}}header{position:relative;padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;width:100%;height:120px;box-sizing:border-box;background:var(--gradient-header-overlay);flex-shrink:0;z-index:100}.logo-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit;cursor:pointer;z-index:1}.logo-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--border-radius-sm)}.logo{width:auto;height:var(--header-logo-height, 50px);z-index:1}.logo.logo--desktop{display:block}@media (max-width: 767px){.logo.logo--desktop{display:none}}.logo.logo--mobile{display:none;height:var(--header-logo-height-mobile, 40px)}@media (max-width: 767px){.logo.logo--mobile{display:block}}.content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow:hidden}@font-face{font-family:Cabin VF Beta;src:url(/fonts/CabinVFBeta.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--color-primary: #377dff;--color-primary-hover: #4d8fff;--color-primary-dark: #0943ba;--color-secondary: #4e3fec;--color-secondary-light: #aca3f3;--color-secondary-dark: #08041b;--color-accent: #377dff;--color-accent-hover: #5b94ff;--color-background-primary: #08041b;--color-background-secondary: #0943ba;--color-background-overlay: rgba(8, 4, 27, .8);--color-background-glass: rgba(0, 0, 0, .34);--color-overlay-dark: rgba(8, 4, 27, .7);--color-shadow-strong: rgba(0, 0, 0, .5);--color-glow-primary: rgba(55, 125, 255, .6);--color-background-glass-light: rgba(55, 125, 255, .05);--color-background-message: rgba(55, 125, 255, .05);--color-background-message-hover: rgba(55, 125, 255, .1);--color-background-button-secondary: rgba(55, 125, 255, .15);--color-background-input: rgba(55, 125, 255, .12);--color-background-input-focus: rgba(55, 125, 255, .2);--color-background-pagination: rgba(55, 125, 255, .1);--color-background-badge: rgba(55, 125, 255, .15);--color-background-badge-hover: rgba(55, 125, 255, .3);--color-background-loading: #08041b;--color-background-dark: #08041b;--color-background-dark-strong: rgba(8, 4, 27, .8);--color-background-tooltip: rgba(8, 4, 27, .95);--color-background-tooltip-hover: rgba(8, 4, 27, .98);--color-background-stamp-topup: rgba(55, 125, 255, .08);--color-background-stamp-cost: rgba(0, 0, 0, .15);--color-spinner-track: rgba(200, 220, 255, .4);--color-spinner-active: #e0ecff;--color-chat-loading: #b19cd9;--color-send-button: #b19cd9;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-tertiary: rgba(255, 255, 255, .6);--color-text-inverse: #ffffff;--color-text-placeholder: rgba(255, 255, 255, .6);--color-text-badge: rgba(255, 255, 255, .9);--color-success: #22c55e;--color-success-light: #48f286;--color-success-background: rgba(34, 197, 94, .2);--color-success-border: rgba(73, 246, 137, .3);--color-error: #dc2626;--color-error-dark: #b91c1c;--color-error-background: rgba(220, 38, 38, .2);--color-error-border: rgba(185, 28, 28, .3);--color-warning: #ffad69;--color-info: #377dff;--color-border-primary: rgba(55, 125, 255, .3);--color-border-secondary: rgba(55, 125, 255, .2);--color-border-input: rgba(55, 125, 255, .6);--color-border-input-focus: rgba(55, 125, 255, .8);--color-border-pagination: rgba(55, 125, 255, .3);--color-border-tooltip: rgba(55, 125, 255, .3);--color-border-badge: rgba(55, 125, 255, .2);--color-border-stamp-topup: rgba(55, 125, 255, .15);--color-border-stream-list: rgba(255, 255, 255, .3);--color-disabled: #6b7280;--color-disabled-light: #9ca3af;--font-family-base: Open Sans, sans-serif;--font-family-heading: Open Sans, sans-serif;--font-family-mono: Monaco, Courier New, monospace;--font-family-serif: Times New Roman, Times, serif;--font-size-2xs: 10px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: .05em;--letter-spacing-wide: .06em;--letter-spacing-wider: .08em;--spacing-none: 0;--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 64px;--spacing-5xl: 80px;--border-radius-none: 0;--border-radius-sm: 4px;--border-radius-base: 8px;--border-radius-input: 10px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-2xl: 24px;--border-radius-full: 9999px;--border-radius-pill: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-button: 0 5px 10px rgba(0, 0, 0, .1);--shadow-input-focus: 0 4px 12px rgba(0, 0, 0, .02);--shadow-action-button: 0 2px 8px rgba(136, 65, 228, .3);--shadow-action-button-hover: 0 4px 12px rgba(136, 65, 228, .4);--shadow-action-delete: 0 2px 8px rgba(255, 138, 80, .3);--shadow-action-delete-hover: 0 4px 12px rgba(255, 138, 80, .4);--shadow-action-unpin: 0 2px 8px rgba(107, 114, 128, .3);--shadow-action-unpin-hover: 0 4px 12px rgba(107, 114, 128, .4);--shadow-action-token: 0 2px 8px rgba(79, 70, 229, .3);--shadow-action-token-hover: 0 4px 12px rgba(79, 70, 229, .4);--shadow-stamp-header: 0 4px 16px rgba(30, 58, 138, .25);--shadow-stamp-info: 0 4px 16px rgba(30, 58, 138, .3);--shadow-stamp-card: 0 4px 12px rgba(102, 126, 234, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--duration-fast: .15s;--duration-base: .2s;--duration-medium: .3s;--duration-slow: .5s;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-linear: linear;--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--easing-smooth: cubic-bezier(.37, 0, .63, 1);--easing-smooth-alt: cubic-bezier(.87, 0, .13, 1);--blur-none: 0;--blur-sm: 4px;--blur-base: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 20px;--gradient-primary: linear-gradient(180deg, rgba(0, 0, 0, .85) 0%, rgba(8, 4, 27, .95) 100%);--gradient-secondary: linear-gradient(135deg, #4e3fec 0%, #aca3f3 100%);--gradient-accent: linear-gradient(135deg, #377dff 0%, #5b94ff 50%, #7eaaff 100%);--gradient-accent-hover: linear-gradient(135deg, #4d8fff 0%, #7eaaff 50%, #9ec4ff 100%);--gradient-overlay-top: linear-gradient(180deg, #08041b 0%, rgba(8, 4, 27, 0) 100%);--gradient-overlay-light: linear-gradient(to bottom, rgba(8, 4, 27, .5) 0%, transparent);--gradient-header-overlay: transparent;--gradient-status-error: linear-gradient(135deg, #ff6b6b, #ee5a52);--gradient-action-pin: linear-gradient(135deg, #8841e4, #c084fc);--gradient-action-pin-hover: linear-gradient(135deg, #7c3adb, #a855f7);--gradient-action-delete: linear-gradient(135deg, #ff8a50, #e53e3e);--gradient-action-delete-hover: linear-gradient(135deg, #ff7a40, #dc2626);--gradient-action-unpin: linear-gradient(135deg, #6b7280, #9ca3af);--gradient-action-unpin-hover: linear-gradient(135deg, #4b5563, #6b7280);--gradient-action-edit: linear-gradient(135deg, #8841e4, #ff8a50);--gradient-action-edit-hover: linear-gradient(135deg, #7c3adb, #ff7a40);--gradient-action-token: linear-gradient(135deg, #4f46e5, #06b6d4);--gradient-action-token-hover: linear-gradient(135deg, #4338ca, #0891b2);--gradient-modal-confirm: linear-gradient(135deg, #0ea5e9, #7dd3fc);--gradient-modal-confirm-hover: linear-gradient(135deg, #38bdf8, #bae6fd);--gradient-stamp-header: linear-gradient(135deg, #0943ba, #4e3fec);--gradient-stamp-info: linear-gradient(135deg, rgba(9, 67, 186, .95), rgba(78, 63, 236, .95));--gradient-stamp-badge-chat: linear-gradient(135deg, #377dff, #7eaaff);--gradient-stamp-badge-media: linear-gradient(135deg, #f59e0b, #fbbf24);--font-family-base: Cabin VF Beta, DIN Next, DIN Pro, Helvetica Neue, Roboto, Open Sans, Arial, sans-serif;--font-family-heading: Cabin VF Beta, DIN Next, DIN Pro, Helvetica Neue, Roboto, Open Sans, Arial, sans-serif;--background-image: url(/assets/themes/cryptomondays/cryptomonday_bg.avif), var(--gradient-primary);--accent-border: 1px solid rgba(55, 125, 255, .3);--accent-glow: 0 0 2px rgba(55, 125, 255, .3);--pinned-border: 2px solid #377dff;--pinned-glow: 0 0 12px #377dff;--login-dropdown-background: linear-gradient(180deg, rgba(0, 0, 0, .85) 0%, rgba(8, 4, 27, .95) 100%);--login-dropdown-border: 1px solid rgba(55, 125, 255, .3);--login-dropdown-glow: 0 0 2px rgba(55, 125, 255, .3);--login-dropdown-divider: 1px solid rgba(55, 125, 255, .3);--login-dropdown-text: #cccccc;--login-button-padding: var(--spacing-md) var(--spacing-lg);--login-button-font-size: var(--font-size-lg);--modal-border: 1px solid rgba(55, 125, 255, .3);--modal-glow: 0 0 2px rgba(55, 125, 255, .3);--modal-cancel-background: #6b46c1;--modal-cancel-hover: #7c3aed;--modal-header-font-size: var(--font-size-2xl);--modal-header-font-size-mobile: var(--font-size-xl);--modal-button-height: 40px;--modal-button-font-size: var(--font-size-xl);--modal-button-padding-x: var(--spacing-lg);--modal-button-height-mobile: 36px;--modal-button-font-size-mobile: var(--font-size-base);--modal-button-padding-x-mobile: var(--spacing-base);--chat-message-background: rgba(55, 125, 255, .15);--back-button-font-size-mobile: var(--font-size-md);--gradient-create-stream: linear-gradient(135deg, #377dff, #5b94ff);--gradient-create-stream-hover: linear-gradient(135deg, #2968ff, #4d8fff)}html[data-theme=solarpunk]{--color-primary: #fe8950;--color-primary-hover: #f9a880;--color-primary-dark: #8841e4;--color-secondary: #cc99ff;--color-secondary-light: #667eea;--color-secondary-dark: #190349;--color-accent: #ff8a50;--color-accent-hover: #ff9966;--color-background-primary: #000000;--color-background-secondary: #190349;--color-background-overlay: rgba(0, 0, 0, .5);--color-background-glass: rgba(0, 0, 0, .25);--color-overlay-dark: rgba(0, 0, 0, .6);--color-shadow-strong: rgba(0, 0, 0, .5);--color-glow-primary: rgba(136, 65, 228, .6);--color-background-glass-light: rgba(255, 255, 255, .05);--color-background-message: rgba(255, 255, 255, .05);--color-background-message-hover: rgba(255, 255, 255, .1);--color-background-button-secondary: rgba(0, 0, 0, .42);--color-background-input: rgba(255, 255, 255, .1);--color-background-input-focus: rgba(255, 255, 255, .15);--color-background-pagination: rgba(255, 255, 255, .15);--color-background-badge: rgba(255, 255, 255, .15);--color-background-badge-hover: ;--color-background-loading: #000000;--color-background-dark: #000000;--color-background-dark-strong: rgba(0, 0, 0, .8);--color-background-tooltip: #000000;--color-background-tooltip-hover: #000000;--color-background-stamp-topup: rgba(255, 255, 255, .08);--color-background-stamp-cost: rgba(0, 0, 0, .15);--color-spinner-track: rgba(136, 65, 228, .3);--color-spinner-active: #ff8a50;--color-chat-loading: #ff8a50;--color-send-button: #ec7b48;--color-text-primary: #efefef;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-tertiary: rgba(255, 255, 255, .5);--color-text-inverse: #ffffff;--color-text-placeholder: rgba(255, 255, 255, .6);--color-text-badge: rgba(255, 255, 255, .9);--color-success: #22c55e;--color-success-light: #48f286;--color-success-background: rgba(34, 197, 94, .2);--color-success-border: rgba(73, 246, 137, .3);--color-error: #dc2626;--color-error-dark: #b91c1c;--color-error-background: rgba(220, 38, 38, .2);--color-error-border: rgba(185, 28, 28, .3);--color-warning: #ffad69;--color-info: #377dff;--color-border-primary: rgba(255, 255, 255, .1);--color-border-secondary: rgba(255, 255, 255, .05);--color-border-input: rgba(255, 255, 255, .3);--color-border-input-focus: rgba(255, 255, 255, .6);--color-border-pagination: rgba(255, 255, 255, .3);--color-border-tooltip: #000000;--color-border-badge: rgba(255, 255, 255, .2);--color-border-stamp-topup: rgba(255, 255, 255, .15);--color-border-stream-list: ;--color-disabled: #6b7280;--color-disabled-light: #9ca3af;--font-family-base: Open Sans, sans-serif;--font-family-heading: Open Sans, sans-serif;--font-family-mono: Monaco, Courier New, monospace;--font-family-serif: Times New Roman, Times, serif;--font-size-2xs: 10px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-normal: .05em;--letter-spacing-wide: .06em;--letter-spacing-wider: .08em;--spacing-none: 0;--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 64px;--spacing-5xl: 80px;--border-radius-none: 0;--border-radius-sm: 4px;--border-radius-base: 8px;--border-radius-input: 10px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-2xl: 24px;--border-radius-full: 9999px;--border-radius-pill: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-button: 0 5px 10px rgba(0, 0, 0, .1);--shadow-input-focus: 0 4px 12px rgba(0, 0, 0, .02);--shadow-action-button: 0 2px 8px rgba(136, 65, 228, .3);--shadow-action-button-hover: 0 4px 12px rgba(136, 65, 228, .4);--shadow-action-delete: 0 2px 8px rgba(255, 138, 80, .3);--shadow-action-delete-hover: 0 4px 12px rgba(255, 138, 80, .4);--shadow-action-unpin: 0 2px 8px rgba(107, 114, 128, .3);--shadow-action-unpin-hover: 0 4px 12px rgba(107, 114, 128, .4);--shadow-action-token: 0 2px 8px rgba(79, 70, 229, .3);--shadow-action-token-hover: 0 4px 12px rgba(79, 70, 229, .4);--shadow-stamp-header: 0 4px 16px rgba(30, 58, 138, .25);--shadow-stamp-info: 0 4px 16px rgba(30, 58, 138, .3);--shadow-stamp-card: 0 4px 12px rgba(102, 126, 234, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--duration-fast: .15s;--duration-base: .2s;--duration-medium: .3s;--duration-slow: .5s;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-linear: linear;--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--easing-smooth: cubic-bezier(.37, 0, .63, 1);--easing-smooth-alt: cubic-bezier(.87, 0, .13, 1);--blur-none: 0;--blur-sm: 4px;--blur-base: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 20px;--gradient-primary: linear-gradient(rgb(136, 65, 228), rgb(255, 138, 80));--gradient-secondary: linear-gradient(135deg, #667eea 0%, #cc99ff 100%);--gradient-accent: linear-gradient(135deg, #ff6b35 0%, #ff8e53 50%, #ffb366 100%);--gradient-accent-hover: linear-gradient(135deg, #ff7a40 0%, #ff9966 50%, #ffc680 100%);--gradient-overlay-top: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);--gradient-overlay-light: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, transparent);--gradient-header-overlay: linear-gradient(180deg, #190349, rgba(0, 0, 0, 0));--gradient-status-error: linear-gradient(135deg, #ff6b6b, #ee5a52);--gradient-action-pin: linear-gradient(135deg, #8841e4, #c084fc);--gradient-action-pin-hover: linear-gradient(135deg, #7c3adb, #a855f7);--gradient-action-delete: linear-gradient(135deg, #ff8a50, #e53e3e);--gradient-action-delete-hover: linear-gradient(135deg, #ff7a40, #dc2626);--gradient-action-unpin: linear-gradient(135deg, #6b7280, #9ca3af);--gradient-action-unpin-hover: linear-gradient(135deg, #4b5563, #6b7280);--gradient-action-edit: linear-gradient(135deg, #8841e4, #ff8a50);--gradient-action-edit-hover: linear-gradient(135deg, #7c3adb, #ff7a40);--gradient-action-token: linear-gradient(135deg, #4f46e5, #06b6d4);--gradient-action-token-hover: linear-gradient(135deg, #4338ca, #0891b2);--gradient-modal-confirm: linear-gradient(135deg, #7c3adb, #ff7a40);--gradient-modal-confirm-hover: linear-gradient(135deg, #8841e4, #ff8a50);--gradient-stamp-header: linear-gradient(135deg, #1e3a8a, #581c87);--gradient-stamp-info: linear-gradient(135deg, rgba(30, 58, 138, .95), rgba(88, 28, 135, .95));--gradient-stamp-badge-chat: linear-gradient(135deg, #8b5cf6, #a78bfa);--gradient-stamp-badge-media: linear-gradient(135deg, #f59e0b, #fbbf24);--background-image: var(--gradient-primary);--accent-border: none;--accent-glow: none;--pinned-border: 2px solid #fe8950;--pinned-glow: 0 0 12px #fe8950;--login-dropdown-background: linear-gradient(rgb(136, 65, 228), rgb(255, 138, 80));--login-dropdown-border: none;--login-dropdown-glow: none;--login-dropdown-divider: 1px solid rgba(255, 255, 255, .2);--login-dropdown-text: #efefef;--login-button-padding: var(--spacing-xs) var(--spacing-sm);--login-button-font-size: var(--font-size-base);--modal-border: none;--modal-glow: none;--modal-cancel-background: #fe8950;--modal-cancel-hover: #ff9966;--modal-header-font-size: var(--font-size-2xl);--modal-header-font-size-mobile: var(--font-size-xl);--modal-button-height: 40px;--modal-button-font-size: var(--font-size-xl);--modal-button-padding-x: var(--spacing-lg);--modal-button-height-mobile: 36px;--modal-button-font-size-mobile: var(--font-size-base);--modal-button-padding-x-mobile: var(--spacing-base);--chat-message-background: rgba(255, 255, 255, .05);--stream-info-background: rgba(255, 255, 255, .05);--stream-info-border: 1px solid rgba(255, 255, 255, .1);--stream-info-glow: none;--player-loading-background: rgba(255, 255, 255, .05);--player-loading-border: 1px solid rgba(255, 255, 255, .1);--player-loading-glow: none;--player-error-background: rgba(255, 255, 255, .05);--player-error-border: 1px solid rgba(255, 255, 255, .1);--player-error-glow: none;--letter-spacing-tight: -.02em;--letter-spacing-normal: .025em;--letter-spacing-wide: .03em;--letter-spacing-wider: .05em;--stream-group-background: linear-gradient(135deg, rgba(102, 126, 234, .1), rgba(204, 153, 255, .1));--stream-group-border: 1px solid rgba(255, 255, 255, .1);--stream-group-border-radius: 16px;--stream-group-padding: 20px;--stream-group-blur: blur(10px);--back-button-font-size-mobile: var(--font-size-md);--gradient-create-stream: linear-gradient(135deg, #8841e4, #ff8a50);--gradient-create-stream-hover: linear-gradient(135deg, #7c3adb, #ff7a40)}html[data-theme=cryptomondays]{--color-primary: #377dff;--color-primary-hover: #4d8fff;--color-primary-dark: #0943ba;--color-secondary: #4e3fec;--color-secondary-light: #aca3f3;--color-secondary-dark: #08041b;--color-accent: #377dff;--color-accent-hover: #5b94ff;--color-background-primary: #08041b;--color-background-secondary: #0943ba;--color-background-overlay: rgba(8, 4, 27, .8);--color-background-glass: rgba(0, 0, 0, .34);--color-overlay-dark: rgba(8, 4, 27, .7);--color-shadow-strong: rgba(0, 0, 0, .5);--color-glow-primary: rgba(55, 125, 255, .6);--color-background-glass-light: rgba(55, 125, 255, .05);--color-background-message: rgba(55, 125, 255, .05);--color-background-message-hover: rgba(55, 125, 255, .1);--color-background-button-secondary: rgba(55, 125, 255, .15);--color-background-input: rgba(55, 125, 255, .12);--color-background-input-focus: rgba(55, 125, 255, .2);--color-background-pagination: rgba(55, 125, 255, .1);--color-background-badge: rgba(55, 125, 255, .15);--color-background-badge-hover: rgba(55, 125, 255, .3);--color-background-loading: #08041b;--color-background-dark: #08041b;--color-background-dark-strong: rgba(8, 4, 27, .8);--color-background-tooltip: rgba(8, 4, 27, .95);--color-background-tooltip-hover: rgba(8, 4, 27, .98);--color-background-stamp-topup: rgba(55, 125, 255, .08);--color-background-stamp-cost: rgba(0, 0, 0, .15);--color-spinner-track: rgba(200, 220, 255, .4);--color-spinner-active: #e0ecff;--color-chat-loading: #b19cd9;--color-send-button: #b19cd9;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-tertiary: rgba(255, 255, 255, .6);--color-text-inverse: #ffffff;--color-text-placeholder: rgba(255, 255, 255, .6);--color-text-badge: rgba(255, 255, 255, .9);--color-success: #22c55e;--color-success-light: #48f286;--color-success-background: rgba(34, 197, 94, .2);--color-success-border: rgba(73, 246, 137, .3);--color-error: #dc2626;--color-error-dark: #b91c1c;--color-error-background: rgba(220, 38, 38, .2);--color-error-border: rgba(185, 28, 28, .3);--color-warning: #ffad69;--color-info: #377dff;--color-border-primary: rgba(55, 125, 255, .3);--color-border-secondary: rgba(55, 125, 255, .2);--color-border-input: rgba(55, 125, 255, .6);--color-border-input-focus: rgba(55, 125, 255, .8);--color-border-pagination: rgba(55, 125, 255, .3);--color-border-tooltip: rgba(55, 125, 255, .3);--color-border-badge: rgba(55, 125, 255, .2);--color-border-stamp-topup: rgba(55, 125, 255, .15);--color-border-stream-list: rgba(255, 255, 255, .3);--color-disabled: #6b7280;--color-disabled-light: #9ca3af;--font-family-base: Open Sans, sans-serif;--font-family-heading: Open Sans, sans-serif;--font-family-mono: Monaco, Courier New, monospace;--font-family-serif: Times New Roman, Times, serif;--font-size-2xs: 10px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: .05em;--letter-spacing-wide: .06em;--letter-spacing-wider: .08em;--spacing-none: 0;--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 64px;--spacing-5xl: 80px;--border-radius-none: 0;--border-radius-sm: 4px;--border-radius-base: 8px;--border-radius-input: 10px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-2xl: 24px;--border-radius-full: 9999px;--border-radius-pill: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-button: 0 5px 10px rgba(0, 0, 0, .1);--shadow-input-focus: 0 4px 12px rgba(0, 0, 0, .02);--shadow-action-button: 0 2px 8px rgba(136, 65, 228, .3);--shadow-action-button-hover: 0 4px 12px rgba(136, 65, 228, .4);--shadow-action-delete: 0 2px 8px rgba(255, 138, 80, .3);--shadow-action-delete-hover: 0 4px 12px rgba(255, 138, 80, .4);--shadow-action-unpin: 0 2px 8px rgba(107, 114, 128, .3);--shadow-action-unpin-hover: 0 4px 12px rgba(107, 114, 128, .4);--shadow-action-token: 0 2px 8px rgba(79, 70, 229, .3);--shadow-action-token-hover: 0 4px 12px rgba(79, 70, 229, .4);--shadow-stamp-header: 0 4px 16px rgba(30, 58, 138, .25);--shadow-stamp-info: 0 4px 16px rgba(30, 58, 138, .3);--shadow-stamp-card: 0 4px 12px rgba(102, 126, 234, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--duration-fast: .15s;--duration-base: .2s;--duration-medium: .3s;--duration-slow: .5s;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-linear: linear;--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--easing-smooth: cubic-bezier(.37, 0, .63, 1);--easing-smooth-alt: cubic-bezier(.87, 0, .13, 1);--blur-none: 0;--blur-sm: 4px;--blur-base: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 20px;--gradient-primary: linear-gradient(180deg, rgba(0, 0, 0, .85) 0%, rgba(8, 4, 27, .95) 100%);--gradient-secondary: linear-gradient(135deg, #4e3fec 0%, #aca3f3 100%);--gradient-accent: linear-gradient(135deg, #377dff 0%, #5b94ff 50%, #7eaaff 100%);--gradient-accent-hover: linear-gradient(135deg, #4d8fff 0%, #7eaaff 50%, #9ec4ff 100%);--gradient-overlay-top: linear-gradient(180deg, #08041b 0%, rgba(8, 4, 27, 0) 100%);--gradient-overlay-light: linear-gradient(to bottom, rgba(8, 4, 27, .5) 0%, transparent);--gradient-header-overlay: transparent;--gradient-status-error: linear-gradient(135deg, #ff6b6b, #ee5a52);--gradient-action-pin: linear-gradient(135deg, #8841e4, #c084fc);--gradient-action-pin-hover: linear-gradient(135deg, #7c3adb, #a855f7);--gradient-action-delete: linear-gradient(135deg, #ff8a50, #e53e3e);--gradient-action-delete-hover: linear-gradient(135deg, #ff7a40, #dc2626);--gradient-action-unpin: linear-gradient(135deg, #6b7280, #9ca3af);--gradient-action-unpin-hover: linear-gradient(135deg, #4b5563, #6b7280);--gradient-action-edit: linear-gradient(135deg, #8841e4, #ff8a50);--gradient-action-edit-hover: linear-gradient(135deg, #7c3adb, #ff7a40);--gradient-action-token: linear-gradient(135deg, #4f46e5, #06b6d4);--gradient-action-token-hover: linear-gradient(135deg, #4338ca, #0891b2);--gradient-modal-confirm: linear-gradient(135deg, #0ea5e9, #7dd3fc);--gradient-modal-confirm-hover: linear-gradient(135deg, #38bdf8, #bae6fd);--gradient-stamp-header: linear-gradient(135deg, #0943ba, #4e3fec);--gradient-stamp-info: linear-gradient(135deg, rgba(9, 67, 186, .95), rgba(78, 63, 236, .95));--gradient-stamp-badge-chat: linear-gradient(135deg, #377dff, #7eaaff);--gradient-stamp-badge-media: linear-gradient(135deg, #f59e0b, #fbbf24);--font-family-base: Cabin VF Beta, DIN Next, DIN Pro, Helvetica Neue, Roboto, Open Sans, Arial, sans-serif;--font-family-heading: Cabin VF Beta, DIN Next, DIN Pro, Helvetica Neue, Roboto, Open Sans, Arial, sans-serif;--background-image: url(/assets/themes/cryptomondays/cryptomonday_bg.avif), var(--gradient-primary);--accent-border: 1px solid rgba(55, 125, 255, .3);--accent-glow: 0 0 2px rgba(55, 125, 255, .3);--pinned-border: 2px solid #377dff;--pinned-glow: 0 0 12px #377dff;--login-dropdown-background: linear-gradient(180deg, rgba(0, 0, 0, .85) 0%, rgba(8, 4, 27, .95) 100%);--login-dropdown-border: 1px solid rgba(55, 125, 255, .3);--login-dropdown-glow: 0 0 2px rgba(55, 125, 255, .3);--login-dropdown-divider: 1px solid rgba(55, 125, 255, .3);--login-dropdown-text: #cccccc;--login-button-padding: var(--spacing-md) var(--spacing-lg);--login-button-font-size: var(--font-size-lg);--modal-border: 1px solid rgba(55, 125, 255, .3);--modal-glow: 0 0 2px rgba(55, 125, 255, .3);--modal-cancel-background: #6b46c1;--modal-cancel-hover: #7c3aed;--modal-header-font-size: var(--font-size-2xl);--modal-header-font-size-mobile: var(--font-size-xl);--modal-button-height: 40px;--modal-button-font-size: var(--font-size-xl);--modal-button-padding-x: var(--spacing-lg);--modal-button-height-mobile: 36px;--modal-button-font-size-mobile: var(--font-size-base);--modal-button-padding-x-mobile: var(--spacing-base);--chat-message-background: rgba(55, 125, 255, .15);--back-button-font-size-mobile: var(--font-size-md);--gradient-create-stream: linear-gradient(135deg, #377dff, #5b94ff);--gradient-create-stream-hover: linear-gradient(135deg, #2968ff, #4d8fff)}html[data-theme=swarm]{--color-primary: #f47a20;--color-primary-hover: #f79c5a;--color-primary-dark: #d6610b;--color-secondary: #1b1b1c;--color-secondary-light: #252626;--color-secondary-dark: #151517;--color-accent: #f47a20;--color-accent-hover: #f79c5a;--color-background-primary: #151517;--color-background-secondary: #1b1b1c;--color-background-overlay: rgba(0, 0, 0, .7);--color-background-glass: rgba(27, 27, 28, .88);--color-overlay-dark: rgba(0, 0, 0, .75);--color-shadow-strong: rgba(0, 0, 0, .5);--color-glow-primary: rgba(244, 122, 32, .5);--color-background-glass-light: rgba(250, 250, 250, .08);--color-background-message: rgba(250, 250, 250, .06);--color-background-message-hover: rgba(250, 250, 250, .1);--color-background-button-secondary: rgba(250, 250, 250, .1);--color-background-input: #242424;--color-background-input-focus: #2b2b2b;--color-background-pagination: #242424;--color-background-badge: rgba(250, 250, 250, .9);--color-background-badge-hover: rgb(250, 250, 250);--color-background-loading: #151517;--color-background-dark: #151517;--color-background-dark-strong: rgba(21, 21, 23, .95);--color-background-tooltip: #1b1b1c;--color-background-tooltip-hover: #252626;--color-background-stamp-topup: rgba(244, 122, 32, .1);--color-background-stamp-cost: rgba(0, 0, 0, .4);--color-spinner-track: rgba(250, 250, 250, .15);--color-spinner-active: #f47a20;--color-chat-loading: #f47a20;--color-send-button: #f47a20;--color-text-primary: #fafafa;--color-text-secondary: rgba(250, 250, 250, .72);--color-text-tertiary: rgba(250, 250, 250, .5);--color-text-inverse: #fafafa;--color-text-placeholder: rgba(250, 250, 250, .5);--color-text-badge: #242424;--color-success: #2fa862;--color-success-light: #5fd08a;--color-success-background: rgba(24, 57, 29, .45);--color-success-border: rgba(47, 168, 98, .4);--color-error: #fb2c36;--color-error-dark: #b91c1c;--color-error-background: rgba(251, 44, 54, .15);--color-error-border: rgba(251, 44, 54, .4);--color-warning: #f28b0a;--color-info: #155dfc;--color-border-primary: #333333;--color-border-secondary: #2b2b2b;--color-border-input: #4c4c4c;--color-border-input-focus: #f47a20;--color-border-pagination: #4c4c4c;--color-border-tooltip: #333333;--color-border-badge: rgba(36, 36, 36, .15);--color-border-stamp-topup: rgba(244, 122, 32, .25);--color-border-stream-list: #333333;--color-disabled: #6a6a6a;--color-disabled-light: #8a8a8a;--font-family-base: Open Sans, sans-serif;--font-family-heading: Open Sans, sans-serif;--font-family-mono: Monaco, Courier New, monospace;--font-family-serif: Times New Roman, Times, serif;--font-size-2xs: 10px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-normal: .05em;--letter-spacing-wide: .06em;--letter-spacing-wider: .08em;--spacing-none: 0;--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 64px;--spacing-5xl: 80px;--border-radius-none: 0;--border-radius-sm: 4px;--border-radius-base: 8px;--border-radius-input: 10px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-2xl: 24px;--border-radius-full: 9999px;--border-radius-pill: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-button: 0 5px 10px rgba(0, 0, 0, .1);--shadow-input-focus: 0 4px 12px rgba(0, 0, 0, .02);--shadow-action-button: 0 2px 8px rgba(136, 65, 228, .3);--shadow-action-button-hover: 0 4px 12px rgba(136, 65, 228, .4);--shadow-action-delete: 0 2px 8px rgba(255, 138, 80, .3);--shadow-action-delete-hover: 0 4px 12px rgba(255, 138, 80, .4);--shadow-action-unpin: 0 2px 8px rgba(107, 114, 128, .3);--shadow-action-unpin-hover: 0 4px 12px rgba(107, 114, 128, .4);--shadow-action-token: 0 2px 8px rgba(79, 70, 229, .3);--shadow-action-token-hover: 0 4px 12px rgba(79, 70, 229, .4);--shadow-stamp-header: 0 4px 16px rgba(30, 58, 138, .25);--shadow-stamp-info: 0 4px 16px rgba(30, 58, 138, .3);--shadow-stamp-card: 0 4px 12px rgba(102, 126, 234, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--duration-fast: .15s;--duration-base: .2s;--duration-medium: .3s;--duration-slow: .5s;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-linear: linear;--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--easing-smooth: cubic-bezier(.37, 0, .63, 1);--easing-smooth-alt: cubic-bezier(.87, 0, .13, 1);--blur-none: 0;--blur-sm: 4px;--blur-base: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 20px;--gradient-primary: linear-gradient(135deg, #1b1b1c 0%, #151517 100%);--gradient-secondary: linear-gradient(135deg, #1b1b1c 0%, #252626 100%);--gradient-accent: linear-gradient(135deg, #f47a20 0%, #d6610b 100%);--gradient-accent-hover: linear-gradient(135deg, #f79c5a 0%, #f47a20 100%);--gradient-overlay-top: linear-gradient(180deg, #151517 0%, rgba(21, 21, 23, 0) 100%);--gradient-overlay-light: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, transparent);--gradient-header-overlay: linear-gradient(180deg, #151517, rgba(21, 21, 23, 0));--gradient-status-error: linear-gradient(135deg, #fb2c36, #b91c1c);--gradient-action-pin: #f47a20;--gradient-action-pin-hover: #f79c5a;--gradient-action-delete: #fb2c36;--gradient-action-delete-hover: #dc2626;--gradient-action-unpin: #6a6a6a;--gradient-action-unpin-hover: #4c4c4c;--gradient-action-edit: #f47a20;--gradient-action-edit-hover: #f79c5a;--gradient-action-token: #155dfc;--gradient-action-token-hover: #1149d0;--gradient-modal-confirm: #f47a20;--gradient-modal-confirm-hover: #f79c5a;--gradient-stamp-header: linear-gradient(135deg, #f47a20, #d6610b);--gradient-stamp-info: linear-gradient(135deg, rgba(27, 27, 28, .95), rgba(37, 38, 38, .95));--gradient-stamp-badge-chat: linear-gradient(135deg, #f47a20, #f79c5a);--gradient-stamp-badge-media: linear-gradient(135deg, #155dfc, #2fa862);--font-family-base: Geist, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-family-heading: Vend Sans, Geist, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-family-mono: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--background-image: none;--accent-border: 1px solid #333333;--accent-glow: none;--pinned-border: 2px solid #f47a20;--pinned-glow: none;--login-dropdown-background: #1b1b1c;--login-dropdown-border: 1px solid #333333;--login-dropdown-glow: 0 8px 24px rgba(0, 0, 0, .5);--login-dropdown-divider: 1px solid #333333;--login-dropdown-text: #fafafa;--login-button-padding: var(--spacing-md) var(--spacing-lg);--login-button-font-size: var(--font-size-lg);--modal-background: #1b1b1c;--modal-border: 1px solid #333333;--modal-glow: 0 16px 48px rgba(0, 0, 0, .6);--modal-cancel-background: #fafafa;--modal-cancel-hover: #ffffff;--modal-cancel-color: #242424;--modal-header-font-size: var(--font-size-2xl);--modal-header-font-size-mobile: var(--font-size-xl);--modal-button-height: 40px;--modal-button-font-size: var(--font-size-lg);--modal-button-padding-x: var(--spacing-lg);--modal-button-height-mobile: 36px;--modal-button-font-size-mobile: var(--font-size-base);--modal-button-padding-x-mobile: var(--spacing-base);--chat-message-background: rgba(250, 250, 250, .06);--stream-info-background: rgba(27, 27, 28, .88);--stream-info-border: 1px solid #333333;--stream-info-glow: none;--player-loading-background: rgba(27, 27, 28, .88);--player-loading-border: 1px solid #333333;--player-loading-glow: none;--player-error-background: rgba(251, 44, 54, .1);--player-error-border: 1px solid rgba(251, 44, 54, .35);--player-error-glow: none;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--stream-group-background: rgba(27, 27, 28, .85);--stream-group-border: 1px solid #333333;--stream-group-border-radius: 16px;--stream-group-padding: 20px;--stream-group-blur: blur(10px);--back-button-font-size-mobile: var(--font-size-md);--gradient-create-stream: #f47a20;--gradient-create-stream-hover: #f79c5a;--footer-background: linear-gradient(180deg, #1b1b1c 0%, #000000 100%);--footer-divider-color: #252626;--footer-input-background: #252626;--button-border-radius: var(--border-radius-md);--button-padding: var(--spacing-sm) var(--spacing-base);--button-font-size: var(--font-size-base);--pagination-button-background: #f47a20;--pagination-button-background-hover: #f79c5a;--pagination-button-color: #151517;--pagination-button-border: none;--pagination-button-border-hover: none;--header-logo-height: 32px;--header-logo-height-mobile: 24px;--shadow-button: none;--shadow-action-button: none;--shadow-action-button-hover: none;--shadow-action-delete: none;--shadow-action-delete-hover: none;--shadow-action-unpin: none;--shadow-action-unpin-hover: none;--shadow-action-token: none;--shadow-action-token-hover: none}html{margin:0;padding:0;box-sizing:border-box;width:100%;height:100%}body{margin:0;padding:0;box-sizing:border-box;width:100%;height:100%;font-family:var(--font-family-base);color:var(--color-text-primary);background-color:var(--color-background-primary);letter-spacing:var(--letter-spacing-normal)}@media (max-width: 768px){body{position:fixed;overflow:hidden;-webkit-overflow-scrolling:touch}}*,*:before,*:after{box-sizing:inherit;letter-spacing:inherit}#root{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.flex-center{display:flex;justify-content:center;align-items:center}.upper-side{width:100%;height:120px;position:absolute;top:0;left:0;background:var(--gradient-overlay-top)}@media (max-width: 768px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],input[type=datetime-local],select,textarea{font-size:16px!important}}