:root{--color-void-black: #0A0A0F;--color-deep-purple: #1A0A2E;--color-electric-violet: #8B5CF6;--color-accent-light: #9d6ff8;--color-accent-rgb: 139, 92, 246;--color-neon-pink: #EC4899;--color-toxic-green: #10B981;--color-warm-amber: #F59E0B;--color-hot-red: #EF4444;--color-ice-white: #F8FAFC;--color-smoke-gray: #94A3B8;--gradient-card: linear-gradient(135deg, #1A0A2E 0%, #0A0A0F 100%);--gradient-chaos: linear-gradient(90deg, #10B981, #F59E0B, #EF4444);--gradient-glow: radial-gradient(circle, rgba(139, 92, 246, .3), transparent);--gradient-hero: radial-gradient(ellipse at 50% 0%, rgba(139, 92, 246, .15) 0%, transparent 60%);--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s var(--ease-out);--transition-normal: .25s var(--ease-out);--transition-slow: .4s var(--ease-out)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:400;color:var(--color-ice-white);background-color:var(--color-void-black);min-height:100vh;line-height:1.6}a{color:var(--color-electric-violet);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-neon-pink)}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.2}h1{font-size:clamp(2rem,6vw,4.5rem);font-weight:700}h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:600}h3{font-size:1.25rem;font-weight:600}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.container--narrow{max-width:680px}.app{display:flex;flex-direction:column;min-height:100vh}.app__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);position:sticky;top:0;z-index:100;background:#0a0a0fcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(var(--color-accent-rgb),.1)}.app__logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-ice-white);display:flex;align-items:center;gap:var(--space-sm)}.app__logo-icon{font-size:1.25rem}.app__nav{display:flex;align-items:center;gap:var(--space-lg)}.app__nav-link{font-size:.875rem;font-weight:500;color:var(--color-smoke-gray);transition:color var(--transition-fast)}.app__nav-link:hover{color:var(--color-ice-white)}.app__main{flex:1}.app__footer{padding:var(--space-lg) var(--space-md);text-align:center;color:var(--color-smoke-gray);font-size:.75rem;border-top:1px solid rgba(var(--color-accent-rgb),.08)}.app__footer a{color:var(--color-smoke-gray)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:600;font-size:1rem;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn--primary{background:var(--color-electric-violet);color:var(--color-ice-white);box-shadow:0 0 24px rgba(var(--color-accent-rgb),.3)}.btn--primary:hover{background:var(--color-accent-light);box-shadow:0 0 40px rgba(var(--color-accent-rgb),.5);transform:translateY(-2px)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:rgba(var(--color-accent-rgb),.1);color:var(--color-electric-violet);border:1px solid rgba(var(--color-accent-rgb),.3)}.btn--secondary:hover{background:rgba(var(--color-accent-rgb),.2);border-color:var(--color-electric-violet)}.btn--ghost{color:var(--color-smoke-gray);padding:var(--space-sm) var(--space-md)}.btn--ghost:hover{color:var(--color-ice-white);background:#ffffff0d}.btn--large{padding:var(--space-lg) var(--space-2xl);font-size:1.125rem;border-radius:var(--radius-lg)}.btn--small{padding:var(--space-sm) var(--space-md);font-size:.875rem}.card{background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid rgba(var(--color-accent-rgb),.15);padding:var(--space-xl);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-accent-rgb),.3),transparent)}.stat{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.stat__label{font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--color-smoke-gray)}.stat__value{font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--color-ice-white)}.stat__value--green{color:var(--color-toxic-green)}.stat__value--amber{color:var(--color-warm-amber)}.stat__value--red{color:var(--color-hot-red)}.stat__value--pink{color:var(--color-neon-pink)}.risk-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.75rem;font-weight:500}.risk-badge--low{background:#10b98126;color:var(--color-toxic-green)}.risk-badge--medium{background:#f59e0b26;color:var(--color-warm-amber)}.risk-badge--high{background:#ef444426;color:var(--color-hot-red)}.risk-badge--certain{background:#ec489926;color:var(--color-neon-pink)}.upload-zone{border:2px dashed rgba(var(--color-accent-rgb),.3);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);position:relative}.upload-zone:hover,.upload-zone--active{border-color:var(--color-electric-violet);background:rgba(var(--color-accent-rgb),.05)}.upload-zone__icon{font-size:3rem;margin-bottom:var(--space-md)}.upload-zone__text{color:var(--color-smoke-gray);font-size:1rem}.upload-zone__text strong{color:var(--color-electric-violet)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-3xl) var(--space-md)}.loading__spinner{width:48px;height:48px;border:3px solid rgba(var(--color-accent-rgb),.2);border-top-color:var(--color-electric-violet);border-radius:50%;animation:spin .8s linear infinite}.loading__text{font-family:var(--font-body);font-weight:500;font-size:1.125rem;color:var(--color-smoke-gray);animation:pulse 2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.hero{min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl) var(--space-md);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:600px;height:600px;background:var(--gradient-glow);filter:blur(80px);pointer-events:none;z-index:0}.hero__content{position:relative;z-index:1;max-width:680px}.hero__tagline{font-family:var(--font-mono);font-size:.875rem;color:var(--color-electric-violet);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-lg)}.hero__title{margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--color-ice-white) 0%,var(--color-smoke-gray) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:1.125rem;color:var(--color-smoke-gray);max-width:480px;margin:0 auto var(--space-2xl);line-height:1.7}.hero__cta{margin-bottom:var(--space-3xl)}.demo-card{background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid rgba(var(--color-accent-rgb),.2);padding:var(--space-xl) var(--space-lg);max-width:360px;margin:0 auto;text-align:left;box-shadow:0 4px 24px #0006,0 0 80px rgba(var(--color-accent-rgb),.08);animation:floatCard 6s ease-in-out infinite}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.demo-card__time{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;color:var(--color-ice-white);text-align:center;margin-bottom:var(--space-xs)}.demo-card__time-icon{font-size:1.5rem;display:block;text-align:center;margin-bottom:var(--space-xs)}.demo-card__roast{font-size:.875rem;font-weight:500;color:var(--color-smoke-gray);text-align:center;margin-bottom:var(--space-lg);font-style:italic}.demo-card__divider{height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-accent-rgb),.3),transparent);margin:var(--space-md) 0}.demo-card__footer{text-align:center;font-family:var(--font-mono);font-size:.7rem;color:#94a3b880;margin-top:var(--space-md)}.prediction-page{padding:var(--space-2xl) var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.prediction-card{background:var(--gradient-card);border-radius:var(--radius-xl);border:1px solid rgba(var(--color-accent-rgb),.2);padding:var(--space-2xl);max-width:420px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080,0 0 120px rgba(var(--color-accent-rgb),.06)}.prediction-card__bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(20px) brightness(.3);opacity:.4;z-index:0}.prediction-card__content{position:relative;z-index:1}.prediction-card__icon{text-align:center;font-size:2rem;margin-bottom:var(--space-sm)}.prediction-card__exit-time{font-family:var(--font-heading);font-size:clamp(3rem,10vw,5rem);font-weight:700;text-align:center;color:var(--color-ice-white);margin-bottom:var(--space-xs);text-shadow:0 0 40px rgba(var(--color-accent-rgb),.3)}.prediction-card__roast{text-align:center;font-size:1rem;font-weight:500;color:var(--color-smoke-gray);margin-bottom:var(--space-xl);font-style:italic;line-height:1.5}.prediction-card__divider{height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-accent-rgb),.3),transparent);margin:var(--space-md) 0}.prediction-card__stats{display:flex;flex-direction:column;gap:var(--space-sm)}.prediction-card__watermark{text-align:center;font-family:var(--font-mono);font-size:.7rem;color:#94a3b866;margin-top:var(--space-lg)}.prediction-card__responsible{text-align:center;font-size:.65rem;color:#94a3b84d;margin-top:var(--space-sm)}.share-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.profile{padding:var(--space-2xl) var(--space-md);max-width:680px;margin:0 auto}.profile__header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.profile__avatar{width:72px;height:72px;border-radius:50%;background:var(--gradient-card);border:2px solid rgba(var(--color-accent-rgb),.3);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.profile__name{font-family:var(--font-heading);font-size:1.5rem;font-weight:700}.profile__score{font-family:var(--font-mono);font-size:.875rem;color:var(--color-electric-violet)}.profile__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.profile__stat-card{background:var(--gradient-card);border-radius:var(--radius-md);border:1px solid rgba(var(--color-accent-rgb),.1);padding:var(--space-md);text-align:center}.profile__stat-value{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-electric-violet)}.profile__stat-label{font-size:.75rem;color:var(--color-smoke-gray);margin-top:var(--space-xs)}.badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:rgba(var(--color-accent-rgb),.1);border:1px solid rgba(var(--color-accent-rgb),.2);border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.history-list{display:flex;flex-direction:column;gap:var(--space-md)}.history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--gradient-card);border-radius:var(--radius-md);border:1px solid rgba(var(--color-accent-rgb),.1);transition:border-color var(--transition-fast)}.history-item:hover{border-color:rgba(var(--color-accent-rgb),.3)}.history-item__time{font-family:var(--font-heading);font-size:1.25rem;font-weight:700}.history-item__chaos{font-family:var(--font-mono);font-size:.875rem;color:var(--color-neon-pink)}.history-item__date{font-size:.75rem;color:var(--color-smoke-gray)}.beat-ai{padding:var(--space-xl);text-align:center}.beat-ai__input-group{display:flex;gap:var(--space-sm);justify-content:center;margin:var(--space-lg) 0}.beat-ai__input{background:#ffffff0d;border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-ice-white);font-family:var(--font-mono);font-size:1rem;width:140px;text-align:center}.beat-ai__input:focus{outline:none;border-color:var(--color-electric-violet);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.15)}.beat-ai__result{margin-top:var(--space-xl);font-size:1.125rem;font-weight:500}.beat-ai__result--win{color:var(--color-toxic-green)}.beat-ai__result--lose{color:var(--color-neon-pink)}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-2xl)}.not-found__code{font-family:var(--font-heading);font-size:8rem;font-weight:700;background:linear-gradient(135deg,var(--color-electric-violet),var(--color-neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-md)}.not-found__text{color:var(--color-smoke-gray);font-size:1rem;max-width:400px;margin-bottom:var(--space-xl)}.get-home-safe{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:50}.get-home-safe__btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-full);color:var(--color-toxic-green);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.get-home-safe__btn:hover{background:#10b98140;border-color:var(--color-toxic-green)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeInUp .6s var(--ease-out) forwards}.animate-fade-in-delay-1{animation:fadeInUp .6s var(--ease-out) .1s forwards;opacity:0}.animate-fade-in-delay-2{animation:fadeInUp .6s var(--ease-out) .2s forwards;opacity:0}.animate-fade-in-delay-3{animation:fadeInUp .6s var(--ease-out) .3s forwards;opacity:0}@media(max-width:768px){.app__header{padding:var(--space-sm) var(--space-md)}.app__nav{gap:var(--space-md)}.hero{padding:var(--space-xl) var(--space-md)}.prediction-card{padding:var(--space-xl)}.profile__header{flex-direction:column;text-align:center}.beat-ai__input-group{flex-direction:column;align-items:center}}@media(max-width:480px){.app__logo{font-size:1.25rem}.demo-card{padding:var(--space-lg) var(--space-md)}}.admin-page{max-width:1100px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.admin-page__title{font-size:2rem;font-weight:800;text-align:center;margin-bottom:var(--space-xs);background:linear-gradient(135deg,rgb(var(--color-accent-rgb)),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-page__subtitle{text-align:center;color:var(--color-smoke-gray);margin-bottom:var(--space-xl)}.admin-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.admin-section__title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-md);color:var(--color-chalk-white)}.admin-label{display:block;font-size:.85rem;font-weight:600;color:var(--color-smoke-gray);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.admin-config{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.admin-upload-zone{border:2px dashed rgba(var(--color-accent-rgb),.3);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;cursor:pointer;transition:all .2s ease;color:var(--color-smoke-gray);min-height:120px;display:flex;align-items:center;justify-content:center}.admin-upload-zone:hover{border-color:rgb(var(--color-accent-rgb));background:rgba(var(--color-accent-rgb),.05)}.admin-upload-zone__preview{max-height:100px;border-radius:var(--radius-sm)}.admin-toggle{display:flex;gap:2px;background:#ffffff0d;border-radius:var(--radius-md);padding:3px}.admin-toggle__btn{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--color-smoke-gray);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;transition:all .2s ease}.admin-toggle__btn--active{background:rgba(var(--color-accent-rgb),.2);color:rgb(var(--color-accent-rgb));font-weight:600}.admin-models__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.admin-models__actions{display:flex;gap:var(--space-xs)}.admin-btn--small{padding:4px 10px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--color-smoke-gray);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;transition:all .2s ease}.admin-btn--small:hover{background:#ffffff14;color:var(--color-chalk-white)}.admin-btn--danger{border-color:#ff50504d}.admin-btn--danger:hover{background:#ff505026;color:#ff5050}.admin-models__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm)}.admin-model-card{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all .2s ease}.admin-model-card:hover{border-color:rgba(var(--color-accent-rgb),.3);background:rgba(var(--color-accent-rgb),.03)}.admin-model-card--selected{border-color:rgba(var(--color-accent-rgb),.5);background:rgba(var(--color-accent-rgb),.08)}.admin-model-card--restricted{opacity:.7}.admin-model-card__header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:4px}.admin-model-card__header input[type=checkbox]{accent-color:rgb(var(--color-accent-rgb))}.admin-model-card__name{font-size:.85rem;font-weight:600;color:var(--color-chalk-white)}.admin-model-card__meta{display:flex;gap:var(--space-sm);font-size:.7rem;color:var(--color-smoke-gray)}.admin-model-card__warning{font-size:.7rem;color:#f59e0b;margin-top:4px}.admin-run-btn{width:100%;margin-top:var(--space-md);font-size:1rem;padding:14px}.admin-results{display:flex;flex-direction:column;gap:var(--space-xs)}.admin-result{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all .2s ease}.admin-result:hover{background:#ffffff08}.admin-result--running{border-color:rgba(var(--color-accent-rgb),.3);animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:rgba(var(--color-accent-rgb),.15)}50%{border-color:rgba(var(--color-accent-rgb),.5)}}.admin-result--success{border-left:3px solid #10b981}.admin-result--error{border-left:3px solid #ef4444}.admin-result__header{display:flex;align-items:center;gap:var(--space-sm)}.admin-result__status{font-size:1.1rem;flex-shrink:0}.admin-result__name{font-weight:600;font-size:.9rem;color:var(--color-chalk-white);min-width:150px}.admin-result__metrics{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center;margin-left:auto}.admin-metric{font-family:var(--font-mono);font-size:.8rem;color:rgb(var(--color-accent-rgb));font-weight:600}.admin-metric--error{color:#ef4444;font-family:var(--font-body);font-weight:400}.admin-badge{font-size:.7rem;padding:2px 8px;border-radius:99px;font-weight:600}.admin-badge--success{background:#10b98126;color:#10b981}.admin-badge--error{background:#ef444426;color:#ef4444}.admin-badge--warn{background:#f59e0b26;color:#f59e0b}.admin-result__response{margin-top:var(--space-sm);padding:var(--space-sm);background:#0000004d;border-radius:var(--radius-sm);font-size:.7rem;font-family:var(--font-mono);color:var(--color-smoke-gray);max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.admin-history{display:flex;flex-direction:column;gap:var(--space-xs)}.admin-history__run{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.admin-history__run--selected{border-color:rgba(var(--color-accent-rgb),.3)}.admin-history__run-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);cursor:pointer}.admin-history__run-header:hover{background:#ffffff08}.admin-history__date{font-size:.8rem;color:var(--color-chalk-white);font-weight:500}.admin-history__stats{font-size:.75rem;color:var(--color-smoke-gray);margin-left:auto}.admin-history__details{padding:var(--space-sm) var(--space-md);background:#0003;display:flex;flex-direction:column;gap:4px}.admin-history__test{display:flex;align-items:center;gap:var(--space-sm);padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem}.admin-history__test--success{background:#10b9810d}.admin-history__test--error{background:#ef44440d}.admin-history__model{font-weight:500;color:var(--color-chalk-white);min-width:200px}.admin-history__notes{font-size:.7rem;color:var(--color-smoke-gray);margin-left:auto}.admin-empty{text-align:center;color:var(--color-smoke-gray);font-size:.9rem;padding:var(--space-lg)}@media(max-width:768px){.admin-config{grid-template-columns:1fr}.admin-models__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.admin-result__header{flex-wrap:wrap}.admin-result__name{min-width:auto}}.logs-page{max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.logs-page__title{font-size:2rem;font-weight:800;text-align:center;margin-bottom:var(--space-xs);color:var(--color-chalk-white)}.logs-page__subtitle{text-align:center;color:var(--color-smoke-gray);margin-bottom:var(--space-xl)}.logs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.logs-stat{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.logs-stat__value{display:block;font-size:2rem;font-weight:800;color:var(--color-chalk-white);margin-bottom:4px}.logs-stat__value--success{color:#10b981}.logs-stat__value--error{color:#ef4444}.logs-stat__label{font-size:.8rem;color:var(--color-smoke-gray);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.logs-filters{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:flex-end}.logs-filter{flex:1;min-width:200px}.logs-select{width:100%;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--color-chalk-white);font-size:.9rem;outline:none}.logs-select:focus{border-color:rgb(var(--color-accent-rgb))}.logs-filter--actions{flex:0;min-width:auto;white-space:nowrap}.logs-timeline{display:flex;flex-direction:column;gap:var(--space-sm)}.logs-entry{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.logs-entry--expanded{border-color:rgba(var(--color-accent-rgb),.3);box-shadow:0 4px 20px #0003}.logs-entry--success .logs-entry__status{color:#10b981}.logs-entry--error{border-left:3px solid #ef4444}.logs-entry__header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);cursor:pointer}.logs-entry__header:hover{background:#ffffff08}.logs-entry__status{font-size:1.2rem;flex-shrink:0}.logs-entry__model{font-weight:600;color:var(--color-chalk-white);min-width:150px}.logs-entry__caller{font-size:.8rem;color:rgb(var(--color-accent-rgb));background:rgba(var(--color-accent-rgb),.1);padding:2px 8px;border-radius:99px}.logs-entry__duration,.logs-entry__tokens,.logs-entry__time{font-size:.85rem;color:var(--color-smoke-gray);font-family:var(--font-mono)}.logs-entry__time{margin-left:auto}.logs-entry__badge{font-size:1.1rem}.logs-entry__details{padding:var(--space-md);background:#0003;border-top:1px solid rgba(255,255,255,.05)}.logs-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.logs-detail{display:flex;flex-direction:column;gap:4px}.logs-detail__label{font-size:.75rem;color:var(--color-smoke-gray);text-transform:uppercase;letter-spacing:.05em}.logs-detail__value{font-size:.9rem;color:var(--color-chalk-white);font-family:var(--font-mono);word-break:break-all}.logs-tokens-bar{display:flex;height:24px;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-lg);font-size:.75rem;font-weight:600;color:#fff}.logs-tokens-bar__segment{display:flex;align-items:center;justify-content:center;padding:0 var(--space-sm);white-space:nowrap}.logs-tokens-bar__segment--prompt{background:#8b5cf699}.logs-tokens-bar__segment--completion{background:#10b98199}.logs-sections{display:flex;flex-direction:column;gap:var(--space-sm)}.logs-section{background:#ffffff08;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.logs-section--error{border-color:#ef44444d;background:#ef44440d}.logs-section__toggle{width:100%;text-align:left;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-chalk-white);font-weight:600;cursor:pointer;font-size:.9rem;display:flex;gap:var(--space-md)}.logs-section__toggle:hover{background:#ffffff08}.logs-section__toggle--error{color:#ef4444}.logs-section__content{padding:var(--space-md);margin:0;border-top:1px solid rgba(255,255,255,.05);font-family:var(--font-mono);font-size:.8rem;color:var(--color-smoke-gray);white-space:pre-wrap;word-break:break-word;max-height:500px;overflow-y:auto}.logs-section__content--error{color:#ef4444}@media(max-width:768px){.logs-entry__header{flex-wrap:wrap}.logs-entry__time{margin-left:0;width:100%}}.login-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-md)}.login-card{background:var(--gradient-card);border:1px solid rgba(var(--color-accent-rgb),.2);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:420px;box-shadow:0 8px 32px #00000080,0 0 80px rgba(var(--color-accent-rgb),.06)}.login-card__header{text-align:center;margin-bottom:var(--space-xl)}.login-card__title{font-size:1.75rem;margin-bottom:var(--space-sm)}.login-card__subtitle{color:var(--color-smoke-gray);font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-form__field{display:flex;flex-direction:column;gap:var(--space-xs)}.login-form__label{font-size:.85rem;font-weight:600;color:var(--color-smoke-gray)}.login-form__input{padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid rgba(var(--color-accent-rgb),.3);background:#0a0a0f99;color:var(--color-ice-white);font-family:inherit;font-size:1rem;outline:none;transition:border-color var(--transition-fast)}.login-form__input:focus{border-color:var(--color-electric-violet);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.15)}.login-form__error{padding:var(--space-sm) var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--color-hot-red);font-size:.85rem}.login-form__submit{width:100%;margin-top:var(--space-sm)}.login-card__footer{text-align:center;margin-top:var(--space-lg)}.login-card__toggle{color:var(--color-electric-violet);font-size:.85rem;cursor:pointer;transition:color var(--transition-fast)}.login-card__toggle:hover{color:var(--color-neon-pink)}.pricing-page{padding:var(--space-2xl) var(--space-md);max-width:1000px;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.pricing-card{background:var(--gradient-card);border:1px solid rgba(var(--color-accent-rgb),.15);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;transition:all var(--transition-normal)}.pricing-card:hover{border-color:rgba(var(--color-accent-rgb),.4);transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.pricing-card--popular{border-color:var(--color-electric-violet);box-shadow:0 0 40px rgba(var(--color-accent-rgb),.15)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-electric-violet);color:#fff;font-size:.75rem;font-weight:700;padding:4px 16px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.pricing-card__header{text-align:center;margin-bottom:var(--space-lg)}.pricing-card__price{font-family:var(--font-heading);font-size:3rem;font-weight:700;color:var(--color-ice-white);margin-top:var(--space-sm)}.pricing-card__price span{font-size:1rem;font-weight:400;color:var(--color-smoke-gray)}.pricing-card__features{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl);font-size:.9rem}.pricing-card__features li{padding:var(--space-xs) 0;color:var(--color-smoke-gray)}.pricing-card__btn{width:100%}.help-page{padding:var(--space-2xl) var(--space-md);max-width:700px;margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:var(--space-sm)}.faq-item{background:var(--gradient-card);border:1px solid rgba(var(--color-accent-rgb),.15);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all var(--transition-fast)}.faq-item:hover{border-color:rgba(var(--color-accent-rgb),.3)}.faq-item--open{border-color:var(--color-electric-violet)}.faq-item__question{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.95rem}.faq-item__icon{font-size:1.25rem;color:var(--color-electric-violet);flex-shrink:0;margin-left:var(--space-md)}.faq-item__answer{margin-top:var(--space-md);color:var(--color-smoke-gray);font-size:.9rem;line-height:1.6}.landing-hero{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-3xl) var(--space-md);position:relative}.landing-hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:600px;height:600px;background:var(--gradient-glow);filter:blur(100px);pointer-events:none;z-index:0}.landing-hero__content{position:relative;z-index:1;max-width:680px}.landing-hero__title{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--space-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.landing-hero__emoji{font-size:2.5rem}.landing-hero__tagline{font-size:1.1rem;color:var(--color-smoke-gray);line-height:1.7;margin-bottom:var(--space-xl)}.landing-hero__actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.btn--lg{padding:var(--space-lg) var(--space-2xl);font-size:1.1rem;border-radius:var(--radius-lg)}.landing-features,.landing-modalities{padding:var(--space-3xl) var(--space-md);max-width:1000px;margin:0 auto}.landing-section__title{text-align:center;margin-bottom:var(--space-2xl)}.landing-features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-xl)}.landing-feature{background:var(--gradient-card);border:1px solid rgba(var(--color-accent-rgb),.12);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-normal)}.landing-feature:hover{border-color:rgba(var(--color-accent-rgb),.3);transform:translateY(-4px)}.landing-feature__icon{font-size:2.5rem;margin-bottom:var(--space-md)}.landing-feature h3{margin-bottom:var(--space-sm)}.landing-feature p{color:var(--color-smoke-gray);font-size:.9rem;line-height:1.6}.landing-cta{text-align:center;padding:var(--space-3xl) var(--space-md);background:rgba(var(--color-accent-rgb),.03);border-top:1px solid rgba(var(--color-accent-rgb),.08)}.landing-cta h2{margin-bottom:var(--space-sm)}.landing-cta p{color:var(--color-smoke-gray);margin-bottom:var(--space-xl)}.admin-config__tokens{margin-top:var(--space-lg)}.admin-toggle--tokens{display:flex;gap:0}.admin-toggle--tokens .admin-toggle__btn{flex:1;font-family:var(--font-mono);font-size:.85rem}.admin-config__prompts{margin-top:var(--space-lg)}.admin-prompt-selectors{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.admin-prompt-selector{display:flex;flex-direction:column;gap:var(--space-xs)}.admin-select{width:100%;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--color-chalk-white);font-size:.9rem;outline:none;cursor:pointer;transition:border-color var(--transition-fast)}.admin-select:focus{border-color:rgb(var(--color-accent-rgb))}.admin-select option{background:#1a1a2e;color:var(--color-chalk-white)}.admin-label--small{font-size:.8rem;font-weight:600;color:var(--color-smoke-gray);text-transform:uppercase;letter-spacing:.03em}.admin-prompt-custom{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.admin-prompt-custom__field{display:flex;flex-direction:column;gap:var(--space-xs)}.admin-prompts{display:flex;flex-direction:column;gap:var(--space-md)}.admin-prompt-card{background:var(--gradient-card);border:1px solid rgba(var(--color-accent-rgb),.12);border-radius:var(--radius-md);padding:var(--space-lg)}.admin-prompt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.admin-prompt-desc{color:var(--color-smoke-gray);font-size:.85rem;margin-top:4px}.admin-prompt-meta{font-size:.75rem;color:var(--color-smoke-gray)}.admin-prompt-content{background:#0000004d;border-radius:var(--radius-sm);padding:var(--space-md);font-family:var(--font-mono);font-size:.8rem;white-space:pre-wrap;word-break:break-word;color:var(--color-smoke-gray);max-height:200px;overflow-y:auto}.admin-prompt-textarea{width:100%;background:#0000004d;border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:var(--radius-sm);padding:var(--space-md);font-family:var(--font-mono);font-size:.8rem;color:var(--color-ice-white);resize:vertical;outline:none}.admin-prompt-textarea:focus{border-color:var(--color-electric-violet)}.admin-prompt-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md)}.admin-prompt-view{display:flex;flex-direction:column;gap:var(--space-md)}.admin-prompt-editor,.admin-users{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-user-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--gradient-card);border:1px solid rgba(var(--color-accent-rgb),.1);border-radius:var(--radius-sm)}.admin-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.admin-tab{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;color:var(--color-smoke-gray);transition:all var(--transition-fast);border:1px solid transparent}.admin-tab:hover{color:var(--color-ice-white);background:rgba(var(--color-accent-rgb),.05)}.admin-tab--active{color:var(--color-electric-violet);background:rgba(var(--color-accent-rgb),.1);border-color:rgba(var(--color-accent-rgb),.3)}.admin-section{margin-bottom:var(--space-2xl)}.admin-section__title{margin-bottom:var(--space-md)}.credits-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:20px;font-size:.8rem;font-weight:600;color:gold}.credits-badge__count{font-variant-numeric:tabular-nums}.credits-badge__plan{background:linear-gradient(135deg,gold,#fa0);color:#000;font-size:.65rem;padding:1px 5px;border-radius:8px;font-weight:700;letter-spacing:.5px}.pricing-balance{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 20px;background:#ffd7001a;border:1px solid rgba(255,215,0,.25);border-radius:24px;font-size:1.1rem;font-weight:600;color:gold}.pricing-balance__plan{font-size:.7rem;padding:2px 8px;border-radius:10px;background:#ffd70033;letter-spacing:.5px}.topup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;max-width:600px;margin:0 auto}.topup-card{background:var(--glass-background, rgba(255, 255, 255, .05));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:16px;padding:20px;text-align:center;position:relative;transition:transform .2s,border-color .2s}.topup-card:hover{transform:translateY(-2px);border-color:#ffd70066}.topup-card--popular{border-color:#ffd70066}.topup-card--best{border-color:#10b98166}.topup-card__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,#fa0);color:#000;font-size:.65rem;font-weight:700;padding:2px 10px;border-radius:10px;letter-spacing:.5px}.topup-card__badge--best{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.topup-card__credits{display:flex;align-items:center;justify-content:center;gap:6px;font-size:1.8rem;font-weight:700;color:gold;margin-bottom:4px}.topup-card__price{font-size:1.2rem;font-weight:600;margin-bottom:2px}.topup-card__per{font-size:.75rem;color:var(--color-smoke-gray, #999);margin-bottom:12px}.storyboard-page{max-width:900px;margin:0 auto;padding:var(--space-lg, 24px)}.storyboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.storyboard-card{background:var(--glass-background, rgba(255, 255, 255, .05));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:16px;overflow:hidden;transition:transform .2s,border-color .2s}.storyboard-card:hover{transform:translateY(-2px);border-color:#ffd7004d}.storyboard-card--mine{border-color:#3b82f64d}.storyboard-card--private{opacity:.6}.storyboard-card__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.storyboard-card__name{font-weight:600;font-size:.9rem}.storyboard-card__time{font-size:.75rem;color:var(--color-smoke-gray, #999)}.storyboard-card__actions{display:flex;gap:4px}.storyboard-card__content{padding:16px}.storyboard-card__prediction{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}.storyboard-card__stat{text-align:center}.storyboard-card__stat-label{display:block;font-size:.65rem;color:var(--color-smoke-gray, #999);text-transform:uppercase;letter-spacing:.5px}.storyboard-card__stat-value{display:block;font-size:1.1rem;font-weight:700;color:gold}.storyboard-card__roast{font-style:italic;font-size:.85rem;color:var(--color-smoke-gray, #ccc);padding:8px 12px;background:#ffffff08;border-radius:8px;border-left:3px solid rgba(255,215,0,.3)}.storyboard-card__footer{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid rgba(255,255,255,.06);font-size:.8rem;color:var(--color-smoke-gray, #999)}.storyboard-card__like{display:inline-flex;align-items:center;gap:6px;font-size:.85rem}.storyboard-card__like:hover{color:#ef4444}.cost-dashboard{display:grid;gap:24px}.cost-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.cost-stat{text-align:center;padding:16px;background:var(--glass-background, rgba(255, 255, 255, .05));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:12px}.cost-stat__value{display:block;font-size:1.4rem;font-weight:700;color:#10b981}.cost-stat__label{display:block;font-size:.75rem;color:var(--color-smoke-gray, #999);margin-top:4px}.cost-model-table{width:100%;border-collapse:collapse}.cost-model-table th,.cost-model-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);font-size:.85rem}.cost-model-table th{color:var(--color-smoke-gray, #999);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.cost-model-table input{width:80px;padding:4px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:inherit;font-size:.85rem;text-align:right}.cost-model-table input:focus{border-color:#ffd70080;outline:none}.btn--icon{padding:4px 8px;min-width:auto}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:420px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:var(--radius-md);background:#0a0e1cf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(var(--color-accent-rgb),.2);box-shadow:0 8px 32px #00000080;font-size:.9rem;color:var(--color-ice-white, var(--color-chalk-white));pointer-events:auto;animation:toastSlideIn .3s ease-out both}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast--error{border-color:#ef444466}.toast--error .toast__icon{color:#ef4444}.toast--success{border-color:#10b98166}.toast--success .toast__icon{color:#10b981}.toast--info .toast__icon{color:var(--color-electric-violet)}.toast__icon{flex-shrink:0}.toast__message{flex:1;line-height:1.4}.toast__close{flex-shrink:0;background:none;border:none;color:var(--color-smoke-gray);cursor:pointer;padding:2px;border-radius:4px;transition:all .15s}.toast__close:hover{color:var(--color-chalk-white);background:#ffffff1a}.error-boundary{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:48px 16px}.error-boundary__card{background:var(--gradient-card, rgba(255, 255, 255, .05));border:1px solid rgba(239,68,68,.3);border-radius:20px;padding:48px;max-width:480px;text-align:center;box-shadow:0 8px 32px #00000080}.error-boundary__icon{color:#ef4444;margin-bottom:16px}.error-boundary__title{font-size:1.5rem;margin-bottom:8px}.error-boundary__message{color:var(--color-smoke-gray);font-size:.95rem;margin-bottom:24px}.error-boundary__detail{background:#0000004d;border-radius:8px;padding:12px;font-family:var(--font-mono, monospace);font-size:.8rem;white-space:pre-wrap;word-break:break-word;color:var(--color-smoke-gray);max-height:120px;overflow-y:auto;margin-bottom:24px;text-align:left}.error-boundary__actions{display:flex;gap:16px;justify-content:center}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.app__mobile-toggle{display:none;background:none;border:none;color:var(--color-chalk-white, var(--color-ice-white));cursor:pointer;padding:8px}@media(max-width:768px){.app__mobile-toggle{display:flex;align-items:center;justify-content:center}.app__nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#0a0a0afa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(var(--color-accent-rgb),.15);padding:12px 24px;gap:8px;z-index:100}.app__nav--open{display:flex}.app__header{position:relative}.app__nav-link{padding:8px 0;font-size:1rem}}.settings-page{padding:32px 16px;max-width:680px;margin:0 auto}.settings-section{background:var(--gradient-card, rgba(255, 255, 255, .05));border:1px solid rgba(var(--color-accent-rgb),.12);border-radius:16px;padding:24px;margin-bottom:20px;transition:border-color .15s}.settings-section:hover{border-color:rgba(var(--color-accent-rgb),.25)}.settings-section--danger{border-color:#ef444440}.settings-section--danger:hover{border-color:#ef444466}.settings-section__header{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--color-chalk-white, var(--color-ice-white))}.settings-section__header h2{font-size:1.1rem;font-weight:600}.settings-section__body{display:flex;flex-direction:column;gap:12px}.settings-field{display:flex;flex-direction:column;gap:4px}.settings-field__label{font-size:.85rem;font-weight:600;color:var(--color-smoke-gray)}.settings-field__input{padding:12px;border-radius:8px;border:1px solid rgba(var(--color-accent-rgb),.3);background:#0a0a0a99;color:var(--color-chalk-white, var(--color-ice-white));font-family:inherit;font-size:1rem;outline:none;transition:border-color .15s}.settings-field__input:focus{border-color:var(--color-electric-violet);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.15)}.settings-field__input:disabled{opacity:.5;cursor:not-allowed}.settings-field__hint{font-size:.75rem;color:var(--color-smoke-gray);opacity:.7}.plan-badge{display:inline-block;padding:4px 14px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--color-electric-violet, #8B5CF6);color:#fff}.plan-badge--lg{padding:6px 20px;font-size:.85rem}.btn--danger{padding:8px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid rgba(239,68,68,.4);background:#ef44441a;color:#ef4444;font-family:inherit;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.btn--danger:hover:not(:disabled){background:#ef444433;border-color:#ef444499}.btn--danger:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;border:none;background:none;color:var(--color-smoke-gray);font-family:inherit;display:inline-flex;align-items:center;gap:6px;transition:all .15s;text-decoration:none}.btn--ghost:hover{color:var(--color-chalk-white, var(--color-ice-white));background:rgba(var(--color-accent-rgb),.08)}.btn--sm{padding:4px 10px;font-size:.8rem}.delete-confirm{padding:20px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px}.billing-page{padding:32px 16px;max-width:1000px;margin:0 auto}.billing-current{background:var(--gradient-card, rgba(255, 255, 255, .05));border:1px solid rgba(var(--color-accent-rgb),.2);border-radius:16px;padding:20px}.billing-current__info{display:flex;align-items:center;gap:16px}.not-found{text-align:center;padding:64px 16px}.not-found__code{font-size:6rem;font-weight:900;font-family:var(--font-heading);background:linear-gradient(135deg,var(--color-electric-violet, #8B5CF6),var(--color-neon-pink, #EC4899));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.not-found__text{color:var(--color-smoke-gray);font-size:1.1rem;margin-bottom:32px;max-width:400px;margin-left:auto;margin-right:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.lang-switcher{position:relative;display:inline-block}.lang-switcher__btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1px solid rgba(var(--color-accent-rgb),.2);background:rgba(var(--color-accent-rgb),.05);color:var(--color-smoke-gray);font-size:.8rem;cursor:pointer;transition:all .15s;font-family:inherit}.lang-switcher__btn:hover{border-color:rgba(var(--color-accent-rgb),.4);color:var(--color-chalk-white, var(--color-ice-white))}.lang-switcher__dropdown{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#0a0e1cf7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(var(--color-accent-rgb),.2);border-radius:12px;padding:8px;max-height:320px;overflow-y:auto;width:200px;display:grid;grid-template-columns:1fr 1fr;gap:2px;box-shadow:0 -8px 32px #00000080;z-index:200}.lang-switcher__option{display:flex;align-items:center;gap:6px;padding:8px 10px;border:none;background:none;color:var(--color-smoke-gray);font-size:.78rem;cursor:pointer;border-radius:6px;transition:all .1s;font-family:inherit;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-switcher__option:hover{background:rgba(var(--color-accent-rgb),.1);color:var(--color-chalk-white, var(--color-ice-white))}.lang-switcher__option--active{background:rgba(var(--color-accent-rgb),.15);color:var(--color-electric-violet);font-weight:600}.app__logo-img{width:28px;height:28px;border-radius:6px;object-fit:cover}[dir=rtl] .app__nav,[dir=rtl] .lang-switcher__dropdown{direction:rtl}@media(max-width:768px){.app__header{padding:var(--space-sm) var(--space-md)}.app__logo{font-size:1.15rem}.app__logo-img{width:24px;height:24px}.app__mobile-toggle{display:flex;align-items:center;justify-content:center}.app__nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#0a0a0afa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(var(--color-accent-rgb),.15);padding:12px 24px 20px;gap:4px;z-index:100}.app__nav--open{display:flex}.app__nav-link{padding:12px 8px;font-size:1rem;border-bottom:1px solid rgba(var(--color-accent-rgb),.06)}.app__nav-link:last-child{border-bottom:none}.hero__title{font-size:2rem}.hero__subtitle{font-size:.95rem}.how-it-works,.pricing-grid,.pricing__plans{grid-template-columns:1fr;gap:16px}.topup-grid{grid-template-columns:1fr;gap:10px}.storyboard-grid{grid-template-columns:1fr}.billing-current{flex-direction:column;gap:12px}.billing-current__info{flex-direction:column;align-items:flex-start;gap:8px}.settings-page,.billing-page{padding:16px 12px}.prediction-stats{grid-template-columns:1fr 1fr;gap:8px}.prediction-actions{flex-direction:column;gap:8px}.prediction-actions .btn{width:100%;justify-content:center}.profile__stats{grid-template-columns:1fr 1fr;gap:8px}.admin-tabs{flex-wrap:wrap;gap:4px}.admin-tab{font-size:.75rem;padding:6px 10px}.admin-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{min-width:600px}.admin-config-grid{grid-template-columns:1fr}.app__footer{padding:16px 12px 72px;font-size:.8rem}.lang-switcher__dropdown{width:280px}.get-home-safe{bottom:12px;right:12px;left:12px}.get-home-safe__btn{font-size:.8rem;padding:10px 16px;text-align:center;width:100%}}@media(max-width:480px){.app__logo{font-size:1rem}.hero__title{font-size:1.6rem}.prediction-stats,.profile__stats{grid-template-columns:1fr}.pricing-card{padding:20px}.log-entry{font-size:.75rem}.log-entry pre{max-width:calc(100vw - 80px);overflow-x:auto}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:300;padding:16px;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner__content{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:16px;background:#0a0e1cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(var(--color-accent-rgb),.15);box-shadow:0 -4px 24px #0006}.cookie-banner__icon{flex-shrink:0;color:var(--color-accent)}.cookie-banner__text{flex:1;font-size:.82rem;color:var(--color-smoke-gray);line-height:1.5}.cookie-banner__actions{display:flex;gap:8px;flex-shrink:0}.cookie-banner__close{background:none;border:none;color:var(--color-smoke-gray);cursor:pointer;padding:4px;flex-shrink:0;opacity:.6;transition:opacity .15s}.cookie-banner__close:hover{opacity:1}.btn--small{padding:6px 14px;font-size:.78rem}@media(max-width:768px){.cookie-banner__content{flex-wrap:wrap;gap:12px;padding:14px 16px}.cookie-banner__icon{display:none}.cookie-banner__text{flex-basis:100%;font-size:.78rem}.cookie-banner__actions{flex-basis:100%;justify-content:center}}.credit-gate-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:250;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.credit-gate-modal{background:#0a0e1cfa;border:1px solid rgba(var(--color-accent-rgb),.2);border-radius:20px;padding:32px;max-width:400px;width:100%;text-align:center;box-shadow:0 16px 48px #0009;animation:scaleIn .25s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.credit-gate-modal__icon{margin-bottom:16px;color:var(--color-accent)}.credit-gate-modal h3{font-size:1.3rem;margin-bottom:8px}.credit-gate-modal p{color:var(--color-smoke-gray);font-size:.9rem;margin-bottom:20px}.pricing-onboarding{background:rgba(var(--color-accent-rgb),.08);border:1px solid rgba(var(--color-accent-rgb),.25);border-radius:12px;padding:16px 20px;margin-bottom:24px;text-align:center;font-size:.95rem;animation:fadeIn .3s ease}.pricing-onboarding p{margin:0;color:var(--color-chalk-white, var(--color-ice-white))}