html,body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-smooth:always;-webkit-text-size-adjust:100%}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.font-display{font-family:Clash Display,Inter,system-ui,sans-serif;letter-spacing:-.01em}.brand-lockup{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600}.brand-lockup .brand-highlight{color:rgb(var(--brand))}body,button,input,select,textarea{font-feature-settings:"kern" 1;font-kerning:normal;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:#6b7280;pointer-events:none;position:absolute}.storyboard-card{background-color:#000;border:1px solid rgb(var(--border) / .8);border-radius:10px}.ui-btn svg{width:16px;height:16px}.glass{background:#141823;border:1px solid rgba(255,255,255,.06)}.glass-light{background:#0f1217;border:1px solid rgba(255,255,255,.04)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in-up{animation:fadeInUp .3s ease-out}.animate-slide-in-right{animation:slideInRight .3s ease-out}.animate-pulse-slow{animation:pulse 2s ease-in-out infinite}.hover-lift{transition:all .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000040}.gradient-text{background:linear-gradient(135deg,#afff00,#8fcc00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.focus-ring{outline:none;box-shadow:0 0 0 2px #7de78c99,0 0 0 4px #0b0d10e6}.btn-modern{position:relative;overflow:hidden}.btn-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.btn-modern:hover:before{left:100%}.card-hover{transition:all .2s ease}.card-hover:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000038}.loading-shimmer{background:linear-gradient(90deg,rgb(var(--surface)) 25%,rgb(var(--elevated)),rgb(var(--surface)) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.input-modern{transition:all .2s ease}.input-modern:focus{transform:translateY(-1px);box-shadow:0 4px 12px #afff002e}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-success{background-color:#10b981;box-shadow:0 0 6px #10b98166}.status-warning{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b66}.status-error{background-color:#ef4444;box-shadow:0 0 6px #ef444466}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#0f1217;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;border:1px solid rgba(255,255,255,.1)}.tooltip:hover:after{opacity:1}@keyframes progressShrink{0%{width:100%}to{width:0%}}.notify-progress{position:absolute;left:0;bottom:0;height:2px;background:rgb(var(--brand));animation-name:progressShrink;animation-timing-function:linear}