:root,[data-theme=light]{--bg-ink:#f7f8f8;--bg-surface:#f7f8f8;--bg-surface-elevated:#fff;--bg-surface-hover:#f2f4f5;--bg-card:#fff;--bg-header:#ffffffeb;--color-charcoal:#1c1d1f;--color-teal:#63b0ad;--color-teal-deep:#3e8c88;--color-teal-tint:#a9dad7;--color-coral:#63b0ad;--color-coral-hover:#3e8c88;--color-violet:#63b0ad;--color-violet-hover:#3e8c88;--color-violet-glow:#63b0ad2e;--color-coral-glow:#63b0ad2e;--text-primary:#1c1d1f;--text-secondary:#5b6066;--text-muted:#8a9098;--border-color:#e5e7e8;--border-color-hover:#d1d5d8;--border-color-focus:#3e8c88;--semantic-good:#4caf7d;--semantic-warn:#e0a93e;--semantic-weak:#d9654f;--sans:"Inter", system-ui, -apple-system, sans-serif;--display:"Space Grotesk", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "Cascadia Code", monospace;--shadow-sm:0 2px 8px #1c1d1f0a;--shadow-md:0 6px 24px #1c1d1f12;--shadow-lg:0 16px 40px #1c1d1f1a;--card-shadow:0 6px 20px #1c1d1f0a, 0 1px 3px #1c1d1f05;--card-shadow-hover:0 12px 32px #1c1d1f14, 0 3px 8px #1c1d1f0a;--dock-shadow:0 12px 40px #1c1d1f1f, 0 2px 8px #1c1d1f0a;--shadow-glow:0 0 18px #63b0ad40;font-family:var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg-ink);color:var(--text-primary);-webkit-font-smoothing:antialiased}[data-theme=dark]{--bg-ink:#121314;--bg-surface:#121314;--bg-surface-elevated:#1f2022;--bg-surface-hover:#26282b;--bg-card:#1f2022;--bg-header:#1f2022f0;--color-charcoal:#1c1d1f;--color-teal:#63b0ad;--color-teal-deep:#3e8c88;--color-teal-tint:#a9dad7;--color-coral:#63b0ad;--color-coral-hover:#3e8c88;--color-violet:#63b0ad;--color-violet-hover:#3e8c88;--color-violet-glow:#63b0ad38;--color-coral-glow:#63b0ad38;--text-primary:#f2f3f3;--text-secondary:#9a9fa4;--text-muted:#6b7280;--border-color:#2a2c2f;--border-color-hover:#3e4247;--border-color-focus:#63b0ad;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 40px #000000b3;--card-shadow:0 6px 20px #00000059, 0 1px 3px #0003;--card-shadow-hover:0 12px 32px #0000008c, 0 3px 8px #0000004d;--dock-shadow:0 12px 40px #000000b3, 0 2px 8px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg-ink);min-height:100vh;color:var(--text-primary);flex-direction:column;margin:0;padding:0;display:flex}#root{background-color:var(--bg-surface);flex-direction:column;width:100%;max-width:100%;height:100vh;display:flex;position:relative;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-color-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-violet)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #8b5cf626}50%{box-shadow:0 0 25px #8b5cf64d}}@keyframes filmScroll{0%{background-position-x:0}to{background-position-x:28px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes mascotFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(1.5deg)}}@keyframes mascotAuraGlow{0%,to{filter:drop-shadow(0 4px 12px #63b0ad40)}50%{filter:drop-shadow(0 8px 22px #63b0ad8c)}}@keyframes mascotThinkingPulse{0%,to{filter:drop-shadow(0 0 16px #63b0ad99);transform:scale(1)translateY(0)}50%{filter:drop-shadow(0 0 28px #63b0adf2);transform:scale(1.08)translateY(-4px)}}.floating-mascot-sm{animation:3.5s ease-in-out infinite mascotFloat}.floating-mascot-hero{animation:4s ease-in-out infinite mascotFloat,3s ease-in-out infinite mascotAuraGlow}.pulse-thinking{animation:1.2s ease-in-out infinite mascotThinkingPulse}.app-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-header);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;justify-content:space-between;align-items:center;padding:12px 18px;transition:background-color .25s,border-color .25s;display:flex}.brand-header-left{align-items:center;gap:10px;display:flex}.brand-logo-container{background:var(--bg-surface-elevated);border:1px solid var(--border-color);width:34px;height:34px;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.brand-mascot-img{object-fit:contain;width:26px;height:26px}.brand-title{font-family:var(--display);letter-spacing:-.3px;color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.header-nav-controls{align-items:center;gap:8px;display:flex}.theme-switch-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-color);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.theme-switch-btn:hover{border-color:var(--color-teal);transform:scale(1.05)}.badge{font-family:var(--display);text-transform:uppercase;letter-spacing:1px;background-color:var(--color-violet-glow);color:var(--color-violet);border:1px solid #8b5cf64d;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:600}.chat-container{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.chat-welcome{text-align:center;background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);max-width:480px;box-shadow:var(--shadow-md);border-radius:16px;margin:auto;padding:32px;animation:.4s ease-out fadeInUp}.welcome-title{font-family:var(--display);color:var(--text-primary);margin:0 0 12px;font-size:28px;font-weight:700}.welcome-desc{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.6}.chat-message-wrapper{width:100%;animation:.35s ease-out fadeInUp;display:flex}.chat-message-wrapper.user{justify-content:flex-end}.chat-message-wrapper.bot{justify-content:flex-start}.chat-message{max-width:80%;box-shadow:var(--shadow-sm);border-radius:14px;padding:14px 18px;font-size:15px;line-height:1.5;position:relative}.chat-message-wrapper.user .chat-message{background:linear-gradient(135deg, var(--color-violet) 0%, #7043db 100%);color:#fff;border-bottom-right-radius:2px}.chat-message-wrapper.bot .chat-message{background-color:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:2px}.message-avatar{background-color:var(--color-violet-glow);width:32px;height:32px;color:var(--color-violet);border:1px solid #8b5cf666;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;font-weight:700;display:flex}.chat-message-wrapper.bot .message-avatar{background-color:var(--color-coral-glow);color:var(--color-coral);border-color:#ff6b5766}.chat-message-content{flex-direction:column;gap:6px;display:flex}.message-time{color:var(--text-muted);align-self:flex-end;margin-top:4px;font-size:11px}.flow-container{flex-direction:column;gap:16px;width:100%;display:flex}.flow-step-card{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:20px;animation:.3s ease-out fadeInUp}.flow-step-title{font-family:var(--display);color:var(--text-primary);margin:0 0 12px;font-size:16px;font-weight:600}.textarea-input{background-color:var(--bg-surface);border:1px solid var(--border-color);box-sizing:border-box;width:100%;height:90px;color:var(--text-primary);font-family:var(--sans);resize:none;border-radius:8px;padding:12px;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.textarea-input:focus{border-color:var(--color-violet);outline:none;box-shadow:0 0 0 3px #8b5cf626}.textarea-actions{justify-content:flex-end;margin-top:12px;display:flex}.template-grid{grid-template-columns:1fr;gap:14px;margin-top:8px;display:grid}@media (width>=550px){.template-grid{grid-template-columns:1fr 1fr}}.film-strip-card{background-color:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:10px;padding:20px 16px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.film-strip-card:before,.film-strip-card:after{content:"";background-image:radial-gradient(circle, var(--bg-surface-elevated) 3px, transparent 4px);z-index:2;background-repeat:repeat-x;background-size:12px 6px;height:6px;position:absolute;left:0;right:0}.film-strip-card:before{top:6px}.film-strip-card:after{bottom:6px}.film-strip-card:hover{border-color:var(--color-violet);background-color:var(--bg-surface-hover);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf61a}.film-strip-card.selected{border-color:var(--color-coral);background-color:#ff6b570a;box-shadow:0 4px 16px #ff6b5726}.film-strip-card.selected:before,.film-strip-card.selected:after{background-image:radial-gradient(circle,#2a161f 3px,#0000 4px)}.template-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.template-label{font-family:var(--display);color:var(--text-primary);font-size:16px;font-weight:700}.template-frames{background-color:var(--border-color);color:var(--text-secondary);border:1px solid #ffffff0d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.film-strip-card.selected .template-frames{color:var(--color-coral);background-color:#ff6b5726;border-color:#ff6b5733}.template-blurb{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.loading-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:30px;display:flex}.loading-spinner{border:3px solid #8b5cf61a;border-top:3px solid var(--color-violet);border-right:3px solid var(--color-coral);border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-family:var(--display);color:var(--text-secondary);font-size:15px;font-weight:500}.output-card{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-top:3px solid var(--color-violet);border-radius:14px;padding:24px;animation:.4s ease-out fadeInUp}.output-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.output-title-wrapper{flex-direction:column;gap:4px;display:flex}.output-title{font-family:var(--display);margin:0;font-size:18px;font-weight:700}.output-duration{color:var(--text-secondary);font-size:12px}.output-meta-row{border:1px solid var(--border-color);background-color:#ffffff05;border-radius:8px;grid-template-columns:1fr;gap:12px;margin-bottom:20px;padding:12px;display:grid}@media (width>=500px){.output-meta-row{grid-template-columns:1fr 1fr}}.meta-item{flex-direction:column;gap:4px;display:flex}.meta-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:10px;font-weight:600}.meta-val{color:var(--text-primary);font-size:13px;font-weight:500}.scenes-timeline{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.scene-row{gap:14px;display:flex;position:relative}.scene-row:not(:last-child):after{content:"";background-color:var(--border-color);width:2px;position:absolute;top:30px;bottom:-20px;left:14px}.scene-num{background-color:var(--bg-surface);border:2px solid var(--color-violet);width:30px;height:30px;color:var(--text-primary);font-family:var(--display);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.scene-content{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.scene-text{color:var(--text-primary);margin:0;font-size:13px;line-height:1.4}.scene-dur{font-family:var(--mono);color:var(--text-secondary);background-color:var(--border-color);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:11px}.caption-box{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:14px}.caption-title{font-family:var(--display);color:var(--color-coral);margin-bottom:6px;font-size:12px;font-weight:600}.caption-text{color:var(--text-primary);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.hashtag-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.hashtag{font-family:var(--mono);color:var(--color-coral);background-color:#ff6b5714;border:1px solid #ff6b5733;border-radius:4px;padding:2px 6px;font-size:11px}.btn{font-family:var(--display);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .2s,transform .15s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--color-violet);color:#fff;box-shadow:0 4px 12px #8b5cf633}.btn-primary:hover{background-color:var(--color-violet-hover);box-shadow:0 4px 16px #8b5cf659}.btn-primary:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.btn-secondary{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--color-violet);background-color:var(--bg-surface-hover)}.btn-coral{background-color:var(--color-coral);color:#fff;box-shadow:0 4px 12px #ff6b5733}.btn-coral:hover{background-color:var(--color-coral-hover);box-shadow:0 4px 16px #ff6b5759}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.chat-input-bar{border-top:1px solid var(--border-color);background-color:#100c1ef2;justify-content:center;align-items:center;padding:20px 24px;display:flex}.generator-start-panel{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.start-hint{color:var(--text-muted);font-size:12px}.preview-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#040208d9;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.phone-frame{width:320px;height:570px;box-shadow:var(--shadow-lg), 0 0 30px #8b5cf64d;background-color:#000;border:10px solid #1a1528;border-radius:36px;flex-direction:column;display:flex;position:relative;overflow:hidden}.phone-screen{box-sizing:border-box;flex-direction:column;flex:1;justify-content:space-between;padding:16px;display:flex;position:relative}.gradient-bg{z-index:1;background-size:400% 400%;animation:12s infinite gradientAnimation;position:absolute;inset:0}@keyframes gradientAnimation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-romantic{background-image:linear-gradient(135deg,#2c0b1e 0%,#0d0615 50%,#1c0e35 100%)}.gradient-energetic{background-image:linear-gradient(135deg,#3d140e 0%,#15060b 50%,#462507 100%)}.gradient-chill{background-image:linear-gradient(135deg,#091a27 0%,#040810 50%,#140d2d 100%)}.gradient-default{background-image:linear-gradient(135deg,#170d2b 0%,#080511 50%,#130a21 100%)}.phone-top-bars{z-index:3;gap:4px;width:100%;display:flex}.progress-bar-track{background-color:#ffffff40;border-radius:2px;flex:1;height:3px;overflow:hidden}.progress-bar-fill{background-color:#fff;width:0%;height:100%;transition:width .1s linear}.phone-center-content{text-align:center;z-index:3;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.phone-on-screen-text{font-family:var(--display);color:#fff;text-shadow:0 4px 12px #000c,0 0 20px #8b5cf64d;font-size:24px;font-weight:700;line-height:1.35;animation:.3s cubic-bezier(.175,.885,.32,1.275) popText}@keyframes popText{0%{opacity:.8;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.phone-bottom-overlay{z-index:3;background:linear-gradient(#0000 0%,#000c 100%);flex-direction:column;gap:8px;margin:-16px;padding:30px 16px 20px;display:flex}.phone-user-row{align-items:center;gap:8px;display:flex}.phone-user-avatar{background:linear-gradient(135deg, var(--color-violet) 0%, var(--color-coral) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.phone-username{color:#fff;font-size:13px;font-weight:600}.phone-caption{color:#fffffff2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.phone-audio-row{color:#fffc;align-items:center;gap:6px;font-size:11px;display:flex}.phone-audio-scroller{white-space:nowrap;width:150px;overflow:hidden}.phone-audio-text{animation:8s linear infinite scrollText;display:inline-block}@keyframes scrollText{0%{transform:translate(100%)}to{transform:translate(-100%)}}.phone-tap-area{z-index:2;cursor:pointer;position:absolute;inset:0}.preview-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:28px;transition:transform .2s;display:flex;position:absolute;top:-45px;right:0}.preview-close-btn:hover{transform:scale(1.1)}.phone-bg-image{object-fit:cover;z-index:2;width:100%;height:100%;animation:.6s ease-in-out forwards fadeInImage;position:absolute;top:0;left:0}@keyframes fadeInImage{0%{opacity:0;filter:blur(5px) scale(1.05)}to{opacity:1;filter:blur(0px) scale(1)}}.phone-bg-loader{background-color:var(--bg-ink);z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.app-nav-tabs{background-color:var(--color-charcoal);border:1px solid var(--border-color);border-radius:9px;gap:6px;padding:4px;display:flex}.nav-tab-btn{color:var(--text-secondary);font-family:var(--sans);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.nav-tab-btn:hover:not(.active){color:var(--text-primary);background-color:#ffffff0d}.nav-tab-btn.active{color:#121314;background-color:var(--color-teal);font-weight:600;box-shadow:0 2px 10px #63b0ad59}.nav-tab-btn.active:hover{background-color:var(--color-teal-deep);color:#fff}.meta-api-pill{text-transform:uppercase;color:#121314;letter-spacing:.5px;background:#00000038;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700}.nav-tab-btn:not(.active) .meta-api-pill{color:var(--color-teal);background:#63b0ad26}.global-toast{z-index:100;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;align-items:center;gap:12px;max-width:90%;padding:10px 18px;font-size:13px;font-weight:500;animation:.3s fadeInUp;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.global-toast.success{color:#fff;background-color:#10b981e6;border:1px solid #10b98180}.global-toast.error{color:#fff;background-color:#ef4444e6;border:1px solid #ef444480}.toast-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:14px}.toast-close:hover{opacity:1}.modern-coach-wrapper{background-color:var(--bg-ink);flex-direction:column;flex:1;transition:background-color .25s;display:flex;position:relative;overflow:hidden}.coach-account-subbar{background-color:var(--bg-surface-elevated);border-bottom:1px solid var(--border-color);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 18px;transition:background-color .25s,border-color .25s;display:flex}.subbar-profile-left{align-items:center;gap:8px;display:flex}.account-avatar-ring{background:var(--bg-card);border:1.5px solid var(--color-teal);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative;box-shadow:0 0 8px #63b0ad33}.account-mascot-tiny{object-fit:contain;width:18px;height:18px}.live-status-dot{background-color:var(--semantic-good);border:1.5px solid var(--bg-surface-elevated);width:7px;height:7px;box-shadow:0 0 4px var(--semantic-good);border-radius:50%;position:absolute;bottom:-1px;right:-1px}.account-handle-meta{flex-direction:column;display:flex}.account-handle-text{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.2}.meta-sync-tag{color:var(--text-muted);font-size:9.5px}.subbar-kpis{align-items:center;gap:6px;display:flex}.kpi-tag-chip{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.kpi-chip-label{color:var(--text-muted);font-size:10px}.kpi-chip-val{color:var(--text-primary);font-weight:700}.subbar-actions-right{align-items:center;gap:6px;display:flex}.syncing-indicator{color:var(--color-teal-deep);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.btn-pill-action{font-family:var(--sans);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.btn-pill-action:hover{border-color:var(--color-teal);color:var(--color-teal-deep)}.btn-pill-action.active{background-color:var(--color-teal);color:#121314;border-color:var(--color-teal)}.btn-pill-action.danger{color:var(--semantic-weak);border-color:#d9654f4d}.btn-pill-action.danger:hover{border-color:var(--semantic-weak);background-color:#d9654f1a}.coach-main-scrollable{flex-direction:column;flex:1;gap:20px;padding:18px 18px 88px;display:flex;overflow-y:auto}.coach-hero-section{justify-content:space-between;align-items:center;gap:16px;padding:6px 4px;display:flex}.hero-text-block{flex-direction:column;gap:4px;display:flex}.hero-greeting-sub{text-transform:uppercase;letter-spacing:1px;color:var(--color-teal-deep);font-size:11px;font-weight:700}.hero-headline{font-family:var(--display);color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700;line-height:1.2}.hero-headline-accent{color:var(--color-teal-deep);position:relative}[data-theme=dark] .hero-headline-accent{color:var(--color-teal)}.hero-mascot-centerpiece{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;display:flex}.mascot-orb-frame{background:radial-gradient(circle at 35% 35%,#63b0ad2e,#a9dad70d 70%,#0000 100%);border:1px solid #63b0ad59;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;transition:all .3s;display:flex;position:relative;box-shadow:0 8px 24px #63b0ad26}.mascot-orb-frame:hover{border-color:var(--color-teal);transform:translateY(-2px)scale(1.02);box-shadow:0 12px 30px #63b0ad4d}.hero-mascot-img{object-fit:contain;width:58px;height:58px}.orb-badge-pill{background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:9.5px;font-weight:600;display:flex;position:absolute;bottom:-10px}.pulse-dot-teal{background-color:var(--color-teal);width:6px;height:6px;box-shadow:0 0 6px var(--color-teal);border-radius:50%;animation:1.4s ease-in-out infinite typingBounce}.mode-pills-row{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.mode-pills-row::-webkit-scrollbar{display:none}.mode-pill-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--sans);cursor:pointer;white-space:nowrap;box-shadow:var(--card-shadow);border-radius:20px;align-items:center;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.mode-pill-btn:hover{border-color:var(--color-teal);color:var(--color-teal-deep);transform:translateY(-1px)}.mode-pill-btn.active{background-color:var(--color-charcoal);color:#fff;border-color:var(--color-charcoal);font-weight:600}[data-theme=dark] .mode-pill-btn.active{background-color:var(--color-teal);color:#121314;border-color:var(--color-teal)}.feature-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=520px){.feature-cards-grid{grid-template-columns:1fr}}.feature-card-item{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);cursor:pointer;border-radius:20px;flex-direction:column;justify-content:space-between;gap:10px;padding:16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.feature-card-item:hover{border-color:var(--color-teal);box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.card-top-row{justify-content:space-between;align-items:center;display:flex}.card-icon-squircle{background-color:#63b0ad1f;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.card-arrow-btn{border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:#00000008;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .2s;display:flex}[data-theme=dark] .card-arrow-btn{background:#ffffff0d}.feature-card-item:hover .card-arrow-btn{background-color:var(--color-teal);color:#121314;border-color:var(--color-teal);transform:scale(1.08)}.card-content-block{flex-direction:column;gap:2px;display:flex}.card-badge-sub{text-transform:uppercase;letter-spacing:.5px;color:var(--color-teal-deep);font-size:9.5px;font-weight:700}[data-theme=dark] .card-badge-sub{color:var(--color-teal)}.card-title-text{font-family:var(--display);color:var(--text-primary);margin:0;font-size:14.5px;font-weight:700;line-height:1.3}.card-desc-text{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.4}.recent-reels-showcase{flex-direction:column;gap:10px;display:flex}.reels-section-header{justify-content:space-between;align-items:center;display:flex}.header-left-title{align-items:center;gap:8px;display:flex}.reels-heading{font-family:var(--display);color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.reels-badge-count{color:var(--color-teal-deep);background:#63b0ad1f;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}[data-theme=dark] .reels-badge-count{color:var(--color-teal)}.reels-hint{color:var(--text-muted);font-size:11px}.reels-horizontal-cards{scrollbar-width:thin;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.reel-modern-card{background:var(--bg-card);border:1px solid var(--border-color);min-width:175px;max-width:195px;box-shadow:var(--card-shadow);cursor:pointer;border-radius:18px;flex-direction:column;flex-shrink:0;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.reel-modern-card:hover{border-color:var(--color-teal);box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.reel-modern-card.selected{border-color:var(--color-teal);box-shadow:0 0 14px #63b0ad4d}.reel-card-thumb-container{aspect-ratio:16/10;background-color:var(--color-charcoal);width:100%;position:relative;overflow:hidden}.reel-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.reel-modern-card:hover .reel-card-img{transform:scale(1.05)}.reel-card-fallback{justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex}.reel-arrow-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}.reel-card-body{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.reel-card-caption{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.reel-card-stats-row{gap:8px;display:flex}.stat-pill{color:var(--text-secondary);font-size:10px;font-weight:500}.coach-chat-stream-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:24px;flex-direction:column;gap:14px;padding:18px;transition:background-color .25s,border-color .25s;display:flex}.chat-stream-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.chat-stream-title{font-family:var(--display);color:var(--text-primary);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.stream-mascot-icon{object-fit:contain;width:18px;height:18px}.chat-stream-status{color:var(--semantic-good);background:#4caf7d1a;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.chat-messages-container{flex-direction:column;gap:16px;display:flex}.chat-bubble-card-row{gap:10px;width:100%;animation:.3s ease-out fadeInUp;display:flex}.chat-bubble-card-row.user{justify-content:flex-end}.chat-bubble-card-row.bot{justify-content:flex-start}.bot-avatar-squircle{background:var(--bg-surface-elevated);border:1.5px solid var(--color-teal);width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bot-avatar-img{object-fit:contain;width:22px;height:22px}.chat-card-bubble{max-width:84%;box-shadow:var(--card-shadow);border-radius:18px;flex-direction:column;gap:6px;padding:14px 18px;font-size:13.5px;line-height:1.55;display:flex}.chat-card-bubble.user{background-color:var(--color-charcoal);color:#fff;border-bottom-right-radius:4px}.user-bubble-copy{color:#fff;white-space:pre-wrap;margin:0;font-size:13.5px}.chat-card-bubble.bot{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.card-bubble-time{color:var(--text-muted);align-self:flex-end;margin-top:4px;font-size:10px}.bot-card-actions-bar{border-top:1px solid var(--border-color);gap:6px;margin-top:8px;padding-top:8px;display:flex}.micro-action-btn{border:1px solid var(--border-color);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:11px;transition:all .15s;display:flex}.micro-action-btn:hover{border-color:var(--color-teal);color:var(--color-teal-deep);background:var(--bg-surface-hover)}.thinking-bubble-card{flex-direction:row;align-items:center;gap:10px;padding:12px 16px;display:flex}.thinking-pulse-rings{align-items:center;gap:4px;display:flex}.thinking-pulse-rings span{background-color:var(--color-teal);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce;display:inline-block}.thinking-pulse-rings span:first-child{animation-delay:-.32s}.thinking-pulse-rings span:nth-child(2){animation-delay:-.16s}.thinking-copy{color:var(--text-secondary);font-size:12px}.floating-input-dock{z-index:20;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:sticky;bottom:12px;left:0;right:0}.floating-pill-input-container{pointer-events:auto;background:var(--bg-surface-elevated);border:1px solid var(--border-color);width:100%;max-width:760px;box-shadow:var(--dock-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:32px;align-items:center;gap:8px;padding:6px 8px 6px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.floating-pill-input-container:focus-within{border-color:var(--color-teal);box-shadow:0 8px 30px #63b0ad40}.dock-reel-picker-btn{cursor:pointer;background-color:#63b0ad1f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.dock-reel-picker-btn:hover{background-color:var(--color-teal);color:#121314}.dock-text-input{font-family:var(--sans);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:6px 4px;font-size:13.5px}.dock-text-input::placeholder{color:var(--text-muted)}.dock-send-btn{background-color:var(--color-teal);color:#121314;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;box-shadow:0 2px 10px #63b0ad59}.dock-send-btn:hover:not(:disabled){background-color:var(--color-teal-deep);color:#fff;transform:scale(1.05)}.dock-send-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.coach-message-formatted{flex-direction:column;gap:8px;display:flex}.coach-h3{font-family:var(--display);color:var(--text-primary);margin:8px 0 2px;font-size:15px;font-weight:700}.coach-h4{font-family:var(--display);color:var(--color-teal-deep);margin:6px 0 2px;font-size:13.5px;font-weight:600}[data-theme=dark] .coach-h4{color:var(--color-teal-tint)}.coach-paragraph{color:var(--text-primary);margin:0;font-size:13px;line-height:1.55}.coach-quote{border-left:3px solid var(--color-teal-deep);color:var(--text-primary);background-color:#63b0ad14;border-radius:0 6px 6px 0;margin:6px 0;padding:8px 12px;font-size:12.5px;font-style:italic}.coach-bullet-list{margin:4px 0 6px 18px;padding:0}.coach-bullet-list li{color:var(--text-primary);margin-bottom:4px;font-size:13px;line-height:1.5}.coach-numbered-item{align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.item-num{border:1px solid var(--color-teal-deep);width:18px;height:18px;color:var(--color-teal-deep);background-color:#63b0ad26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:10px;font-weight:700;display:flex}[data-theme=dark] .item-num{color:var(--color-teal)}.item-text{color:var(--text-primary);font-size:13px;line-height:1.5}[data-theme=dark] .coach-inline-code{color:var(--color-teal-tint)}.viral-caption-card{background-color:var(--bg-ink);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;margin:8px 0;overflow:hidden}.viral-caption-badge{color:var(--color-teal-deep);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}[data-theme=dark] .viral-caption-badge{color:var(--color-teal-tint)}.caption-sparkle{font-size:11px}.copy-caption-btn{background-color:var(--color-teal);color:#121314;font-family:var(--sans);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.copy-caption-btn:hover{background-color:var(--color-teal-deep);color:#fff}.copy-caption-btn.copied{background-color:var(--semantic-good);color:#fff}.viral-caption-content{font-family:var(--mono);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;font-size:12px;line-height:1.5}.coach-action-footer{border-top:1px solid var(--border-color);margin-top:8px;padding-top:8px}.btn-create-in-studio{background-color:var(--bg-card);border:1px solid var(--color-teal);color:var(--color-teal-deep);font-family:var(--sans);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}[data-theme=dark] .btn-create-in-studio{color:var(--color-teal)}.btn-create-in-studio:hover{background-color:var(--color-teal);color:#121314;box-shadow:0 0 12px #63b0ad4d}.coach-connect-wrapper{flex:1;justify-content:center;align-items:center;padding:32px 20px;display:flex}.ig-connect-container{width:100%;max-width:490px}.ig-connect-box{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);text-align:center;box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:28px 24px;display:flex;position:relative;overflow:hidden}.ig-connect-box:before{content:"";background:linear-gradient(90deg,#14b8a6,#a855f7);height:3px;position:absolute;top:0;left:0;right:0}.ig-icon-wrapper{border:1px solid var(--border-color);background-color:#63b0ad1f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ig-connect-title{font-family:var(--display);color:var(--text-primary);letter-spacing:-.2px;margin:0 0 4px;font-size:19px;font-weight:700}.ig-connect-desc{color:var(--text-secondary);max-width:380px;margin:0;font-size:12.5px;line-height:1.45}.demo-evaluation-card{background:var(--bg-card);text-align:left;border:1.5px solid #14b8a666;border-radius:16px;flex-direction:column;gap:12px;width:100%;padding:16px;transition:all .2s;display:flex;box-shadow:0 8px 24px #14b8a61a}.demo-evaluation-card:hover{border-color:#14b8a6;box-shadow:0 10px 30px #14b8a62e}.demo-eval-header-strip{justify-content:space-between;align-items:center;display:flex}.demo-eval-pill{color:#14b8a6;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.demo-eval-dot{background-color:#14b8a6;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite dotPulse;box-shadow:0 0 8px #14b8a6cc}.demo-eval-no-auth{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:600}.demo-account-preview-row{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.demo-account-avatar-wrap{border:2px solid #14b8a6;border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.demo-account-avatar-img{object-fit:cover;width:100%;height:100%}.demo-account-details{flex-direction:column;gap:2px;min-width:0;display:flex}.demo-account-title-row{align-items:center;gap:6px;display:flex}.demo-account-handle{color:var(--text-primary);font-size:14px;font-weight:700}.demo-badge-verified{color:#14b8a6;background:#14b8a626;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.demo-account-subtitle{color:var(--text-secondary);font-size:11px}.demo-account-explain{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.btn-continue-demo-primary{color:#042f2c;width:100%;font-family:var(--sans);cursor:pointer;background-color:#14b8a6;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #14b8a659}.btn-continue-demo-primary:hover{color:#fff;background-color:#0d9488;transform:translateY(-1px);box-shadow:0 6px 20px #14b8a673}.connect-divider-line-box{align-items:center;gap:10px;width:100%;margin:4px 0;display:flex}.divider-hr{background-color:var(--border-color);flex:1;height:1px}.divider-text{letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:600}.btn-meta-instagram-secondary{background:var(--bg-surface);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--sans);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-meta-instagram-secondary:hover:not(:disabled){background-color:var(--bg-surface-hover);border-color:var(--border-color-hover)}.btn-meta-instagram-secondary:disabled{opacity:.6;cursor:wait}.btn-exit-demo-pill{color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.btn-exit-demo-pill:hover{color:#ef4444;background:#ef444414;border-color:#ef44444d}.header-demo-launcher-btn{color:#14b8a6;cursor:pointer;background:#14b8a61f;border:1px solid #14b8a64d;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.header-demo-launcher-btn:hover{color:#042f2c;background:#14b8a6;transform:translateY(-1px)}.demo-dot-indicator{background-color:currentColor;border-radius:50%;width:6px;height:6px}.ig-permission-specs{flex-direction:column;align-items:center;gap:6px;margin-top:4px;display:flex}.specs-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.tags-list{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tag{font-size:10px;font-family:var(--mono);background-color:var(--bg-ink);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:2px 6px}.specs-requirement{color:var(--text-muted);margin:4px 0 0;font-size:11px}.coach-token-alert{color:var(--semantic-warn);background-color:#e0a93e1a;border-bottom:1px solid #e0a93e4d;align-items:center;gap:10px;padding:8px 16px;font-size:12px;display:flex}.spinner-teal{border:3px solid #63b0ad33;border-top-color:var(--color-teal);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}.coach-main-container{background-color:var(--bg-surface);flex-direction:column;flex:1;height:calc(100vh - 61px);display:flex;position:relative;overflow:hidden}.apple-coach-root{background-color:var(--bg-surface);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.coach-top-status-bar{background-color:var(--bg-surface-elevated);border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:center;min-height:36px;padding:8px 18px;font-size:12px;display:flex}.status-indicator-live{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.status-pulse-dot{background-color:var(--semantic-good);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite dotPulse;box-shadow:0 0 8px #4caf7d80}@keyframes dotPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.status-text-account strong{color:var(--text-primary);font-weight:600}.status-actions-right{align-items:center;gap:12px;display:flex}.mode-pill-badge{color:var(--color-teal-deep);background-color:#63b0ad1f;border:1px solid #63b0ad40;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.mode-pill-badge.demo{color:var(--semantic-warn);background-color:#e0a93e1f;border-color:#e0a93e4d}.action-text-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11.5px;transition:all .15s}.action-text-btn:hover{color:var(--text-primary);background-color:var(--bg-surface-hover)}.mobile-column-switch,.coach-mobile-tab-switch{background-color:var(--bg-surface-elevated);border-bottom:1px solid var(--border-color);gap:6px;padding:8px 16px;display:none}.switch-tab-btn,.mobile-segment-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:6px 10px;font-size:12px;font-weight:500;transition:all .15s}.switch-tab-btn.active,.mobile-segment-btn.active{background-color:var(--bg-surface);border-color:var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.apple-3col-container{background-color:var(--bg-surface);flex:1;grid-template-columns:290px 1fr 290px;height:100%;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.apple-3col-container.left-collapsed{grid-template-columns:0 1fr 290px}.apple-3col-container.right-collapsed{grid-template-columns:290px 1fr 0}.apple-3col-container.left-collapsed.right-collapsed{grid-template-columns:0 1fr 0}.col-left-reels,.col-right-viral{background-color:var(--bg-surface);flex-direction:column;height:100%;transition:opacity .2s,width .25s;display:flex;overflow:hidden}.col-left-reels{border-right:1px solid var(--border-color)}.col-right-viral{border-left:1px solid var(--border-color)}.col-left-reels.collapsed,.col-right-viral.collapsed,.col-right-analytics.collapsed{opacity:0;pointer-events:none;border-left:none;border-right:none;width:0;min-width:0;overflow:hidden}.panel-icon-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.panel-icon-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-color)}.col-header-bar{border-bottom:1px solid var(--border-color);background-color:var(--bg-surface-elevated);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.col-title-group{flex-direction:column;gap:3px;display:flex}.col-heading-row{align-items:center;gap:8px;display:flex}.col-eyebrow{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:10px;font-weight:600}.col-heading{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:600}.count-pill-badge{color:#14b8a6;background:#14b8a61f;border:1px solid #14b8a640;border-radius:10px;padding:1px 7px;font-size:10.5px;font-weight:600;line-height:1.4}.count-pill-badge.viral{color:#c084fc;background:#a855f71f;border-color:#a855f740}.reels-grid-scroll-area{flex-direction:column;flex:1;gap:14px;padding:14px 12px 24px;display:flex;overflow-y:auto}.reels-grid-916{flex-direction:column;gap:14px;display:flex}.reel-card-916{aspect-ratio:9/15.5;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f1318;border:1px solid #ffffff14;border-radius:14px;width:100%;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000040}.reel-card-916:hover{border-color:#14b8a680;transform:translateY(-3px);box-shadow:0 10px 28px #0006}.reel-card-916.selected-card{border:2px solid #14b8a6;transform:translateY(-2px);box-shadow:0 0 0 3px #14b8a640,0 12px 32px #00000080}.reel-card-916.viral-card-916:hover{border-color:#a855f780}.reel-card-916.viral-card-916.selected-card{border:2px solid #a855f7;transform:translateY(-2px);box-shadow:0 0 0 3px #a855f740,0 12px 32px #00000080}.card-916-media-wrap{width:100%;height:100%;position:relative}.card-916-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.reel-card-916:hover .card-916-img{transform:scale(1.03)}.card-916-gradient-overlay{pointer-events:none;background:linear-gradient(#00000080 0%,#00000005 30%,#0000004d 65%,#000000eb 100%);position:absolute;inset:0}.card-916-gradient-overlay.viral-tint{background:linear-gradient(#00000080 0%,#00000005 30%,#0000004d 65%,#0a0514eb 100%)}.card-916-top-bar{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:10px;left:10px;right:10px}.card-916-badge-group{align-items:center;gap:5px;display:flex}.card-916-date-badge,.card-916-duration-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;background:#0009;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:500}.viral-rank-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f3e8ff;background:#a855f759;border:1px solid #a855f780;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:700}.card-916-selected-badge{color:#042f2c;text-transform:uppercase;letter-spacing:.04em;background:#14b8a6;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #14b8a680}.card-916-selected-badge.viral{color:#fff;background:#a855f7;box-shadow:0 2px 8px #a855f780}.card-916-play-center{opacity:0;z-index:2;pointer-events:none;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-card-916:hover .card-916-play-center{opacity:1;transform:translate(-50%,-50%)scale(1.08)}.card-play-icon-circle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff40;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 16px #0000004d}.card-play-icon-circle.viral-circle{background:#a855f759;border-color:#a855f78c}.card-916-bottom-overlay{z-index:2;flex-direction:column;gap:6px;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-916-stats-row{align-items:center;gap:6px;display:flex}.card-916-metric-pill,.card-916-views-pill{color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.card-916-views-pill{color:#f3e8ff;background:#a855f74d}.card-916-handle-tag{color:#fffc;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:11px;font-weight:500;overflow:hidden}.card-916-ext-link{color:#5eead4;background:#14b8a640;border:1px solid #14b8a666;border-radius:5px;align-items:center;gap:3px;margin-left:auto;padding:2px 8px;font-size:10.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.card-916-ext-link:hover{color:#042f2c;background:#14b8a6;border-color:#14b8a6;transform:scale(1.04)}.card-916-ext-link.viral{color:#d8b4fe;background:#a855f740;border-color:#a855f766}.card-916-ext-link.viral:hover{color:#fff;background:#a855f7;border-color:#a855f7;transform:scale(1.04)}.card-916-caption-text{color:#fffffff0;-webkit-line-clamp:2;text-shadow:0 1px 3px #000000b3;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.sidebar-bottom-action-bar{gap:8px;margin-top:auto;padding:12px 4px 0;display:flex}.btn-audit-trigger{border:1px solid var(--border-color);background:var(--bg-surface);width:24px;height:24px;color:var(--text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.reel-compact-card:hover .btn-audit-trigger,.reel-compact-card.active-reel .btn-audit-trigger{background-color:var(--color-teal);color:#121314;border-color:var(--color-teal)}.coach-connect-wrapper{flex:1;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.loading-card{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:12px;padding:16px 24px;font-size:13px;display:flex}.spinner-teal-tiny{border:2px solid #63b0ad33;border-top-color:var(--color-teal);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.col-center-chat{background-color:var(--bg-surface);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.center-top-bar{background-color:var(--bg-surface-elevated);border-bottom:1px solid var(--border-color);box-sizing:border-box;z-index:5;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 18px;display:flex}.center-bar-left,.center-bar-right{align-items:center;gap:10px;display:flex}.toggle-sidebar-trigger{color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.toggle-sidebar-trigger:hover{background-color:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-color-hover)}.active-channel-info{align-items:center;gap:7px;display:flex}.live-pulse-dot{background-color:#14b8a6;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dotPulse;box-shadow:0 0 6px #14b8a699}.channel-handle{color:var(--text-primary);letter-spacing:-.1px;font-size:12.5px;font-weight:600}.channel-badge{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.chat-messages-scroll-area{box-sizing:border-box;flex-direction:column;flex:1;gap:18px;width:100%;max-width:800px;margin:0 auto;padding:20px 24px 150px;display:flex;overflow-y:auto}.message-row{gap:12px;width:100%;animation:.25s ease-out fadeInUp;display:flex}.message-row.user-side{justify-content:flex-end}.message-row.bot-side{justify-content:flex-start}.bot-spark-avatar{background-color:#63b0ad1f;border:1px solid #63b0ad40;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:4px;display:flex}.bot-spark-avatar.active-spark{border-color:var(--color-teal);background-color:#63b0ad33}.message-bubble{flex-direction:column;display:flex;position:relative}.user-bubble{background-color:var(--color-charcoal);color:#fff;max-width:80%;box-shadow:var(--shadow-sm);border-radius:16px 16px 4px;padding:12px 18px}[data-theme=dark] .user-bubble{color:#f2f3f3;background-color:#26292d;border:1px solid #363a3f}.bot-bubble{background-color:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-color);max-width:88%;box-shadow:var(--shadow-sm);border-radius:16px 16px 16px 4px;padding:16px 20px}.user-message-wrapper{flex-direction:column;display:flex}.msg-context-chip-tag{color:#5eead4;background:#ffffff1f;border-radius:6px;align-items:center;gap:6px;width:fit-content;max-width:100%;margin-bottom:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.msg-context-chip-tag.viral{color:#d8b4fe;background:#a855f733}.msg-context-chip-tag .dot{background-color:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.user-text-content{white-space:pre-wrap;margin:0;font-size:13.5px;line-height:1.5}.message-timestamp-label{color:var(--text-muted);opacity:.7;align-self:flex-end;margin-top:6px;font-size:10px}.user-bubble .message-timestamp-label{color:#ffffff8c}.thinking-bubble-minimal{flex-direction:row;align-items:center;gap:12px;display:flex;padding:12px 18px!important}.thinking-dots{align-items:center;gap:4px;display:flex}.thinking-dots span{background-color:var(--color-teal);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both dotBlink}.thinking-dots span:first-child{animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}@keyframes dotBlink{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}.thinking-status-text{color:var(--text-secondary);font-size:12.5px}.chat-input-dock-container{background:linear-gradient(to top, var(--bg-surface) 80%, transparent);pointer-events:none;z-index:10;flex-direction:column;align-items:center;gap:8px;padding:12px 20px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.dock-selected-reel-pill{pointer-events:auto;background:var(--bg-surface-elevated);border:1px solid #14b8a666;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:780px;padding:6px 12px 6px 8px;animation:.2s cubic-bezier(.16,1,.3,1) fadeInUp;display:flex;box-shadow:0 4px 16px #14b8a61f}.dock-selected-reel-pill.viral{border-color:#a855f766;box-shadow:0 4px 16px #a855f71f}.dock-reel-thumb-mini{background:#000;border-radius:5px;flex-shrink:0;width:28px;height:42px;position:relative;overflow:hidden}.dock-reel-thumb-mini img{object-fit:cover;width:100%;height:100%}.dock-play-badge{color:#fff;background:#00000059;justify-content:center;align-items:center;font-size:8px;display:flex;position:absolute;inset:0}.dock-reel-info-mini{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dock-reel-meta-row{align-items:center;gap:8px;display:flex}.dock-reel-type-badge{text-transform:uppercase;letter-spacing:.04em;color:#14b8a6;background:#14b8a626;border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:700}.dock-reel-type-badge.viral{color:#a855f7;background:#a855f726}.dock-reel-stats-snippet{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.dock-reel-title-snippet{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11.5px;font-weight:500;overflow:hidden}.dock-deselect-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.dock-deselect-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.dock-context-chips-row{pointer-events:auto;scrollbar-width:none;align-items:center;gap:6px;width:100%;max-width:780px;padding:2px 0;display:flex;overflow-x:auto}.dock-context-chips-row::-webkit-scrollbar{display:none}.dock-context-chip{white-space:nowrap;color:var(--text-secondary);background:var(--bg-surface-elevated);border:1px solid var(--border-color);cursor:pointer;border-radius:14px;padding:4px 11px;font-size:11.5px;font-weight:500;transition:all .15s}.dock-context-chip:hover:not(:disabled){border-color:var(--color-teal);color:var(--color-teal-deep);background:#14b8a614;transform:translateY(-1px)}.dock-pill-bar{pointer-events:auto;background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);width:100%;max-width:780px;box-shadow:var(--dock-shadow);border-radius:28px;align-items:center;gap:10px;padding:6px 8px 6px 14px;transition:all .2s;display:flex}.dock-pill-bar:focus-within{border-color:var(--color-teal);box-shadow:0 10px 30px #63b0ad29}.dock-attach-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.dock-attach-btn:hover{color:var(--color-teal-deep);background-color:#63b0ad1a}.dock-native-input{font-family:var(--sans);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.dock-native-input::placeholder{color:var(--text-muted)}.dock-submit-circle{background-color:var(--color-teal);color:#121314;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.dock-submit-circle:hover:not(:disabled){background-color:var(--color-teal-deep);color:#fff;transform:scale(1.05)}.dock-submit-circle:disabled{opacity:.35;cursor:not-allowed}.col-right-analytics{background-color:var(--bg-surface);border-left:1px solid var(--border-color);flex-direction:column;height:100%;display:flex;overflow:hidden}.account-tag-pill{font-size:11px;font-family:var(--mono);color:var(--text-secondary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:5px;padding:2px 7px;display:flex}.dot-active{background-color:var(--semantic-good);border-radius:50%;width:6px;height:6px}.analytics-scrollable-content{flex-direction:column;flex:1;gap:12px;padding:14px 16px 36px;display:flex;overflow-y:auto}.kpi-tiles-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kpi-tile{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;gap:2px;padding:12px;display:flex}.tile-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10.5px;font-weight:600}.tile-value{color:var(--text-primary);font-size:24px;font-weight:700;font-family:var(--display);letter-spacing:-.5px;line-height:1.2}.tile-sub{color:var(--text-secondary);font-size:11px}.analytics-card-container{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.chart-header-line{justify-content:space-between;align-items:center;display:flex}.chart-section-title{color:var(--text-primary);letter-spacing:-.1px;font-size:12px;font-weight:600}.chart-total-tag{font-size:10.5px;font-family:var(--mono);color:var(--color-teal-deep);background-color:#63b0ad1f;border-radius:4px;padding:1px 6px;font-weight:500}.chart-canvas-area{padding-top:14px}.svg-bars-row{justify-content:space-between;align-items:flex-end;gap:8px;height:100px;display:flex}.chart-bar-column{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.bar-hover-val{font-size:10px;font-family:var(--mono);color:var(--text-secondary);margin-bottom:4px}.bar-track{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;flex:1;justify-content:flex-end;width:100%;max-width:24px;display:flex;overflow:hidden}.bar-fill{background:linear-gradient(to top, var(--color-teal-deep), var(--color-teal));border-radius:4px 4px 0 0;width:100%;transition:height .4s cubic-bezier(.4,0,.2,1)}.chart-bar-column:hover .bar-fill{background:var(--color-teal);box-shadow:0 0 10px #63b0ad66}.bar-axis-date{color:var(--text-muted);margin-top:6px;font-size:10px}.gauge-header{justify-content:space-between;align-items:center;display:flex}.gauge-rate-val{font-size:15px;font-weight:700;font-family:var(--display);color:var(--color-teal-deep)}.gauge-description{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.4}.progress-track-minimal{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill-teal{background:linear-gradient(to right, var(--color-teal), var(--color-teal-deep));border-radius:3px;height:100%;transition:width .4s}.gauge-markers{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.target-marker{color:var(--color-teal-deep);font-weight:600}.directives-list{flex-direction:column;gap:8px;display:flex}.directive-item{align-items:flex-start;gap:8px;display:flex}.directive-bullet{background-color:var(--color-teal);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:6px}.directive-text{color:var(--text-secondary);font-size:11.5px;line-height:1.45}.directive-text strong{color:var(--text-primary)}.analytics-bottom-controls{align-items:center;gap:8px;margin-top:4px;display:flex}.btn-control-minimal{border:1px solid var(--border-color);background-color:var(--bg-surface-elevated);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;padding:6px 12px;font-size:11.5px;font-weight:500;transition:all .15s}.btn-control-minimal:hover{border-color:var(--border-color-hover);color:var(--text-primary)}.btn-control-minimal.active{border-color:var(--color-teal);color:var(--color-teal-deep);background-color:#63b0ad1f;font-weight:600}.btn-control-minimal.danger{color:var(--semantic-weak);border-color:#d9654f40}.btn-control-minimal.danger:hover{background-color:#d9654f1a}.claude-spark-mark{will-change:transform, opacity;justify-content:center;align-items:center;display:inline-flex}.spark-svg{display:block}@keyframes claudeBreathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes claudeSpin{0%{transform:rotate(0)scale(.95)}50%{transform:rotate(180deg)scale(1.12)}to{transform:rotate(360deg)scale(.95)}}.claude-spark-mark.idle-breathe{animation:3.2s ease-in-out infinite claudeBreathe}.claude-spark-mark.active-pulse{animation:1.4s cubic-bezier(.4,0,.2,1) infinite claudeSpin}.coach-message-formatted{flex-direction:column;gap:10px;font-size:13.5px;line-height:1.55;display:flex}.coach-paragraph{color:var(--text-primary);margin:0}.coach-h3{color:var(--text-primary);letter-spacing:-.2px;margin:10px 0 4px;font-size:14px;font-weight:700}.coach-h4{color:var(--text-primary);margin:8px 0 2px;font-size:13px;font-weight:600}.coach-quote{border-left:2px solid var(--color-teal);color:var(--text-secondary);background-color:#63b0ad0d;border-radius:0 8px 8px 0;margin:6px 0;padding:8px 14px;font-style:normal}.coach-bullet-list{flex-direction:column;gap:4px;margin:4px 0;padding-left:18px;display:flex}.coach-bullet-list li{color:var(--text-secondary)}.coach-numbered-item{align-items:flex-start;gap:8px;margin:4px 0;display:flex}.coach-numbered-item .item-num{font-family:var(--mono);color:var(--color-teal-deep);background-color:#63b0ad1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;font-size:11.5px;font-weight:600;display:flex}.coach-numbered-item .item-text{color:var(--text-secondary);flex:1}.coach-divider{border:none;border-top:1px solid var(--border-color);margin:8px 0}.coach-inline-code{font-family:var(--mono);background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--color-teal-deep);border-radius:4px;padding:1px 5px;font-size:12px}.coach-strong{color:var(--text-primary);font-weight:600}.viral-caption-card{border:1px solid var(--border-color);background-color:var(--bg-surface);border-radius:10px;margin:8px 0;overflow:hidden}.viral-caption-header{background-color:var(--bg-surface-elevated);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.viral-caption-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--color-teal-deep);font-size:10.5px;font-weight:600}.copy-caption-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;background-color:var(--bg-surface);border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.copy-caption-btn:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.copy-caption-btn.copied{border-color:var(--semantic-good);color:var(--semantic-good);background-color:#4caf7d1f}.viral-caption-content{font-family:var(--sans);white-space:pre-wrap;color:var(--text-primary);background:0 0;margin:0;padding:12px 14px;font-size:13px;line-height:1.5}.coach-action-footer{justify-content:flex-start;margin-top:4px;display:flex}.btn-create-in-studio{background-color:var(--color-teal);color:#121314;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-create-in-studio:hover{background-color:var(--color-teal-deep);color:#fff}.coach-connect-fullscreen{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.coach-loading-centered{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}@media (width<=1200px){.apple-3col-container{grid-template-columns:270px 1fr 290px}}@media (width<=960px){.apple-3col-container{grid-template-columns:230px 1fr 250px}}@media (width<=768px){.mobile-column-switch,.coach-mobile-tab-switch{display:flex}.apple-3col-container{height:calc(100% - 46px);display:block}.col-left-reels,.col-center-chat,.col-right-viral,.col-right-analytics{height:100%;display:none}.col-left-reels.mobile-visible,.col-center-chat.mobile-visible,.col-right-viral.mobile-visible,.col-right-analytics.mobile-visible{display:flex}.chat-messages-scroll-area{padding:16px 14px 140px}.chat-input-dock-container{padding:10px 12px}}.brand-title-group{flex-direction:column;gap:1px;display:flex}.brand-subtitle-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--color-teal-deep);font-size:10px;font-weight:600}[data-theme=dark] .brand-subtitle-tag{color:var(--color-teal-tint)}.seo-meter-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:14px;margin:12px 0;padding:16px;display:flex}.seo-card-top-bar{justify-content:space-between;align-items:center;gap:10px;display:flex}.seo-title-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.seo-card-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--color-teal-deep);font-size:11px;font-weight:700}[data-theme=dark] .seo-card-badge{color:var(--color-teal-tint)}.seo-rating-pill{border-radius:99px;padding:2px 8px;font-size:10.5px;font-weight:600}.seo-rating-pill[data-status=weak]{color:var(--semantic-weak);background-color:#d9654f1f;border:1px solid #d9654f40}.seo-rating-pill[data-status=mid]{color:var(--semantic-mid);background-color:#e0a93e1f;border:1px solid #e0a93e40}.seo-rating-pill[data-status=good]{color:var(--semantic-good);background-color:#4caf7d1f;border:1px solid #4caf7d40}.seo-score-numeric{align-items:baseline;gap:2px;display:flex}.seo-score-current{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}.seo-score-max{color:var(--text-secondary);font-size:12px;font-weight:500}.seo-meter-track-wrap{flex-direction:column;gap:6px;display:flex}.seo-meter-bar-track{background-color:var(--border-color);border-radius:99px;width:100%;height:8px;position:relative;overflow:hidden}.seo-meter-bar-fill{background:linear-gradient(90deg, var(--color-teal-deep) 0%, var(--color-teal) 100%);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.seo-target-marker{background-color:var(--text-primary);width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 4px #0000004d}.seo-meter-labels{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:10.5px;display:flex}.seo-meter-labels .target-note{color:var(--color-teal-deep);font-weight:600}[data-theme=dark] .seo-meter-labels .target-note{color:var(--color-teal-tint)}.seo-section-group{flex-direction:column;gap:6px;display:flex}.seo-section-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.seo-section-title{color:var(--text-primary);font-size:11.5px;font-weight:600}.seo-section-hint{color:var(--text-secondary);font-size:10px}.seo-chips-container{flex-wrap:wrap;gap:6px;display:flex}.seo-chip-pill{border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;line-height:1.2;display:inline-flex}.seo-chip-pill.keyword-chip{color:var(--color-teal-deep);background-color:#63b0ad1f;border:1px solid #63b0ad47;font-weight:500}[data-theme=dark] .seo-chip-pill.keyword-chip{color:var(--color-teal-tint);background-color:#63b0ad26}.seo-chip-pill.audio-chip{background-color:var(--bg-surface-elevated);border:1px dashed var(--border-color);color:var(--text-primary);font-weight:500}.seo-chip-pill.audio-chip svg{color:var(--color-teal);flex-shrink:0}.seo-chip-pill.tag-chip{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--mono);font-size:11px}.copy-tags-btn{border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--sans);cursor:pointer;background-color:#0000;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.copy-tags-btn:hover{color:var(--text-primary);border-color:var(--color-teal)}.copy-tags-btn.copied{color:var(--semantic-good);border-color:var(--semantic-good);background-color:#4caf7d26}.seo-tip-box{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:8px;align-items:stretch;gap:8px;padding:8px 10px;display:flex}.tip-indicator-bar{background-color:var(--color-teal);border-radius:2px;flex-shrink:0;width:3px}.tip-content-text{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.4}.diagnosis-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:12px;margin:12px 0;padding:16px;display:flex}.diagnosis-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.diagnosis-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--semantic-mid);font-size:11px;font-weight:700}.diagnosis-dropoff-tag{color:var(--semantic-weak);background-color:#d9654f1a;border:1px solid #d9654f40;border-radius:99px;padding:2px 8px;font-size:10.5px;font-weight:600}.diagnosis-reel-name{align-items:baseline;gap:6px;font-size:12px;display:flex}.diag-label{color:var(--text-secondary);font-weight:500}.diag-val{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.diagnosis-issues-block{flex-direction:column;gap:8px;display:flex}.diagnosis-subtitle{color:var(--text-primary);font-size:11.5px;font-weight:600}.diagnosis-issues-list{flex-direction:column;gap:6px;display:flex}.diagnosis-issue-row{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.issue-bullet-index{width:18px;height:18px;color:var(--semantic-weak);background-color:#d9654f26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:10px;font-weight:700;display:inline-flex}.issue-text{color:var(--text-primary);font-size:12px;line-height:1.4}.diagnosis-fix-block{border-left:3px solid var(--color-teal);background-color:#63b0ad14;border-radius:6px;flex-direction:column;gap:3px;padding:9px 12px;display:flex}.fix-header-line{align-items:center;gap:6px;display:flex}.fix-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-teal-deep);font-size:10.5px;font-weight:700}[data-theme=dark] .fix-label{color:var(--color-teal-tint)}.fix-text{color:var(--text-primary);margin:0;font-size:12px;line-height:1.4}.comparison-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:12px;margin:12px 0;padding:16px;display:flex}.comparison-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.comparison-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--color-teal-deep);font-size:11px;font-weight:700}[data-theme=dark] .comparison-badge{color:var(--color-teal-tint)}.comparison-title-tag{color:var(--text-secondary);font-size:11.5px;font-weight:600}.comparison-table-wrapper{border:1px solid var(--border-color);background-color:var(--bg-surface-elevated);border-radius:10px;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.comparison-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background-color:var(--bg-surface-elevated);padding:8px 10px;font-size:10px;font-weight:700}.comparison-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:9px 10px}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr.winning-row{background-color:#63b0ad14}.col-reel-title{max-width:160px}.reel-title-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.reel-verdict-sub{color:var(--color-teal-deep);margin-top:2px;font-size:10px;font-weight:500}[data-theme=dark] .reel-verdict-sub{color:var(--color-teal-tint)}.col-metric{white-space:nowrap;font-weight:600}.rate-badge{color:var(--semantic-good);background-color:#4caf7d1f;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:700;display:inline-block}.col-hook{color:var(--text-secondary);white-space:nowrap;font-size:11px}.comparison-winner-box{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.winner-label-line{align-items:center;gap:6px;display:flex}.winner-dot{background-color:var(--semantic-good);border-radius:50%;width:6px;height:6px}.winner-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);font-size:10.5px;font-weight:700}.winner-text{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.comparison-rule-banner{background-color:#63b0ad1a;border:1px solid #63b0ad40;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:11.5px;display:flex}.comparison-rule-banner .rule-badge{color:var(--color-teal-deep);flex-shrink:0;font-weight:700}[data-theme=dark] .comparison-rule-banner .rule-badge{color:var(--color-teal-tint)}.comparison-rule-banner .rule-text{color:var(--text-primary);font-weight:500}.chat-niche-tag{color:var(--color-teal-deep);white-space:nowrap;background-color:#63b0ad1a;border:1px solid #63b0ad40;border-radius:99px;padding:2px 8px;font-size:10.5px;font-weight:500}[data-theme=dark] .chat-niche-tag{color:var(--color-teal-tint)}.case-study-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:14px;margin:12px 0;padding:16px;display:flex}.case-study-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.case-title-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.case-niche-pill{text-transform:uppercase;letter-spacing:.06em;color:var(--color-teal-deep);font-size:11px;font-weight:700}[data-theme=dark] .case-niche-pill{color:var(--color-teal-tint)}.live-trending-badge{color:var(--semantic-good);background-color:#4caf7d1a;border:1px solid #4caf7d40;border-radius:99px;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.live-pulse-dot{background-color:var(--semantic-good);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot-anim}@keyframes pulse-dot-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.case-verified-tag{color:var(--text-secondary);font-size:10.5px;font-weight:600}.case-benchmark-box{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.benchmark-header{flex-direction:column;gap:2px;display:flex}.benchmark-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:10px;font-weight:700}.benchmark-title{color:var(--text-primary);margin:0;font-size:13.5px;font-weight:700}.viral-stats-grid{flex-wrap:wrap;gap:6px;display:flex}.stat-pill{color:var(--color-teal-deep);background-color:#63b0ad1f;border:1px solid #63b0ad40;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}[data-theme=dark] .stat-pill{color:var(--color-teal-tint)}.why-viral-box{border-top:1px solid var(--border-color);flex-direction:column;gap:3px;padding-top:8px;display:flex}.why-viral-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:10.5px;font-weight:700}.why-viral-text{color:var(--text-primary);margin:0;font-size:12px;line-height:1.4}.case-trending-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=600px){.case-trending-grid{grid-template-columns:1fr}}.trending-item{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.trending-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:10px;font-weight:700}.trending-val{color:var(--text-primary);font-size:11.5px;font-weight:500;line-height:1.35}.gap-analysis-card{border-left:3px solid var(--semantic-mid);background-color:#e0a93e14;border-radius:6px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.gap-header{text-transform:uppercase;letter-spacing:.06em;color:var(--semantic-mid);font-size:10.5px;font-weight:700}.gap-text{color:var(--text-primary);margin:0;font-size:12px;line-height:1.4}.try-blueprint-box{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.try-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.try-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-teal-deep);font-size:11.5px;font-weight:700}[data-theme=dark] .try-title{color:var(--color-teal-tint)}.copy-blueprint-btn{background-color:var(--color-teal);color:#121314;font-family:var(--sans);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.copy-blueprint-btn:hover{background-color:var(--color-teal-deep);color:#fff}.copy-blueprint-btn.copied{background-color:var(--semantic-good);color:#fff}.blueprint-pre{background-color:var(--bg-card);border:1px solid var(--border-color);font-family:var(--mono);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:0;padding:8px 10px;font-size:11.5px;line-height:1.45}.blueprint-caption-block{flex-direction:column;gap:4px;display:flex}.caption-sub-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:10px;font-weight:700}.blueprint-caption-pre{background-color:var(--bg-card);border:1px solid var(--border-color);font-family:var(--sans);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:0;padding:8px 10px;font-size:11.5px;line-height:1.45}.sidebar-tab-switch-row{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:7px;align-items:center;gap:4px;margin-top:3px;padding:2px;display:flex}.sidebar-tab-toggle-btn{font-family:var(--sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background-color:#0000;border:none;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .15s}.sidebar-tab-toggle-btn:hover{color:var(--text-primary)}.sidebar-tab-toggle-btn.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.viral-benchmark-card{padding:10px 12px}.viral-benchmark-header-line{justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.viral-rank-tag{color:var(--color-teal-deep);background-color:#63b0ad26;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}[data-theme=dark] .viral-rank-tag{color:var(--color-teal-tint)}.viral-views-badge{color:var(--semantic-good);background-color:#4caf7d1f;border-radius:99px;padding:1px 7px;font-size:10.5px;font-weight:700}.viral-hook-snippet{color:var(--text-secondary);margin:3px 0 6px;font-size:11px;font-style:italic;line-height:1.35}.case-reels-switcher{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:9px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.switcher-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:10.5px;font-weight:700}.switcher-chips-row{flex-wrap:wrap;gap:6px;display:flex}.switcher-chip-btn{border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-secondary);font-family:var(--sans);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;transition:all .15s;display:inline-flex}.switcher-chip-btn:hover{border-color:var(--color-teal);color:var(--text-primary)}.switcher-chip-btn.active{border-color:var(--color-teal);color:var(--text-primary);background-color:#63b0ad24;font-weight:600;box-shadow:0 0 0 1px #63b0ad33}.chip-num{color:var(--color-teal-deep);font-size:10px;font-weight:700}[data-theme=dark] .chip-num{color:var(--color-teal-tint)}.chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.chip-views{color:var(--semantic-good);font-size:10px;font-weight:700}.shorts-carousel-container{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.shorts-carousel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.shorts-carousel-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);font-size:11px;font-weight:700}.shorts-carousel-subtitle{color:var(--color-teal-deep);font-size:10.5px;font-weight:500}[data-theme=dark] .shorts-carousel-subtitle{color:var(--color-teal-tint)}.shorts-cards-scrollable{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding:4px 2px 8px;display:flex;overflow-x:auto}.short-video-card{cursor:pointer;scroll-snap-align:start;flex-direction:column;flex:0 0 144px;gap:6px;display:flex}.short-thumb-wrapper{border:1.5px solid var(--border-color);background-color:#000;border-radius:10px;width:100%;height:216px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.short-video-card:hover .short-thumb-wrapper,.short-video-card.active-short .short-thumb-wrapper{border-color:var(--color-teal);transform:translateY(-2px);box-shadow:0 4px 16px #63b0ad47}.short-cover-img{object-fit:cover;width:100%;height:100%;display:block}.short-gradient-overlay{pointer-events:none;background:linear-gradient(#0000008c 0%,#0000 38%,#000000e0 100%);position:absolute;inset:0}.short-top-overlay{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:7px;left:7px;right:7px}.short-platform-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:4px;align-items:center;gap:3px;padding:2px 5px;font-size:9px;font-weight:700;display:inline-flex}.short-duration-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:4px;padding:2px 4px;font-size:9px;font-weight:600}.short-play-center{opacity:0;z-index:2;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.short-video-card:hover .short-play-center,.short-video-card.active-short .short-play-center{opacity:1}.play-circle-icon{background-color:var(--color-teal);color:#121314;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 10px #0006}.short-bottom-overlay{z-index:2;pointer-events:none;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.short-views-pill{color:#fff;text-shadow:0 1px 3px #000000e6;align-items:center;gap:3px;font-size:10px;font-weight:700;display:inline-flex}.short-card-caption{color:#fff;-webkit-line-clamp:2;text-shadow:0 1px 3px #000000e6;-webkit-box-orient:vertical;margin:0;font-size:11px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.short-handle-tag{color:#ffffffbf;text-shadow:0 1px 2px #000000e6;font-size:9.5px}.short-external-link-btn{color:var(--text-primary);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:3px 6px;font-size:10px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.short-external-link-btn:hover{background-color:var(--color-teal);color:#121314;border-color:var(--color-teal)}.benchmark-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.benchmark-watch-link{color:var(--color-teal-deep);background-color:#63b0ad1f;border:1px solid #63b0ad47;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.benchmark-watch-link:hover{background-color:var(--color-teal);color:#121314}[data-theme=dark] .benchmark-watch-link{color:var(--color-teal-tint)}[data-theme=dark] .benchmark-watch-link:hover{color:#121314}.viral-thumb-container{border-radius:6px;position:relative;overflow:hidden}.thumb-play-overlay{color:#fff;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:4px;right:4px}.viral-reel-link-icon{color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:inline-flex}.viral-reel-link-icon:hover{color:var(--color-teal-deep)}[data-theme=dark] .viral-reel-link-icon:hover{color:var(--color-teal-tint)}