*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#dc2626;--red-600:#b91c1c;--red-700:#991b1b;--red-800:#7f1d1d;--red-900:#651a1a;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 12px #0000001f;--shadow-lg:0 8px 24px #00000029;--shadow-red:0 4px 20px #dc262640;--shadow-card-hover:0 8px 30px #0003;--ease-default:cubic-bezier(.2, 0, 0, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.35s;--max-width:1440px;--header-h:60px}:root,.dark{--bg-primary:#09090b;--bg-secondary:#0f0f11;--bg-elevated:#18181b;--bg-hover:#1f1f23;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--border:#27272a;--border-hover:#3f3f46;--divider:#1e1e22;--input-bg:#18181b;--ring:#dc2626;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-card-hover:0 8px 30px #00000080;--gold-color:#facc15;--gold-bg:#facc151a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.light{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-elevated:#f4f4f5;--bg-hover:#e4e4e7;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#a1a1aa;--border:#e4e4e7;--border-hover:#d4d4d8;--divider:#f4f4f5;--input-bg:#fff;--ring:#dc2626;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-card-hover:0 8px 30px #0000001a;--gold-color:#d97706;--gold-bg:#d977061a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--duration-slow) var(--ease-default), color var(--duration-slow) var(--ease-default);font-size:.875rem;line-height:1.6}a{color:inherit;transition:color var(--duration-fast) var(--ease-default);text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}img{max-width:100%;display:block}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--red-500);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glowPulse{0%,to{box-shadow:0 0 #dc262600}50%{box-shadow:0 0 20px #dc26264d}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.shimmer{background:linear-gradient(to right, transparent 0%, var(--bg-hover) 50%, transparent 100%);background-size:1000px 100%;animation:2s linear infinite shimmer}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.glass{background:color-mix(in srgb, var(--bg-primary) 80%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.2);border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent)}.gradient-text{background:linear-gradient(135deg,#dc2626 0%,#f87171 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:var(--max-width);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}@media (width>=640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (width>=1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body:after{content:"";pointer-events:none;z-index:9999;opacity:.018;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.light body:after{opacity:.03}.theme-toggle{position:relative}.theme-toggle__btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);transition:color var(--duration-fast), background-color var(--duration-fast);justify-content:center;align-items:center;display:flex}.theme-toggle__btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}.theme-toggle__icon{transition:transform var(--duration-normal) var(--ease-spring)}.theme-toggle__btn:hover .theme-toggle__icon{transform:rotate(15deg)scale(1.1)}.main-content{min-height:calc(100vh - var(--header-h));padding-top:var(--header-h)}.header{height:var(--header-h);z-index:50;transition:background-color var(--duration-slow) var(--ease-default);position:sticky;top:0;left:0;right:0}.header__nav{align-items:center;gap:var(--space-3);height:100%;display:flex}.header__logo{align-items:center;gap:var(--space-2);flex-shrink:0;text-decoration:none;display:flex}.header__logo-img{border-radius:var(--radius-sm);width:28px;height:28px}.header__logo-text{letter-spacing:-.02em;color:var(--text-primary);font-size:1rem;font-weight:700}.header__logo-text--accent{color:var(--red-500)}.header__links{align-items:center;gap:var(--space-1);display:none}@media (width>=768px){.header__links{display:flex}}.header__link{align-items:center;gap:var(--space-1);border-radius:var(--radius-md);color:var(--text-secondary);transition:color var(--duration-fast), background-color var(--duration-fast);padding:6px 12px;font-size:.8125rem;font-weight:500;display:inline-flex}.header__link:hover{color:var(--text-primary);background-color:var(--bg-hover)}.header__mobile-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);transition:color var(--duration-fast), background-color var(--duration-fast);justify-content:center;align-items:center;display:flex}.header__mobile-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}@media (width>=768px){.header__mobile-btn{display:none}}.header__controls{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.header__login-btn{align-items:center;gap:var(--space-1);border-radius:var(--radius-md);background-color:var(--red-500);color:#fff;transition:background-color var(--duration-fast), box-shadow var(--duration-fast);padding:7px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.header__login-btn:hover{background-color:var(--red-600);box-shadow:var(--shadow-red)}.header__login-text{display:none}@media (width>=640px){.header__login-text{display:inline}}.header__user-menu{position:relative}.header__user-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);transition:opacity var(--duration-fast);padding:4px;display:flex}.header__user-btn:hover{opacity:.85}.header__avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border);width:32px;height:32px}.header__avatar-placeholder{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--red-500), var(--red-400));color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.header__coins{color:var(--warning);align-items:center;gap:3px;font-size:.75rem;font-weight:600;display:none}@media (width>=640px){.header__coins{display:inline-flex}}.header__dropdown{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-lg);animation:popIn var(--duration-normal) var(--ease-spring);z-index:100;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.header__dropdown-header{border-bottom:1px solid var(--border);padding:12px 16px}.header__dropdown-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.header__dropdown-email{color:var(--text-muted);margin-top:2px;font-size:.75rem}.header__dropdown-coins{color:var(--warning);align-items:center;gap:4px;margin-top:6px;font-size:.75rem;font-weight:600;display:flex}.header__dropdown-body{padding:var(--space-1) 0}.header__dropdown-item{align-items:center;gap:var(--space-2);width:100%;color:var(--text-secondary);transition:background-color var(--duration-fast), color var(--duration-fast);padding:10px 16px;font-size:.8125rem;text-decoration:none;display:flex}.header__dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.header__dropdown-item--gold{color:var(--warning);font-weight:600}.header__dropdown-item--gold:hover{color:var(--warning);background-color:#f59e0b14}.header__dropdown-item--danger:hover{color:var(--error);background-color:#ef444414}.header__mobile-menu{top:var(--header-h);background-color:var(--bg-primary);z-index:40;animation:fadeIn var(--duration-normal) var(--ease-default);position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.header__mobile-content{padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.header__mobile-links{gap:var(--space-1);flex-direction:column;display:flex}.header__mobile-link{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);transition:background-color var(--duration-fast), color var(--duration-fast);padding:12px 16px;font-size:.875rem;font-weight:500;display:flex}.header__mobile-link:hover{background-color:var(--bg-hover);color:var(--text-primary)}.header__mobile-link--gold{color:var(--warning);font-weight:600}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border);margin-top:var(--space-12)}.footer__inner{padding:var(--space-10) 0 var(--space-6)}.footer__grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=640px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.footer__grid{gap:var(--space-6);grid-template-columns:1.5fr 1fr 1fr 1fr 1fr}}.footer__brand{gap:var(--space-3);flex-direction:column;display:flex}.footer__brand-link{align-items:center;gap:var(--space-2);text-decoration:none;display:inline-flex}.footer__desc{color:var(--text-muted);max-width:280px;font-size:.8125rem;line-height:1.6}.footer__section{gap:var(--space-3);flex-direction:column;display:flex}.footer__heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.75rem;font-weight:700}.footer__nav{gap:var(--space-1);flex-direction:column;display:flex}.footer__link{color:var(--text-muted);transition:color var(--duration-fast);padding:2px 0;font-size:.8125rem}.footer__link:hover{color:var(--red-400)}.footer__link--static{cursor:default}.footer__link--static:hover{color:var(--text-muted)}.footer__link--loading{opacity:.5}.footer__link--model{font-size:.75rem}.footer__section--models{display:none}@media (width>=1024px){.footer__section--models{display:flex}}.footer__bottom{gap:var(--space-1);padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--border);text-align:center;flex-direction:column;display:flex}@media (width>=640px){.footer__bottom{text-align:left;flex-direction:row;justify-content:space-between}}.footer__copyright{color:var(--text-muted);font-size:.75rem}.footer__tagline{color:var(--text-muted);opacity:.6;font-size:.75rem}.admin-layout{background-color:var(--bg-primary);min-height:100vh;display:flex}.admin-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border);z-index:50;width:240px;height:100vh;transition:transform var(--duration-normal) var(--ease-default);flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.admin-sidebar--open{transform:translate(0)}@media (width>=1024px){.admin-sidebar{position:sticky;transform:translate(0)}}.admin-sidebar__header{padding:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.admin-sidebar__logo{align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.admin-sidebar__logo-icon{color:var(--red-500)}.admin-sidebar__logo-text{color:var(--text-primary);font-size:1rem;font-weight:800}.admin-sidebar__close{color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--duration-fast);padding:4px}@media (width>=1024px){.admin-sidebar__close{display:none}}.admin-sidebar__close:hover{color:var(--text-primary)}.admin-sidebar__nav{padding:var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.admin-sidebar__item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--duration-fast);text-align:left;width:100%;font-size:.8125rem;font-weight:500;text-decoration:none;display:flex}.admin-sidebar__item:hover{color:var(--text-primary);background-color:var(--bg-hover)}.admin-sidebar__item--active{color:var(--red-400);background-color:#dc262614;font-weight:600}.admin-sidebar__item--danger{color:var(--text-muted)}.admin-sidebar__item--danger:hover{color:var(--error);background-color:#ef44440f}.admin-sidebar__arrow{color:var(--red-400);margin-left:auto}.admin-sidebar__footer{padding:var(--space-3);border-top:1px solid var(--border);gap:var(--space-1);flex-direction:column;display:flex}.admin-overlay{z-index:40;background-color:#00000080;position:fixed;inset:0}@media (width>=1024px){.admin-overlay{display:none}}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background-color:var(--bg-secondary);z-index:30;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.admin-topbar__menu{color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--duration-fast);padding:4px}@media (width>=1024px){.admin-topbar__menu{display:none}}.admin-topbar__menu:hover{color:var(--text-primary)}.admin-topbar__right{align-items:center;display:flex}.admin-topbar__user{align-items:center;gap:var(--space-2);display:flex}.admin-topbar__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--red-500), var(--red-400));color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.admin-topbar__name{color:var(--text-primary);font-size:.8125rem;font-weight:600}.admin-main .admin-content{padding:var(--space-5) var(--space-4);flex:1}@media (width>=640px){.admin-main .admin-content{padding:var(--space-6)}}#root{flex-direction:column;min-height:100vh;display:flex}