:root,[data-theme=dark]{--bordo:#a1312b;--bordo-dark:#7a2420;--negro:#0a0a0a;--surface:#1a1a1a;--surface-hover:#242424;--negro-suave:var(--surface);--negro-card:var(--surface);--blanco:#fff;--rosa:#fdbec4;--rosa-soft:#fdbec414;--rosa-glow:#fdbec426;--gris:#ffffff80;--gris-light:#ffffff14;--hover-soft:#ffffff0a;--sidebar-w:260px;--brand:#a1312b;--brand-dark:#7a2420;--brand-soft:#a1312b14;--brand-soft2:#a1312b26;--bg:#0a0a0a;--card:var(--surface);--card-2:var(--surface);--border:#ffffff12;--border-hover:#ffffff1f;--text-1:#fff;--text-2:#fff9;--text-3:#ffffff4d;--success:#2ecc71e6;--warning:#f39c12e6;--danger:#e74c3ce6;--radius:8px;--radius-lg:8px;--radius-pill:999px;--transition:.2s ease;--mobile-nav-h:56px;--mobile-nav-gap:16px}[data-theme=light]{--bordo:#a1312b;--bordo-dark:#7a2420;--negro:#fafafa;--surface:#f1eeec;--surface-hover:#eae7e5;--negro-suave:var(--surface);--negro-card:var(--surface);--blanco:#1a1a1a;--rosa:#a1312b;--rosa-soft:#a1312b14;--rosa-glow:#a1312b26;--gris:#0000008c;--gris-light:#00000014;--hover-soft:#0000000a;--brand:#a1312b;--brand-dark:#7a2420;--brand-soft:#a1312b14;--brand-soft2:#a1312b26;--bg:#fafafa;--card:var(--surface);--card-2:var(--surface);--border:#00000014;--border-hover:#00000026;--text-1:#1a1a1a;--text-2:#0009;--text-3:#00000059}[data-theme=light] body{background:var(--negro);color:var(--blanco)}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--rosa);outline-offset:2px;border-radius:3px}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--rosa);outline-offset:2px;box-shadow:0 0 0 4px #a1312b33}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 1px #a1312b33;border-color:var(--brand)!important}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:none}*{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#fdbec44d}button,a,[role=button],.card,input,select,textarea,.nav-item{transition:background-color .15s,border-color .15s,color .15s,box-shadow .18s,opacity .15s}@media (hover:hover){button:not(:disabled):hover,a:hover,[role=button]:hover{cursor:pointer}}::selection{color:#fff;background:#fdbec459}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{scroll-behavior:smooth;overscroll-behavior-y:contain}@media (max-width:768px){button,a,[role=button],.navItem{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,select,textarea{font-size:16px!important}}body{background:var(--negro);color:var(--blanco);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,sans-serif;font-size:14px;font-weight:400;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.2px;font-family:Inter,sans-serif;font-weight:500}body:after{content:"";pointer-events:none;z-index:0;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)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}.btn-primary{letter-spacing:1.2px;text-transform:uppercase;background:var(--brand);color:var(--blanco);cursor:pointer;text-align:center;border:none;border-radius:8px;justify-content:center;align-items:center;height:48px;min-height:48px;padding:0 32px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{background:var(--bordo-dark);transform:translateY(-2px);box-shadow:0 8px 30px #a1312b4d}@media (max-width:640px){.btn-primary,.btn-ghost{box-sizing:border-box;width:100%;height:48px;padding:0 20px;font-size:14px}}.btn-ghost{letter-spacing:1px;text-transform:uppercase;color:#ffffff80;cursor:pointer;text-align:center;background:0 0;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;height:48px;min-height:48px;padding:0 28px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-ghost:hover{border-color:var(--rosa);color:var(--rosa)}.btn-secondary{letter-spacing:.8px;color:#ffffffd9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:10px 18px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.btn-secondary:hover{border-color:var(--rosa);color:#fff;background:#fdbec40f}.btn-secondary:active{transform:scale(.98)}.btn-generate{letter-spacing:.8px;background:var(--brand);color:var(--blanco);cursor:pointer;border:none;border-radius:8px;width:100%;height:48px;min-height:48px;padding:0 28px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:background .18s,transform .12s,box-shadow .18s;box-shadow:0 4px 14px #a1312b40}.btn-generate:hover{background:var(--bordo-dark);transform:translateY(-1px);box-shadow:0 6px 22px #a1312b66}.btn-generate:active{transform:translateY(0)}.btn-generate:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:768px){.btn-generate-sticky{bottom:calc(env(safe-area-inset-bottom,0px) + var(--mobile-nav-h) + var(--mobile-nav-gap));z-index:55;letter-spacing:.2px;background:var(--brand);border-radius:8px;width:auto;height:52px;padding:0 22px;font-size:14px;font-weight:500;position:fixed;left:16px;right:16px;box-shadow:0 -6px 20px #00000080}.form-with-sticky-cta{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 140px)}.mediaKitBottomBar{bottom:calc(env(safe-area-inset-bottom,0px) + var(--mobile-nav-h))!important}}input::placeholder,textarea::placeholder,select::placeholder{color:#ffffff85;opacity:1}select:invalid{color:#ffffff85}select:has(option[value=""]:checked){color:#ffffff85}.form-group{margin-bottom:24px}.form-group label{letter-spacing:.5px;color:var(--blanco);margin-bottom:8px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;display:block}.form-group select,.form-group input:not([type=checkbox]):not([type=radio]),.form-group textarea{background:var(--negro-suave);border:1px solid var(--gris-light);width:100%;color:var(--blanco);-webkit-appearance:none;border-radius:0;outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.form-group input[type=checkbox],.form-group input[type=radio]{appearance:auto;width:auto;height:auto;padding:0}.form-group select:focus,.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group textarea:focus{border-color:var(--bordo)}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer}.form-group select option{background:var(--negro-suave)}.form-hint{color:#ffffff4d;margin-top:6px;font-size:12px}.form-row-2col{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.form-row-2col>.form-group{margin-bottom:0}@media (max-width:600px){.form-row-2col{grid-template-columns:1fr;gap:0}.form-row-2col>.form-group{margin-bottom:24px}.form-row-2col>.form-group:last-child{margin-bottom:0}}.form-with-sticky-cta .form-group{margin-bottom:18px}.form-with-sticky-cta .form-group label{margin-bottom:6px;font-size:12px}.form-with-sticky-cta .form-group select,.form-with-sticky-cta .form-group input:not([type=checkbox]):not([type=radio]),.form-with-sticky-cta .form-group textarea{padding:11px 14px;font-size:13px}.result-card{background:var(--negro-suave);border:1px solid var(--gris-light);border-left:3px solid var(--bordo);margin-bottom:20px;padding:32px 28px}.result-label{letter-spacing:2px;text-transform:uppercase;color:var(--bordo);margin-bottom:16px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.result-text{color:#ffffffd9;white-space:pre-wrap;font-size:15px;line-height:1.7}.result-tips{background:#fdbec40d;border:1px solid #fdbec41a;margin-top:20px;padding:24px}.result-tips h4{color:var(--rosa);letter-spacing:.5px;margin-bottom:12px;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.result-tips p{color:#fff9;white-space:pre-wrap;font-size:14px;line-height:1.6}.result-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.loading{text-align:center;padding:40px}.loading-dots{gap:6px;display:inline-flex}.loading-dots span{background:var(--bordo);border-radius:50%;width:8px;height:8px;animation:1.2s infinite bounce}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}.loading-text{color:var(--gris);margin-top:16px;font-size:13px}.feed-list{flex-direction:column;gap:16px;display:flex}.feed-item{background:var(--negro-suave);border:1px solid var(--gris-light);padding:28px 24px;transition:all .2s}.feed-item:hover{border-color:#ffffff1f}.feed-date{color:var(--bordo);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.feed-item h3{color:var(--blanco);margin-bottom:8px;font-family:Inter,sans-serif;font-size:17px;font-weight:700}.feed-item p{color:var(--gris);font-size:14px;line-height:1.6}.feed-tag{letter-spacing:1px;text-transform:uppercase;color:var(--rosa);background:#fdbec414;margin-top:12px;padding:4px 10px;font-family:Inter,sans-serif;font-size:10px;font-weight:700;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.btn-primary,.btn-ghost{width:100%}.result-actions{flex-direction:column}}button:active:not(:disabled):not(.no-scale){transition:transform .1s;transform:scale(.97)}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.5}}.badge-new{background:var(--brand);color:#fff;letter-spacing:1px;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;animation:2s ease-in-out infinite badgePulse;display:inline-block}@keyframes agSpin{to{transform:rotate(360deg)}}.ag-spinner{vertical-align:middle;border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite agSpin;display:inline-block}.ag-spinner.ag-spinner-sm{border-width:2px;width:14px;height:14px}@keyframes skeletonShimmer{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:#ffffff0f;border-radius:4px;animation:1.5s ease-in-out infinite skeletonShimmer;display:block}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text:last-child{width:60%;margin-bottom:0}@keyframes heroResultIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-result-in{animation:.5s cubic-bezier(.16,1,.3,1) both heroResultIn}.skeleton-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}[data-theme=light] .skeleton{background:#0000000f}.xp-fill{transition:width .6s cubic-bezier(.4,0,.2,1)}.btn-action{background:var(--brand);color:var(--text-1);cursor:pointer;height:48px;transition:background var(--transition), transform .12s ease, box-shadow var(--transition);letter-spacing:.1px;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.btn-action:hover:not(:disabled){background:var(--brand-dark)}.btn-action:active:not(:disabled){transform:scale(.98)}.btn-action:disabled{opacity:.45;cursor:not-allowed}.btn-action-soft{color:var(--text-1);cursor:pointer;height:48px;transition:all var(--transition);background:#ffffff0f;border:.5px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.btn-action-soft:hover:not(:disabled){background:#ffffff17;border-color:#ffffff29}.btn-action-ai{background:var(--brand-soft2);color:var(--rosa);cursor:pointer;height:48px;transition:all var(--transition);border:.5px solid #a1312b40;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.btn-action-ai:hover:not(:disabled){background:#a1312b2e;border-color:#a1312b59}.page-h1{color:var(--text-1);letter-spacing:-.3px;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:22px;font-weight:700;line-height:1.2}.page-subtitle{color:#ffffff73;margin-top:4px;font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:1.5}.section-label{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff40;font-family:Inter,sans-serif;font-size:9px;font-weight:500}.activity-card{background:var(--card);border:.5px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:6px;min-height:96px;padding:12px;display:flex}.activity-card-label{letter-spacing:1.5px;text-transform:uppercase;color:#fff6;font-family:Inter,sans-serif;font-size:8px;font-weight:500}.activity-card-num{color:var(--text-1);align-items:baseline;gap:4px;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:22px;font-weight:600;line-height:1;display:inline-flex}.activity-card-num-limit{color:#ffffff40;font-family:Inter,sans-serif;font-size:12px;font-weight:400}.activity-card-bar{background:#ffffff0f;border-radius:2px;height:3px;margin-top:2px;overflow:hidden}.activity-card-bar-fill{background:var(--brand);border-radius:2px;height:100%;transition:width .4s}.activity-card-foot{color:#ffffff38;font-family:Inter,sans-serif;font-size:10px;font-weight:400}.empty-card{text-align:center;background:#ffffff03;border:1px dashed #ffffff14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:120px;padding:24px 18px;display:flex}.empty-card-icon{color:#ffffff1f;font-size:28px;line-height:1}.empty-card-text{color:var(--text-3);max-width:200px;font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:1.4}.empty-card-label{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff4d;font-family:Inter,sans-serif;font-size:9px;font-weight:500}@media (max-width:768px){.generator-2col{grid-template-columns:1fr!important}.generator-2col .hooks-empty-col,.generator-2col .captions-empty-col{display:none!important}}.gen-counter{color:#ffffff38;text-align:center;margin-top:10px;font-family:Inter,sans-serif;font-size:11px;font-weight:400}.tip-widget{color:#ffffffa6;background:#a1312b0d;border:.5px solid #a1312b1f;border-radius:8px;align-items:flex-start;gap:10px;margin-top:24px;padding:12px 16px;font-family:Inter,sans-serif;font-size:13px;line-height:1.5;display:flex}.tip-widget-icon{flex-shrink:0;font-size:16px;line-height:1.4}.tip-widget-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--rosa);margin-right:6px;font-size:9px;font-weight:500}.status-badge{letter-spacing:.5px;text-transform:uppercase;border:.5px solid #0000;border-radius:6px;align-items:center;padding:4px 9px;font-family:Inter,sans-serif;font-size:10px;font-weight:500;display:inline-flex}.status-badge-rejected{color:#e74c3ce6;background:#e74c3c1a;border-color:#e74c3c4d}.status-badge-approved{color:#2ecc71e6;background:#2ecc711a;border-color:#2ecc714d}.status-badge-pending{color:#f39c12e6;background:#f39c121a;border-color:#f39c124d}.tab-pill{color:#ffffff80;cursor:pointer;transition:all var(--transition);background:#ffffff0a;border:.5px solid #0000;border-radius:8px;padding:10px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.tab-pill:hover:not(.tab-pill-active){color:#ffffffbf;background:#ffffff12}.tab-pill-active{background:var(--brand);color:var(--text-1);border-color:var(--brand)}.badge-earned{opacity:1;background:#a1312b1f;border:.5px solid #a1312b40}.badge-earned .badge-icon{opacity:1}.badge-locked{opacity:.8;background:#ffffff08;border:.5px solid #ffffff0d}.badge-locked .badge-icon{opacity:.15}.empty-state-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state-icon{opacity:.4;font-size:32px;line-height:1}.empty-state-title{color:var(--text-1);font-family:Inter,sans-serif;font-size:15px;font-weight:500}.empty-state-desc{color:#fff6;max-width:360px;font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:1.5}.empty-state-cta{background:var(--brand);color:#fff;letter-spacing:.3px;cursor:pointer;height:48px;transition:background var(--transition), transform .12s ease;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:0 24px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #a1312b40}.empty-state-cta:active{transform:translateY(0)}.empty-state-cta:hover{background:var(--brand-dark)}.progress-track{background:#ffffff0f;border-radius:4px;height:4px;overflow:hidden}.progress-fill{background:var(--brand);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.card{background:var(--card);border:.5px solid var(--border);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:8px}@media (hover:hover){.card:hover{border-color:#fdbec426;transform:translateY(-2px)}}.clickable-card,button.card,a.card,[role=button].card{cursor:pointer}@media (hover:hover){.clickable-card:hover,button.card:hover,a.card:hover,[role=button].card:hover{border-color:#a1312b59;transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.clickable-card:active,button.card:active,a.card:active,[role=button].card:active{transition:transform 80ms;transform:translateY(0)}}.check-box{width:18px;height:18px;transition:all var(--transition);border:1.5px solid #ffffff26;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.check-box-done{border-color:var(--brand);background:#a1312b1a}.check-box-done:after{content:"✓";color:var(--brand);font-size:12px;font-weight:700;line-height:1}