.action-card{background:var(--bg-secondary,#f8f9fa);border-left:3px solid var(--border-color,#e0e0e0);border-radius:8px;margin-bottom:8px;padding:12px 16px;transition:all .2s}.action-card:hover{background:var(--bg-hover,#f0f1f2)}.action-card--action{border-left-color:#f97316}.action-card--strength{border-left-color:#22c55e}.action-card--blocker{border-left-color:#ef4444}.action-card__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.action-card__number{background:var(--primary-color,#000050);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:inline-flex}.action-card__badges{flex-wrap:wrap;gap:6px;display:flex}.action-card__badge{color:#fff;white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.action-card__badge--impact{background:#f97316}.action-card__badge--effort{background:#3b82f6}.action-card__badge--contribution{background:#22c55e}.action-card__content{align-items:flex-start;gap:10px;display:flex}.action-card__icon{flex-shrink:0;margin-top:2px;font-size:16px}.action-card__text{color:var(--text-primary,#1a1a1a);margin:0;font-size:14px;line-height:1.5}.action-card__criteria{border-top:1px solid var(--border-light,#e8e8e8);flex-wrap:wrap;gap:4px;margin-top:10px;padding-top:8px;display:flex}.action-card__criteria-label{color:var(--text-muted,#666);margin-right:4px;font-size:11px}.action-card__criterion{background:var(--bg-tertiary,#e8e8e8);color:var(--text-secondary,#444);border-radius:4px;padding:2px 6px;font-size:10px;display:inline-block}.action-list{margin-bottom:24px}.action-list__title{color:var(--text-primary,#1a1a1a);align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}.action-list__title:before{content:"";border-radius:2px;width:4px;height:16px;display:inline-block}.action-list--action .action-list__title:before{background:#f97316}.action-list--strength .action-list__title:before{background:#22c55e}.action-list--blocker .action-list__title:before{background:#ef4444}.action-list__items{flex-direction:column;gap:8px;display:flex}.action-list__more{color:var(--text-muted,#666);text-align:center;margin-top:8px;font-size:12px;font-style:italic}@media (max-width:640px){.action-card__header{flex-direction:column;align-items:flex-start;gap:8px}.action-card__badges{margin-top:4px}.action-card__badge{padding:2px 6px;font-size:10px}}.add-to-project-backdrop{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#00005008;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.add-to-project-modal{background:linear-gradient(145deg,#00005005 0%,#00005008 100%);border:1px solid #5c2efd4d;border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:80vh;animation:.35s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000b3,0 0 40px #5c2efd14,inset 0 1px #00005005}.add-to-project-modal:before{content:"";background:linear-gradient(90deg,#0000,#5c2efd80,#0000);height:1px;position:absolute;top:0;left:0;right:0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.add-to-project-modal .modal-header{background:linear-gradient(135deg,#5c2efd0f 0%,#0000 100%);border-bottom:1px solid #5c2efd33;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative}.add-to-project-modal .modal-header:before{content:"03 // PROJECT_SELECT";font-family:var(--font-mono,"JetBrains Mono",monospace);color:#5c2efd66;letter-spacing:.1em;text-transform:uppercase;font-size:9px;position:absolute;top:8px;right:1.5rem}.add-to-project-modal .modal-title{font-family:var(--font-display,"Clash Display","Syne",sans-serif);color:#fff;letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:700}.add-to-project-modal .close-btn{color:#ffffff80;cursor:pointer;background:#5c2efd1a;border:1px solid #5c2efd4d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.add-to-project-modal .close-btn:hover{color:#fff;background:#5c2efd33;border-color:#5c2efd80;transform:rotate(90deg)}.modal-content{flex:1;padding:1.5rem;overflow-y:auto}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{background:#5c2efd4d;border-radius:2px}.project-search{margin-bottom:1.25rem;position:relative}.project-search .search-icon{color:#5c2efd80;font-size:.9rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.project-search .search-input{color:#fff;width:100%;font-family:var(--font-body,"Satoshi",sans-serif);background:#5c2efd0d;border:1px solid #5c2efd33;border-radius:12px;padding:.875rem 1rem .875rem 2.75rem;font-size:.9rem;transition:all .3s cubic-bezier(.23,1,.32,1)}.project-search .search-input::placeholder{color:#ffffff59}.project-search .search-input:focus{border-color:var(--story-teal,#1e6b6b);background:#5c2efd14;outline:none;box-shadow:0 0 0 3px #5c2efd26}.modal-error{border:1px solid #ff6b6b4d;border-left:3px solid var(--story-coral,#ff6b6b);color:var(--story-coral,#ff6b6b);background:#ff6b6b14;border-radius:10px;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.85rem}.project-list-container{max-height:300px;margin-bottom:1rem;overflow-y:auto}.project-list-container::-webkit-scrollbar{width:4px}.project-list-container::-webkit-scrollbar-thumb{background:#5c2efd4d;border-radius:2px}.loading-state,.empty-state{color:#fff6;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2.5rem;display:flex}.spinner.small{border-width:2px;width:16px;height:16px}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.project-options{flex-direction:column;gap:.625rem;display:flex}.project-option{cursor:pointer;text-align:left;background:#00005005;border:1px solid #00005005;border-radius:14px;align-items:center;gap:1rem;width:100%;padding:1rem 1.125rem;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.project-option:before{content:"";background:linear-gradient(90deg,#0000,#5c2efd1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.project-option:hover:before{left:100%}.project-option:hover{background:#5c2efd0f;border-color:#5c2efd33;transform:translate(4px)}.project-option.selected{border-color:var(--story-teal,#1e6b6b);border-left:3px solid var(--story-teal,#1e6b6b);background:#5c2efd1f}.project-radio{border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s;display:flex}.project-option.selected .project-radio{border-color:var(--story-teal,#1e6b6b);background:#5c2efd1a}.radio-inner{background:var(--story-teal,#1e6b6b);border-radius:50%;width:10px;height:10px;transition:transform .3s cubic-bezier(.23,1,.32,1);transform:scale(0);box-shadow:0 0 10px #5c2efd80}.project-option.selected .radio-inner{transform:scale(1)}.project-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.project-name{font-family:var(--font-body,"Satoshi",sans-serif);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.project-meta{font-family:var(--font-mono,"JetBrains Mono",monospace);color:#fff6;letter-spacing:.02em;align-items:center;gap:.5rem;font-size:.7rem;display:flex}.create-project-btn{color:#5c2efdb3;width:100%;font-family:var(--font-body,"Satoshi",sans-serif);cursor:pointer;background:0 0;border:1px dashed #5c2efd4d;border-radius:14px;justify-content:center;align-items:center;gap:.625rem;padding:1rem;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.create-project-btn:hover{border-color:var(--story-teal,#1e6b6b);color:var(--story-teal,#1e6b6b);background:#5c2efd0f}.create-icon{font-size:1.2rem;font-weight:300}.modal-footer{background:linear-gradient(135deg,#00005005 0%,#0000 100%);border-top:1px solid #5c2efd33;flex-shrink:0;gap:1rem;padding:1.5rem;display:flex}.cancel-btn,.add-btn{font-family:var(--font-body,"Satoshi",sans-serif);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.cancel-btn:hover:not(:disabled){color:#fffc;background:#00005005;border-color:#ffffff26}.add-btn{background:var(--story-lime,#dfff00);color:var(--bg-deep,#050505);border:none;box-shadow:0 4px 15px #dfff0040}.add-btn:hover:not(:disabled){background:#e8ff4d;transform:translateY(-2px);box-shadow:0 8px 25px #dfff0059}.add-btn:disabled,.cancel-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width:480px){.add-to-project-modal{border-radius:16px 16px 0 0;max-width:none;max-height:90vh;position:fixed;bottom:0}.add-to-project-modal .modal-header:before{display:none}.project-list-container{max-height:220px}}.modal-backdrop{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#00005008;justify-content:center;align-items:flex-start;padding-top:60px;animation:.25s ease-out modalBackdropFade;display:flex;position:fixed;inset:0}@keyframes modalBackdropFade{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.modal-content{background:linear-gradient(145deg,#00005005 0%,#00005008 100%);border:1px solid #5c2efd4d;border-radius:20px;flex-direction:column;width:90%;max-width:640px;max-height:80vh;animation:.35s cubic-bezier(.16,1,.3,1) modalContentSlide;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000b3,0 0 40px #5c2efd14,inset 0 1px #00005005}.modal-content:before{content:"";background:linear-gradient(90deg,#0000,#5c2efd80,#0000);height:1px;position:absolute;top:0;left:0;right:0}@keyframes modalContentSlide{0%{opacity:0;transform:translateY(-20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background:linear-gradient(135deg,#5c2efd0f 0%,#0000 100%);border-bottom:1px solid #5c2efd33;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative}.modal-header:before{content:"04 // VIDEO_IMPORT";font-family:var(--font-mono,"JetBrains Mono",monospace);color:#5c2efd66;letter-spacing:.1em;text-transform:uppercase;font-size:9px;position:absolute;top:8px;right:1.5rem}.modal-header h2{font-family:var(--font-display,"Clash Display","Syne",sans-serif);color:#fff;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.close-button{color:#ffffff80;cursor:pointer;background:#5c2efd1a;border:1px solid #5c2efd4d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.4rem;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:#5c2efd4d;border-radius:2px}.url-textarea{color:#e8e8e8;width:100%;min-height:300px;font-family:var(--font-mono,"JetBrains Mono",monospace);resize:vertical;background:#00005005;border:1px solid #5c2efd33;border-radius:14px;padding:1.25rem;font-size:13px;line-height:1.7;transition:all .3s cubic-bezier(.23,1,.32,1)}.url-textarea::placeholder{color:#ffffff4d}.url-textarea:focus{border-color:var(--story-teal,#1e6b6b);background:#00005005;outline:none;box-shadow:0 0 0 3px #5c2efd26,inset 0 0 20px #5c2efd0d}.result-summary{flex-direction:column;gap:.625rem;margin-top:1.25rem;display:flex}.result-item{font-family:var(--font-body,"Satoshi",sans-serif);border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:14px;font-weight:500;display:flex}.result-item.success{color:var(--story-teal,#1e6b6b);border:1px solid #5c2efd4d;border-left:3px solid var(--story-teal,#1e6b6b);background:#5c2efd1a}.result-item.warning{color:var(--story-lime,#dfff00);border:1px solid #dfff004d;border-left:3px solid var(--story-lime,#dfff00);background:#dfff0014}.result-item.error{color:var(--story-coral,#ff6b6b);border:1px solid #ff6b6b4d;border-left:3px solid var(--story-coral,#ff6b6b);background:#ff6b6b14}.modal-footer{background:linear-gradient(135deg,#00005005 0%,#0000 100%);border-top:1px solid #5c2efd33;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.btn-primary,.btn-secondary{font-family:var(--font-body,"Satoshi",sans-serif);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.btn-primary{background:var(--story-lime,#dfff00);color:var(--bg-deep,#050505);box-shadow:0 4px 15px #dfff0040}.btn-secondary:hover:not(:disabled){color:#ffffffe6;background:#00005005;border-color:#ffffff26}button:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width:640px){.modal-backdrop{align-items:flex-end;padding-top:0}.modal-content{border-radius:20px 20px 0 0;width:100%;max-width:none;max-height:90vh}.modal-header:before{display:none}.url-textarea{min-height:200px}}.admin-panel{background:radial-gradient(circle at 20% -10%,#5c2efd40,transparent 55%),radial-gradient(circle at 80% 0%,#5c2efd26,transparent 50%),var(--canvas-bg,#f2eee9);min-height:100vh;color:var(--story-text-primary);flex-direction:column;display:flex}.admin-header{-webkit-backdrop-filter:blur(20px);background:linear-gradient(160deg,#00005008,#00005005);border-bottom:1px solid #00005005;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px 32px 24px;display:flex}.admin-header-text h1{letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:700}.admin-header-text p{color:var(--story-text-secondary);margin:0;font-size:16px}.admin-header-actions{gap:12px;display:flex}.btn-primary{background:linear-gradient(135deg,var(--story-teal)0%,var(--story-teal-light)100%);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 12px 24px #5c2efd3d}.btn-primary svg{width:16px;height:16px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px #5c2efd47}.admin-content{flex:1;gap:32px;padding:0 32px 32px;display:flex}.admin-main{flex:1;padding-bottom:16px;overflow-y:auto}.clients-panel{background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);border-radius:24px;flex-direction:column;gap:24px;padding:28px;display:flex;box-shadow:0 4px 16px #00005014}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-title{letter-spacing:-.2px;margin:0;font-size:22px;font-weight:700}.panel-subtitle{color:var(--story-text-secondary);margin:6px 0 0;font-size:14px}.panel-meta{color:var(--story-text-tertiary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.clients-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.client-card{background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);cursor:pointer;border-radius:18px;flex-direction:column;gap:18px;padding:22px;transition:all .25s;display:flex;position:relative;box-shadow:0 2px 8px #0000500f}.client-card:hover{border-color:var(--accent-primary,#5c2efd);transform:translateY(-4px);box-shadow:0 8px 24px #5c2efd26}.client-card.active{border-color:var(--accent-primary,#5c2efd);box-shadow:0 8px 24px #5c2efd33}.client-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.client-identity{align-items:center;gap:14px;display:flex}.client-initials{width:44px;height:44px;color:var(--story-teal-light,#4cb5b5);letter-spacing:.4px;background:linear-gradient(135deg,#5c2efd80,#5c2efd40);border-radius:14px;justify-content:center;align-items:center;font-weight:700;display:flex}.client-title{flex-direction:column;gap:6px;display:flex}.client-name{font-size:16px;font-weight:600}.client-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.client-toggle{align-items:center;gap:10px;display:flex}.chip-blocked.secondary{color:var(--text-primary,#000050);letter-spacing:.5px;background:#ff444429;border:1px solid #ff444447;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.client-code{color:var(--story-text-tertiary);background:#00005005;border-radius:8px;padding:4px 8px;font-family:SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.chip{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.chip-admin{color:var(--story-teal-light);background:#5c2efd33;border:1px solid #5c2efd59}.chip-blocked{color:var(--text-primary,#000050);background:#ff44442e;border:1px solid #ff444447}.client-card-body{flex-direction:column;gap:14px;display:flex}.client-usage-row{color:var(--story-text-secondary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.client-usage-figure{color:var(--story-text-primary);font-weight:600}.client-progress-track{background:#00005005;border-radius:999px;height:8px;position:relative;overflow:hidden}.client-progress-fill{border-radius:inherit;width:0;transition:width .35s;position:absolute;inset:0}.client-card-footer{color:var(--story-text-secondary);text-transform:uppercase;letter-spacing:.4px;justify-content:space-between;align-items:center;font-size:12px;display:flex}.client-quota{font-weight:600}.client-percent{color:var(--story-text-primary);font-weight:600}.toggle-switch.compact{border-radius:12px;width:46px;height:24px}.toggle-switch.compact .toggle-slider{width:20px;height:20px;top:2px;left:2px}.toggle-switch.compact.on .toggle-slider{transform:translate(22px)}.admin-sidebar{background:linear-gradient(#00005005,#00005005);border-left:1px solid #00005005;flex-shrink:0;width:0;transition:width .3s;position:relative;overflow:hidden}.admin-sidebar.open{width:440px}.sidebar-scroll{flex-direction:column;height:100%;display:flex;overflow-y:auto}.admin-panel .sidebar-header{border-bottom:1px solid var(--canvas-border,#e1e4ed);background:var(--canvas-surface,#fff);padding:28px}.sidebar-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.sidebar-title{margin:0;font-size:20px;font-weight:600}.sidebar-subtitle{color:var(--story-text-tertiary);letter-spacing:.4px;margin:6px 0 0;font-size:12px}.sidebar-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.sidebar-metrics{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-top:24px;display:grid}.sidebar-metric{background:#00005005;border:1px solid #00005005;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.sidebar-metric .sidebar-metric .sidebar-close{width:30px;height:30px;color:var(--story-text-secondary);cursor:pointer;background:#00005005;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-close:hover{color:var(--story-text-primary);background:#ffffff29}.sidebar-close svg{width:16px;height:16px}.sidebar-content{flex-direction:column;gap:24px;padding:24px 28px 32px;display:flex}.panel-card{background:linear-gradient(165deg,var(--canvas-surface,#fff),#00005005);border:1px solid #00005005;border-radius:18px;flex-direction:column;gap:18px;padding:24px;display:flex;box-shadow:0 18px 40px #00000052}.panel-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-card-title{margin:0;font-size:16px;font-weight:600}.panel-card-subtitle{color:var(--story-text-secondary);margin:6px 0 0;font-size:13px}.users-list{flex-direction:column;gap:12px;display:flex}.user-item{background:#00005005;border:1px solid #00005005;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:all .2s;display:flex}.user-item:hover{background:#00005005;border-color:#ffffff29}.user-info{flex:1;min-width:0}.user-email{color:var(--story-text-primary);word-break:break-word;margin-bottom:6px;font-size:14px;font-weight:600}.user-meta{flex-wrap:wrap;gap:8px;display:flex}.btn-secondary{color:var(--story-text-primary);border:1px solid var(--canvas-border,#e1e4ed);cursor:pointer;background:#00005005;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.btn-delete{width:34px;height:34px;color:var(--text-primary,#000050);cursor:pointer;background:#ff444424;border:1px solid #ff44443d;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-delete:hover{color:var(--text-primary,#000050);background:#ff444438;border-color:#ff44445c;transform:translateY(-1px)}.btn-delete svg{width:14px;height:14px}.stats-cards.refined{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.admin-panel .stat-card{background:#00005005;border:1px solid #00005005;border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.admin-panel .stat-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.admin-panel .stat-icon svg{width:20px;height:20px}.admin-panel .stat-content{flex-direction:column;gap:2px;display:flex}.admin-panel .stat-value{font-size:20px;font-weight:600}.admin-panel .stat-label{color:var(--story-text-secondary);font-size:12px}.progress-section{margin:12px 0 4px}.progress-bar-bg{background:#0000500d;border-radius:999px;height:8px;overflow:hidden}.progress-bar-fill{border-radius:inherit;height:100%;transition:width .3s}.progress-labels{color:var(--story-text-secondary);text-align:center;margin-top:8px;font-size:12px}.billing-info{background:#00005005;border:1px solid #0000500d;border-radius:12px;padding:14px 16px}.billing-item{color:var(--story-text-secondary);justify-content:space-between;font-size:12px;display:flex}.billing-label{font-weight:500}.billing-value{color:var(--story-text-primary);font-weight:600}.sidebar-placeholder{height:100%;color:var(--story-text-secondary);text-align:center;justify-content:center;align-items:center;padding:40px;display:flex}.placeholder-inner{flex-direction:column;gap:12px;max-width:260px;display:flex}.placeholder-inner h3{color:var(--story-text-primary);margin:0;font-size:18px;font-weight:600}.empty-state{text-align:center;color:var(--story-text-secondary);border:1px dashed #ffffff1f;border-radius:16px;padding:80px 20px}.empty-state svg{opacity:.65;width:60px;height:60px;margin-bottom:16px}.empty-state-small{text-align:center;color:var(--story-text-secondary);padding:32px 16px;font-size:13px}@media (max-width:1100px){.admin-content{flex-direction:column}.admin-sidebar.open{width:100%}.admin-sidebar{border-top:1px solid #00005005;border-left:none}}@media (max-width:768px){.admin-header{flex-direction:column;align-items:stretch}.admin-header-actions{justify-content:flex-start}.admin-content{padding:0 20px 24px}.clients-panel{padding:22px}.clients-grid{grid-template-columns:1fr}}.admin-loading,.admin-error{text-align:center;color:var(--story-text-secondary);padding:80px 20px;font-size:16px}.admin-error{color:var(--text-primary,#000050)}.toggle-switch{cursor:pointer;background:#ffffff2e;border:none;border-radius:14px;width:52px;height:28px;transition:all .3s;position:relative}.toggle-switch.on{background:linear-gradient(135deg,var(--story-teal,#1e6b6b),#2a8585);box-shadow:0 4px 12px #5c2efd4d}.toggle-switch.off{background:#ffffff24}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-slider{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 4px 10px #00000040}.toggle-switch.on .toggle-slider{transform:translate(24px)}.user-status-badge{text-transform:uppercase;letter-spacing:.6px;border-radius:8px;padding:4px 9px;font-size:10px;font-weight:600}.user-status-badge.confirmed{color:var(--story-teal-light,#4cb5b5);background:#5c2efd33;border:1px solid #5c2efd66}.user-status-badge.force-change{color:var(--text-primary,#000050);background:#ff95002e;border:1px solid #ff95004d}.user-status-badge.unconfirmed{color:var(--story-text-secondary);background:#00005005;border:1px solid #0000500d}.user-status-badge.disabled{color:var(--text-primary,#000050);background:#ff444429;border:1px solid #ff444447}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1200;background:#00005005;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--canvas-border,#e1e4ed);background:linear-gradient(165deg,#222222f5,#00005005);border-radius:18px;width:92%;max-width:520px;padding:28px;box-shadow:0 30px 70px #0006}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{margin:0;font-size:20px;font-weight:600}.modal-body{flex-direction:column;gap:16px;display:flex}.create-client-modal{background:linear-gradient(170deg,#282828f2,#00005005);border:1px solid #0000500d;border-radius:22px;max-width:560px;padding:32px;box-shadow:0 32px 70px #00000073}.create-client-header{border-bottom:1px solid #00005005;margin-bottom:24px;padding-bottom:16px}.modal-identity{align-items:center;gap:16px;display:flex}.modal-icon{background:linear-gradient(135deg,#5c2efd59,#5c2efd26);border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex;box-shadow:inset 0 0 0 1px #5c2efd80}.modal-subtitle{color:var(--story-text-secondary);margin:4px 0 0;font-size:14px}.ghost-close{background:#00005005;border-radius:12px;width:32px;height:32px}.ghost-close:hover{background:#ffffff24}.create-client-form{flex-direction:column;gap:20px;display:flex}.form-error{color:var(--text-primary,#000050);background:#ff444429;border:1px solid #ff44444d;border-radius:12px;padding:10px 14px;font-size:13px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.input-shell{background:#00005005;border:1px solid #0000500d;border-radius:14px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.input-label{letter-spacing:.4px;text-transform:uppercase;color:var(--story-text-tertiary);font-size:13px;font-weight:600}.input-shell input{border:1px solid var(--canvas-border,#e1e4ed);color:var(--story-text-primary);background:#00000059;border-radius:10px;outline:none;padding:12px;font-size:15px;transition:border .2s,box-shadow .2s}.input-shell input:focus{border-color:#4cbdbd99;box-shadow:0 0 0 3px #4cbdbd2e}.input-hint{color:var(--story-text-secondary);font-size:12px}.quota-summary{color:var(--story-text-secondary);background:#00005005;border:1px solid #0000500d;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-size:13px;display:flex}.quota-summary strong{color:var(--story-text-primary);margin-bottom:4px;font-size:14px;font-weight:600;display:block}.quota-day{color:var(--story-lime,#dfff00);background:#dfff001f;border:1px solid #dfff0040;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:600}.create-client-form .modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.create-client-form .btn-secondary{border:1px solid var(--canvas-border,#e1e4ed);background:#00005005;border-radius:10px;padding:10px 20px}.create-client-form .btn-secondary:hover{background:#ffffff1f}.create-client-form .btn-primary{border-radius:10px;padding:10px 24px}@media (max-width:520px){.create-client-modal{padding:24px}.form-grid{grid-template-columns:1fr}.quota-summary{flex-direction:column;align-items:flex-start}}.analysis-history{max-width:1400px;padding:var(--space-6,1.5rem);margin:0 auto}.history-header{margin-bottom:var(--space-12,3rem);position:relative}.history-header:before{content:"04 // ANALYSIS_ARCHIVE";font-family:var(--font-mono,"JetBrains Mono",monospace);color:#5c2efd80;letter-spacing:.1em;text-transform:uppercase;font-size:10px;position:absolute;top:-8px;left:0}.header-content{justify-content:space-between;align-items:center;gap:var(--space-6,1.5rem);display:flex}.header-content>div:first-child{text-align:left}.history-header h1{font-family:"Clash Display","Syne",var(--font-display),sans-serif;color:var(--text-primary,#000050);margin-bottom:var(--space-3,.75rem);letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700}.history-header p{font-family:var(--font-body,"Satoshi",sans-serif);font-size:var(--text-lg,1.125rem);color:var(--text-secondary,#4f5b92);margin:0}.refresh-button{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-3,.75rem)var(--space-5,1.25rem);background:var(--glass-bg,#00005005);color:var(--text-primary,#000050);border:1px solid var(--glass-border,#00005005);border-radius:var(--radius-md,12px);cursor:pointer;font-family:var(--font-body,"Satoshi",sans-serif);font-size:var(--text-sm,.875rem);-webkit-backdrop-filter:blur(8px);font-weight:500;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.refresh-button:hover:not(:disabled){background:var(--glass-bg-strong,#00005005);border-color:var(--story-teal,#1e6b6b);transform:translateY(-2px);box-shadow:0 0 20px #5c2efd33}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button svg{width:16px;height:16px}.refresh-button svg.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.archive-controls{margin-bottom:var(--space-10,2.5rem);padding:var(--space-6,1.5rem);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #5c2efd1a;border-radius:16px}.archive-search{gap:var(--space-4,1rem);margin-bottom:var(--space-6,1.5rem);align-items:center;display:flex}.search-field{align-items:center;gap:var(--space-3,.75rem);padding:0 var(--space-6,1.5rem);border-radius:16px;flex:1;transition:all .3s;display:flex;background:#f5f3ff!important;border:2px solid #5c2efd!important}.search-prefix{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-primary,#000050);letter-spacing:.12em;text-transform:uppercase;padding:var(--space-4,1rem)0;padding-right:var(--space-5,1.25rem);margin-right:var(--space-3,.75rem);border-right:2px solid #5c2efd33;flex-shrink:0;font-size:11px;font-weight:600}.search-input{padding:var(--space-4,1rem)0;color:var(--text-primary,#000050);font-family:var(--font-body,"Satoshi",sans-serif);background:0 0;border:none;flex:1;font-size:1.1rem;font-weight:400}.search-input::placeholder{color:var(--text-tertiary,#606daf);font-weight:400}.search-input:focus{outline:none}.search-clear{color:var(--text-tertiary,#606daf);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.25rem;line-height:1;transition:color .2s}.search-clear:hover{color:var(--text-primary,#000050)}.search-submit{background:var(--accent-primary,#5c2efd);color:#fff;cursor:pointer;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:700;transition:all .3s;display:flex}.search-submit:hover:not(:disabled){background:#7b4fff;transform:scale(1.05)}.search-submit:disabled{opacity:.5;cursor:not-allowed}.archive-filters{align-items:center;gap:var(--space-6,1.5rem);flex-wrap:wrap;display:flex}.filter-group{align-items:center;gap:var(--space-3,.75rem);display:flex}.filter-label{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-primary,#000050);letter-spacing:.1em;text-transform:uppercase;opacity:.6;font-size:10px;font-weight:600}.filter-divider{background:#0000500d;width:1px;height:24px}.filter-options{background:#fff;border:1px solid #5c2efd1f;border-radius:10px;gap:4px;padding:4px;display:flex;box-shadow:0 2px 8px #0000500a}.filter-option{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-2,.5rem)var(--space-4,1rem);color:var(--text-primary,#000050);font-family:var(--font-body,"Satoshi",sans-serif);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.filter-option:hover{color:var(--accent-primary,#5c2efd);background:#5c2efd0f}.filter-option.active{background:var(--accent-primary,#5c2efd);font-weight:600;box-shadow:0 2px 8px #5c2efd4d;color:#fff!important}.filter-option.active .option-label{color:#fff!important}.filter-option.active .option-count{background:#ffffff40;font-weight:700;color:#fff!important}.option-label{display:inline}.option-count{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--accent-primary,#5c2efd);background:#5c2efd1f;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700}.platform-options .filter-option{padding:var(--space-2,.5rem)var(--space-3,.75rem)}@media (max-width:768px){.archive-controls{padding:var(--space-4,1rem)}.archive-search{flex-direction:column}.search-submit{width:100%;height:44px}.archive-filters{align-items:flex-start;gap:var(--space-4,1rem);flex-direction:column}.filter-divider{display:none}.filter-group{flex-direction:column;align-items:flex-start;width:100%}.filter-options{flex-wrap:wrap;width:100%}.filter-option{min-width:calc(33% - 4px);padding:var(--space-2,.5rem)var(--space-2,.5rem);flex:1;justify-content:center;font-size:12px}.type-options .filter-option{min-width:calc(50% - 4px)}}@media (max-width:480px){.filter-option{min-width:calc(50% - 4px);padding:var(--space-2,.5rem);font-size:11px}.search-prefix{font-size:9px}.search-input{font-size:14px}}.history-search-filters{display:none}.instagram-thumbnail,.tiktok-thumbnail{margin:0 auto;aspect-ratio:9/16!important;max-width:280px!important}.video-card .instagram-thumbnail,.video-card .tiktok-thumbnail{max-width:240px!important}.history-channel-card .instagram-thumbnail,.history-channel-card .tiktok-thumbnail{border-radius:50%;overflow:hidden;box-shadow:0 4px 16px #00005014;aspect-ratio:1!important;max-width:200px!important}.history-channel-card.platform-instagram,.history-channel-card.platform-tiktok{color:inherit!important;background:#00005005!important}.history-channel-card.platform-instagram:hover,.history-channel-card.platform-tiktok:hover{background:#00005005!important}.history-channel-card.platform-instagram .video-score-overlay,.history-channel-card.platform-tiktok .video-score-overlay{z-index:5;position:absolute;top:12px;right:12px}.ig-card-overlay,.history-channel-card.platform-tiktok .video-score-overlay{z-index:6;position:absolute;top:12px;right:12px}.history-channel-card.platform-instagram .delete-button-video,.ig-delete-overlay{z-index:6;position:absolute;top:12px;left:12px}.history-channel-card.platform-instagram .score-circle{width:32px;height:32px}.history-video-card .instagram-thumbnail,.history-video-card .tiktok-thumbnail{border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00005014}.history-script-card{cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1)}.history-script-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #e8b84d26}.history-script-card:hover .delete-button-video{opacity:1}.script-thumbnail-container{aspect-ratio:16/9;border-radius:8px 8px 0 0;width:100%;position:relative;overflow:hidden}.script-thumbnail-pattern{background:linear-gradient(135deg,#e8b84d14 0%,#5c2efd1f 50%,#141210f2 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.script-lines{opacity:.7;flex-direction:column;gap:8px;width:60%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.script-line{background:linear-gradient(90deg,#e8b84d99 0%,#e8b84d33 100%);border-radius:2px;width:100%;height:3px}.script-line.short{width:45%}.script-line.medium{width:75%}.script-icon-badge{filter:drop-shadow(0 2px 8px #0006);z-index:2;font-size:28px;position:absolute;bottom:12px;right:12px}.script-thumbnail-container .video-score-overlay{z-index:3;position:absolute;top:12px;right:12px}.history-script-card .delete-button-video{z-index:10;opacity:0;transition:opacity .3s;position:absolute;top:12px;left:12px}.type-filters{gap:var(--space-3,.75rem);flex-wrap:wrap;justify-content:center;display:flex}.type-filter{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-3,.75rem)var(--space-5,1.25rem);background:var(--glass-bg,#00005005);border:1px solid var(--glass-border,#00005005);border-radius:var(--radius-md,12px);color:var(--text-secondary,#4f5b92);font-family:var(--font-body,"Satoshi",sans-serif);font-size:var(--text-sm,.875rem);cursor:pointer;-webkit-backdrop-filter:blur(8px);font-weight:500;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.type-filter svg,.type-filter-icon{opacity:.6;width:16px;height:16px;transition:all .3s}.type-filter:hover{background:var(--glass-bg-strong,#00005005);border-color:var(--glass-border-strong,#ffffff1f);color:var(--text-primary,#000050);transform:translateY(-2px)}.type-filter:hover svg,.type-filter:hover .type-filter-icon{opacity:1}.type-filter.active{background:var(--accent-primary,#5c2efd);border-color:var(--accent-primary,#5c2efd);color:#fff;box-shadow:0 4px 20px #5c2efd4d}.type-filter.active svg,.type-filter.active .type-filter-icon{opacity:1;color:var(--story-teal,#1e6b6b)}.history-content{min-height:400px}.error-message{color:var(--text-primary,#000050);background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:20px;display:flex}.error-message svg{flex-shrink:0;width:20px;height:20px}.loading-container{color:#ffffffb3;flex-direction:column;align-items:center;gap:20px;padding:60px 20px;display:flex}.analysis-card{background:var(--canvas-surface,#fff);cursor:pointer;border:1px solid #333;border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.analysis-card:hover{border-color:#4a9eff;transform:translateY(-2px);box-shadow:0 8px 25px #4a9eff26}.delete-button{cursor:pointer;color:#dc3545;z-index:10;background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.delete-button:hover{background:#dc354533;border-color:#dc354580;transform:scale(1.05)}.delete-button:active{transform:scale(.95)}.delete-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-button svg{width:18px;height:18px}.delete-button-inline{cursor:pointer;color:#dc3545;background:#dc35451a;border:1px solid #dc35454d;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:8px;transition:all .2s;display:flex}.delete-button-inline:hover{background:#dc354533;border-color:#dc354580;transform:scale(1.05)}.delete-button-inline:active{transform:scale(.95)}.delete-button-inline:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-button-inline svg{width:14px;height:14px}.loading-spinner-small{border:2px solid #0000;border-top-color:#dc3545;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.empty-state{text-align:center;color:#fff9;padding:60px 20px}.empty-icon{opacity:.5;width:64px;height:64px;margin-bottom:20px}.empty-state h3{color:#fffc;margin-bottom:12px;font-size:1.5rem}.empty-state p{max-width:400px;margin:0 auto;font-size:1rem;line-height:1.6}.analyses-grid{gap:var(--space-8,2rem);margin-bottom:var(--space-10,2.5rem);grid-template-columns:repeat(3,1fr);display:grid}.analysis-card{background:var(--glass-bg,#00005005);border:1px solid var(--glass-border,#00005005);border-left:4px solid var(--story-teal,#1e6b6b);border-radius:var(--radius-lg,16px);cursor:pointer;-webkit-backdrop-filter:blur(8px);transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.analysis-card:hover{border-color:var(--glass-border-strong,#ffffff1f);background:var(--glass-bg-strong,#00005005);transform:translateY(-5px)scale(1.02);box-shadow:0 4px 16px #00005014,0 0 30px #5c2efd1a}.analysis-thumbnail{height:200px;position:relative;overflow:hidden}.thumbnail-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.23,1,.32,1)}.analysis-card:hover .thumbnail-image{transform:scale(1.08)}.thumbnail-overlay{opacity:0;padding:var(--space-4,1rem);pointer-events:none;background:linear-gradient(#0000 40%,#000000d9 100%);flex-direction:column;justify-content:flex-end;transition:opacity .4s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;inset:0}.analysis-card:hover .thumbnail-overlay{opacity:1}.thumbnail-overlay-info{justify-content:space-between;align-items:center;gap:var(--space-3,.75rem);display:flex}.thumbnail-duration{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-1,.25rem)var(--space-2,.5rem);border-radius:var(--radius-sm,6px);font-family:var(--font-mono,"JetBrains Mono",monospace);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;font-size:11px;display:flex}.thumbnail-platform{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-1,.25rem)var(--space-2,.5rem);border-radius:var(--radius-sm,6px);font-family:var(--font-mono,"JetBrains Mono",monospace);color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#5c2efdcc;font-size:10px;display:flex}.analysis-type-badge{color:var(--text-primary,#000050);padding:var(--space-2,.5rem)var(--space-3,.75rem);border-radius:var(--radius-full,9999px);font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:var(--text-xs,.75rem);letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);background:#000000bf;border:1px solid #0000500d;font-weight:500;position:absolute;top:12px;right:12px}.analysis-content{padding:var(--space-5,1.25rem)}.analysis-title{font-family:var(--font-body,"Satoshi",sans-serif);font-size:var(--text-lg,1.125rem);color:var(--text-primary,#000050);margin:0 0 var(--space-4,1rem)0;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.analysis-meta{gap:var(--space-3,.75rem);margin-bottom:var(--space-4,1rem);flex-wrap:wrap;display:flex}.meta-item{align-items:center;gap:var(--space-2,.5rem);font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:var(--text-xs,.75rem);color:var(--text-secondary,#4f5b92);display:flex}.meta-item svg{opacity:.7;flex-shrink:0;width:14px;height:14px}.analysis-score{margin-top:var(--space-4,1rem);justify-content:space-between;align-items:center;gap:var(--space-3,.75rem);display:flex}.score-badge{width:56px;height:56px;font-family:var(--font-mono,"JetBrains Mono",monospace);color:#fff;text-align:center;white-space:nowrap;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:relative;box-shadow:0 4px 16px #00005014}.score-badge.score-excellent{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 4px 20px #22c55e4d}.score-badge.score-good{background:linear-gradient(135deg,var(--story-teal,#1e6b6b)0%,#2a8585 100%);box-shadow:0 4px 20px #5c2efd4d}.score-badge.score-average{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 20px #f59e0b4d}.score-badge.score-poor{background:linear-gradient(135deg,var(--story-coral,#ff6b6b)0%,#ef4444 100%);box-shadow:0 4px 20px #ff6b6b4d}.score-badge:not(.score-excellent):not(.score-good):not(.score-average):not(.score-poor){background:linear-gradient(135deg,var(--story-teal,#1e6b6b)0%,#2a8585 100%);box-shadow:0 4px 20px #5c2efd4d}.analysis-card:hover .score-badge{transform:scale(1.1)}.score-label{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-tertiary,#666);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-1,.25rem);font-size:10px}.analysis-timestamp{font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:var(--text-xs,.75rem);color:var(--text-tertiary,#666);text-align:right}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:40px;display:flex}.pagination-button{color:#fffc;cursor:pointer;background:#00005005;border:1px solid #0000500d;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.pagination-button:hover:not(:disabled){color:#fff;background:#0000500d;border-color:#fff3}.pagination-button:disabled{opacity:.7;cursor:not-allowed}.pagination-button svg{width:16px;height:16px}.pagination-info{color:#fff9;font-size:14px;font-weight:500}@media (max-width:1200px){.analyses-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.analysis-history{max-width:100%;padding:16px}.history-header{margin-bottom:24px}.header-content{text-align:center;flex-direction:column;gap:16px}.history-header h1{margin-bottom:8px;font-size:2rem}.history-header p{font-size:1rem}.search-filters{margin-bottom:24px}.search-container{flex-direction:column;gap:12px;max-width:100%;margin:0 0 20px}.search-input{padding:12px 16px 12px 44px;font-size:16px}.search-icon{width:18px;height:18px;left:14px}.analyses-grid{grid-template-columns:1fr;gap:16px;width:100%;max-width:100%;margin-bottom:24px}.video-card,.history-channel-card,.history-video-card{border-radius:12px;width:100%;max-width:100%;margin:0;padding:0}.video-content{width:100%;max-width:100%;padding:16px}.video-title{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%;margin-bottom:12px;font-size:16px;line-height:1.4}.video-meta{flex-direction:column;align-items:flex-start;gap:8px;width:100%;margin-bottom:12px}.video-meta .view-count,.video-meta .video-date{align-items:center;gap:6px;width:100%;font-size:14px;display:flex}.video-quality-bar{border-radius:10px;width:100%;height:20px;margin:12px 0}.quality-bar-fill{background:var(--story-teal,#1e6b6b);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.quality-text{text-transform:uppercase;letter-spacing:.05em;color:#fff;font-size:12px;font-weight:600}.analysis-timestamp{text-align:left;width:100%;margin-top:8px;font-size:12px}.score-circle{z-index:3;width:32px;height:32px}.score-number{text-shadow:0 1px 2px #0009;font-size:12px}.delete-button-video{min-width:32px;min-height:32px;padding:6px;top:8px;left:8px}.delete-button-video svg{width:14px;height:14px}.type-filters{justify-content:center;gap:8px;width:100%}.type-filter{flex:1;max-width:120px;padding:8px 16px;font-size:13px}.pagination{flex-direction:column;gap:16px;width:100%}.pagination-button{width:100%;max-width:200px;padding:10px 16px;font-size:13px}}@media (max-width:480px){.analysis-history{max-width:100%;padding:12px}.history-header h1{margin-bottom:6px;font-size:1.6rem}.history-header p{font-size:.9rem}.history-search-container{gap:10px;width:100%;margin-bottom:16px}.history-search-input{width:100%;padding:10px 14px 10px 40px;font-size:15px}.history-search-icon{width:16px;height:16px;left:12px}.history-search-button{width:100%;padding:10px 20px;font-size:14px}.type-filters{gap:6px;width:100%}.type-filter{flex:1;max-width:100px;padding:6px 12px;font-size:12px}.analyses-grid{gap:12px;width:100%;max-width:100%;margin-bottom:20px}.video-card,.history-channel-card,.history-video-card{border-radius:8px;width:100%;max-width:100%;margin:0;padding:0}.video-content{width:100%;max-width:100%;padding:12px}.video-title{width:100%;margin-bottom:8px;font-size:14px;line-height:1.3}.video-meta{gap:4px;width:100%;margin-bottom:8px}.video-meta .view-count,.video-meta .video-date{width:100%;font-size:11px}.video-quality-bar{width:100%;height:16px;margin:8px 0}.quality-text{font-size:10px}.analysis-timestamp{width:100%;margin-top:6px;font-size:10px}.score-circle{width:28px;height:28px}.score-number{font-size:10px}.delete-button-video{min-width:28px;min-height:28px;padding:4px;top:6px;left:6px}.delete-button-video svg{width:12px;height:12px}.pagination{gap:12px;width:100%}.pagination-button{width:100%;max-width:180px;padding:8px 14px;font-size:12px}.pagination-info{text-align:center;width:100%;font-size:13px}.history-channel-card .video-meta{flex-direction:column;align-items:flex-start;gap:6px;width:100%}.history-channel-card .video-meta .view-count,.history-channel-card .video-meta .video-date{align-items:center;gap:4px;width:100%;font-size:11px;display:flex}.history-channel-card .video-meta svg{flex-shrink:0;width:11px;height:11px;margin-right:3px}.video-card{flex-direction:column;width:100%;min-height:auto;display:flex}.video-thumbnail{flex-shrink:0;width:100%}.video-content{flex-direction:column;flex:1;justify-content:space-between;width:100%;display:flex}.video-quality-bar{width:100%;margin:8px 0}.analysis-timestamp{width:100%;margin-top:auto;padding-top:8px}.video-title{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%;line-height:1.3}.delete-button-video{justify-content:center;align-items:center;min-width:32px;min-height:32px;display:flex}.meta-icon{flex-shrink:0;width:12px;height:12px;margin-right:4px}.history-channel-card{background:#00005005;border:1px solid #0000500d;border-radius:16px;width:100%;transition:all .3s;overflow:hidden}.history-channel-card:hover{background:#00005005;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.analyses-grid .history-channel-card{width:100%;margin-bottom:0}.history-channel-card .video-thumbnail{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.history-channel-card .video-content{flex-direction:column;width:100%;height:100%;padding:12px;display:flex}.history-channel-card .video-title{color:#fff;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:100%;margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.history-channel-card .video-meta{flex-direction:column;gap:6px;width:100%;margin-bottom:8px;display:flex}.history-channel-card .video-meta .view-count,.history-channel-card .video-meta .video-date{color:#ffffffb3;align-items:center;width:100%;font-size:11px;display:flex}.history-channel-card .video-quality-bar{background:#0000500d;border-radius:10px;width:100%;height:20px;margin-bottom:8px;overflow:hidden}.history-channel-card .quality-bar-fill{background:var(--story-teal,#1e6b6b);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.history-channel-card .quality-text{color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.history-channel-card .analysis-timestamp{color:#ffffff80;text-align:left;width:100%;margin-top:auto;padding-top:8px;font-size:10px}}.loading-screen{background:var(--canvas-bg,#f2eee9);min-height:100vh;color:var(--text-primary,#000050);flex-direction:column;display:flex;position:relative;overflow:hidden}.loading-header{border-bottom:1px solid var(--canvas-border,#e1e4ed);background:var(--canvas-surface,#fff);z-index:10;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative}.loading-back-btn{border:1px solid var(--canvas-border,#e1e4ed);color:var(--text-secondary,#4f5b92);font-family:var(--font-body,"Satoshi",sans-serif);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.loading-back-btn:hover{background:var(--canvas-elevated,#f8f9fb);border-color:var(--accent-primary,#5c2efd);color:var(--text-primary,#000050)}.loading-brand{font-family:var(--font-display,"Instrument Serif",serif);color:var(--text-primary,#000050);font-size:1.5rem}.loading-main{z-index:5;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 2rem;display:flex;position:relative}.loading-channel-banner{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:3rem;display:flex}.loading-avatar-container{position:relative}.loading-avatar{object-fit:cover;border:3px solid var(--accent-primary,#5c2efd);background:var(--canvas-elevated,#f8f9fb);border-radius:50%;width:96px;height:96px}.loading-avatar-placeholder{font-family:var(--font-display,"Instrument Serif",serif);color:var(--canvas-bg,#f2eee9);background:var(--accent-primary,#5c2efd);justify-content:center;align-items:center;font-size:2.5rem;display:flex}.loading-avatar-pulse{border:2px solid var(--accent-primary,#5c2efd);border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;position:absolute;inset:-6px}@keyframes pulse-ring{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.1)}}.loading-channel-name{font-family:var(--font-display,"Instrument Serif",serif);color:var(--text-primary,#000050);margin:0;font-size:1.75rem;font-weight:400}.loading-channel-handle{color:var(--text-tertiary,#606daf);margin:0;font-size:.9375rem}.loading-progress-section{width:100%;max-width:520px;margin-bottom:2.5rem}.loading-progress-container{margin-bottom:1rem}.loading-progress-bar{background:var(--canvas-elevated,#f8f9fb);border-radius:5px;height:10px;position:relative;overflow:hidden}.loading-progress-fill{background:linear-gradient(90deg,var(--accent-primary-dark,#4a25d4)0%,var(--accent-primary,#5c2efd)50%,var(--accent-primary-light,#7b4fff)100%);background-size:200% 100%;border-radius:5px;height:100%;transition:width .3s ease-out;animation:2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-progress-text{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.progress-message{color:var(--text-secondary,#4f5b92);font-size:.9375rem}.progress-percent{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--accent-primary,#5c2efd);font-size:.875rem;font-weight:600}.loading-video-counter{justify-content:center;align-items:baseline;gap:.35rem;margin-top:.5rem;display:flex}.counter-completed{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--accent-primary,#5c2efd);font-size:1.5rem;font-weight:600}.counter-separator{color:var(--text-tertiary,#606daf);font-size:1.25rem}.counter-total{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-secondary,#4f5b92);font-size:1.25rem}.counter-label{color:var(--text-tertiary,#606daf);margin-left:.5rem;font-size:.875rem}.counter-failed{color:var(--score-poor,#a86b5d);margin-left:.25rem;font-size:.8125rem}.loading-video-queue{background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);border-radius:10px;width:100%;max-width:560px;margin-bottom:2.5rem;overflow:hidden}.queue-header{background:var(--canvas-elevated,#f8f9fb);border-bottom:1px solid var(--canvas-border,#e1e4ed);padding:.875rem 1.25rem}.queue-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary,#606daf);font-size:.8125rem;font-weight:600}.queue-list{max-height:300px;overflow-y:auto}.queue-item{border-bottom:1px solid var(--canvas-border,#e1e4ed);align-items:center;gap:1rem;padding:.875rem 1.25rem;transition:background .15s;display:flex}.queue-item:last-child{border-bottom:none}.queue-item-completed{opacity:.65}.queue-item-analyzing{background:#e8b84d0f}.queue-item-pending{opacity:.5}.queue-item-failed{background:#a86b5d14}.queue-status-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.icon-check{color:var(--score-excellent,#7d9a6a);font-size:1rem;font-weight:600}.icon-spinner{border:2px solid var(--canvas-border,#e1e4ed);border-top-color:var(--accent-primary,#5c2efd);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.icon-pending{color:var(--text-muted,#bcc1de);font-size:1rem}.icon-failed{color:var(--score-poor,#a86b5d);font-size:1rem;font-weight:600}.queue-video-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.queue-video-title{color:var(--text-primary,#000050);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.queue-video-score{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--accent-primary,#5c2efd);font-size:.75rem}.queue-video-error{color:var(--score-poor,#a86b5d);font-size:.75rem}.queue-more{text-align:center;color:var(--text-tertiary,#606daf);background:var(--canvas-elevated,#f8f9fb);padding:.75rem 1.25rem;font-size:.8125rem}.loading-tips{background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);border-radius:10px;align-items:flex-start;gap:1rem;max-width:480px;padding:1.5rem 2rem;display:flex}.tips-icon{flex-shrink:0;font-size:1.5rem}.tips-content{font-family:var(--font-display,"Instrument Serif",serif);color:var(--text-secondary,#4f5b92);margin:0;font-size:1rem;font-style:italic;line-height:1.6;transition:opacity .3s}.tips-content.fading{opacity:0}.loading-decoration{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.decoration-circle{background:radial-gradient(circle,#e8b84d14 0%,#0000 70%);border-radius:50%;position:absolute}.decoration-circle-1{width:600px;height:600px;top:-200px;right:-200px}.decoration-circle-2{width:400px;height:400px;bottom:-100px;left:-100px}.decoration-circle-3{opacity:.5;width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.queue-list::-webkit-scrollbar{width:6px}.queue-list::-webkit-scrollbar-track{background:0 0}.queue-list::-webkit-scrollbar-thumb{background:var(--canvas-border,#e1e4ed);border-radius:3px}.queue-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary,#606daf)}@media (max-width:640px){.loading-header{padding:1rem}.loading-main{padding:2rem 1rem}.loading-avatar{width:80px;height:80px}.loading-channel-name{font-size:1.5rem}.loading-progress-section,.loading-video-queue{max-width:100%}.queue-list{max-height:220px}.loading-tips{padding:1rem 1.25rem}.tips-content{font-size:.9375rem}.loading-thinking-section{max-width:100%}}.loading-thinking-section{background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);border-radius:10px;width:100%;max-width:560px;margin-bottom:1.5rem;overflow:hidden}.thinking-header{background:var(--canvas-elevated,#f8f9fb);border-bottom:1px solid var(--canvas-border,#e1e4ed);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.thinking-icon{font-size:1rem}.thinking-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary,#606daf);font-size:.8125rem;font-weight:600}.thinking-content{background:#5c2efd08;max-height:200px;padding:.875rem 1rem;overflow-y:auto}.thinking-text{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-secondary,#4f5b92);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.75rem;line-height:1.6}.thinking-scroll-indicator{background:linear-gradient(to bottom,transparent,var(--canvas-elevated,#f8f9fb));border-top:1px solid var(--canvas-border,#e1e4ed);color:var(--accent-primary,#5c2efd);cursor:pointer;justify-content:center;align-items:center;padding:.5rem;font-size:.75rem;font-weight:500;animation:1.5s ease-in-out infinite pulse-indicator;display:flex}.thinking-scroll-indicator span{align-items:center;gap:.25rem;display:flex}@keyframes pulse-indicator{0%,to{opacity:1}50%{opacity:.6}}.results-dashboard{--canvas-bg:#f2eee9;--canvas-surface:#fff;--canvas-elevated:#f8f9fb;--canvas-paper:#fff;--canvas-border:#bcc1de;--canvas-border-strong:#9ba3c5;--text-primary:#000050;--text-secondary:#4f5b92;--text-tertiary:#606daf;--text-muted:#9ba3c5;--accent-gold:#5c2efd;--accent-gold-light:#7b4fff;--score-3:#22c55e;--score-3-bg:#22c55e1f;--score-3-border:#22c55e66;--score-2:#eab308;--score-2-bg:#eab3081f;--score-2-border:#eab30866;--score-1:#f97316;--score-1-bg:#f973161f;--score-1-border:#f9731666;--score-0:#ef4444;--score-0-bg:#ef44441f;--score-0-border:#ef444466;--font-display:"Instrument Serif","Playfair Display",Georgia,serif;--font-body:"Jost",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;background:var(--canvas-bg);min-height:100vh;color:var(--text-primary);transition:padding-right .3s cubic-bezier(.23,1,.32,1)}.results-dashboard.panel-open{padding-right:min(60%,720px)}.results-header{background:var(--canvas-surface,#fff);border-bottom:1px solid var(--canvas-border,#e1e4ed);z-index:50;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.results-back-btn{border:1px solid var(--canvas-border,#e1e4ed);color:var(--text-secondary,#4f5b92);font-family:var(--font-body,"Satoshi",sans-serif);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.results-back-btn:hover{background:var(--canvas-elevated,#f8f9fb);border-color:var(--accent-primary,#5c2efd);color:var(--text-primary,#000050)}.back-icon{font-size:1rem}.results-actions{gap:.75rem;display:flex}.results-action-btn{background:var(--canvas-elevated,#f8f9fb);border:1px solid var(--canvas-border,#e1e4ed);color:var(--text-secondary,#4f5b92);font-family:var(--font-body,"Satoshi",sans-serif);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.results-action-btn:hover{background:var(--canvas-surface,#fff);border-color:var(--accent-primary,#5c2efd);color:var(--text-primary,#000050)}.results-action-primary{background:var(--accent-primary,#5c2efd);border-color:var(--accent-primary,#5c2efd);color:var(--canvas-bg,#f2eee9);font-weight:600}.results-action-primary:hover{background:var(--accent-primary-light,#7b4fff);border-color:var(--accent-primary-light,#7b4fff);color:var(--canvas-bg,#f2eee9)}.results-main{max-width:1200px;margin:0 auto;padding:2rem}.results-hero{background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);border-radius:12px;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;display:flex}.hero-channel-info{align-items:center;gap:1.5rem;display:flex}.hero-avatar-container{flex-shrink:0}.hero-avatar{object-fit:cover;border:2px solid var(--canvas-border,#e1e4ed);background:var(--canvas-elevated,#f8f9fb);border-radius:50%;width:80px;height:80px}.hero-avatar-placeholder{font-family:var(--font-display,"Instrument Serif",serif);color:var(--canvas-bg,#f2eee9);background:var(--accent-primary,#5c2efd);justify-content:center;align-items:center;font-size:2rem;display:flex}.hero-channel-details{flex-direction:column;gap:.5rem;display:flex}.hero-channel-name{font-family:var(--font-display,"Instrument Serif",serif);color:var(--text-primary,#000050);margin:0;font-size:1.75rem;font-weight:400}.hero-channel-meta{color:var(--text-tertiary,#606daf);flex-wrap:wrap;gap:1rem;margin:0;font-size:.875rem;display:flex}.hero-channel-meta span:not(:last-child):after{content:"•";color:var(--canvas-border,#e1e4ed);margin-left:1rem}.hero-score-container{flex-direction:column;align-items:center;gap:.5rem;display:flex}.hero-score-circle{border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.hero-score-inner{background:var(--canvas-bg,#f2eee9);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.hero-score-value{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-primary,#000050);font-size:2rem;font-weight:700;line-height:1}.hero-score-max{color:var(--text-tertiary,#606daf);font-size:.875rem}.hero-score-label{color:var(--accent-primary,#5c2efd);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:500}.results-summary{background:linear-gradient(135deg,#e8b84d14 0%,#e8b84d05 100%);border:1px solid #e8b84d33;border-radius:12px;margin-bottom:2rem;padding:1.5rem 2rem}.summary-text{font-family:var(--font-display,"Instrument Serif",serif);color:var(--text-primary,#000050);margin:0;padding-left:1.5rem;font-size:1.125rem;font-style:italic;line-height:1.7;position:relative}.summary-text:before{content:"\"";color:var(--accent-primary,#5c2efd);font-size:2rem;font-family:var(--font-display,"Instrument Serif",serif);position:absolute;top:-.25rem;left:0}.section-title{font-family:var(--font-display,"Instrument Serif",serif);color:var(--text-primary,#000050);align-items:center;gap:1rem;margin:0 0 1.5rem;font-size:1.375rem;font-weight:400;display:flex;position:relative}.section-number{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--accent-primary,#5c2efd);opacity:.6;font-size:.875rem}.results-phases{margin-bottom:2.5rem}.phases-grid{gap:1rem;display:grid}.phase-card{background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);text-align:center;border-radius:10px;padding:1.5rem;transition:all .2s}.phase-card:hover{box-shadow:var(--shadow-md,0 4px 12px #0006);border-color:#e8b84d66;transform:translateY(-2px)}.phase-icon{margin-bottom:.75rem;font-size:1.5rem}.phase-name{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary,#606daf);margin-bottom:1rem;font-size:.8125rem;font-weight:600}.phase-score{justify-content:center;align-items:baseline;gap:.25rem;margin-bottom:.5rem;display:flex}.phase-score-boolean .score-value,.phase-score-points .score-value{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--accent-primary,#5c2efd);font-size:1.75rem;font-weight:600}.phase-score-boolean .score-separator{color:var(--text-tertiary,#606daf);font-size:1.25rem}.phase-score-boolean .score-max{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-secondary,#4f5b92);font-size:1.25rem}.phase-score-points .score-plus{color:var(--accent-primary,#5c2efd);font-size:1.25rem}.phase-score-points .score-unit{color:var(--text-tertiary,#606daf);margin-left:.25rem;font-size:.875rem}.phase-score-percentage{flex-direction:column;gap:.5rem}.percentage-bar{background:var(--canvas-elevated,#f8f9fb);border-radius:4px;width:100%;height:8px;overflow:hidden}.percentage-fill{background:var(--accent-primary,#5c2efd);border-radius:4px;height:100%;transition:width .3s}.percentage-value{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--accent-primary,#5c2efd);font-size:1rem}.phase-max{color:var(--text-muted,#bcc1de);font-size:.75rem}.results-videos{margin-bottom:2.5rem}.videos-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.videos-controls{gap:.75rem;display:flex}.videos-sort,.videos-filter{background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);color:var(--text-secondary,#4f5b92);font-family:var(--font-body,"Satoshi",sans-serif);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.8125rem;transition:all .15s}.videos-sort:hover,.videos-filter:hover{border-color:var(--accent-primary,#5c2efd)}.videos-sort:focus,.videos-filter:focus{border-color:var(--accent-primary,#5c2efd);outline:none;box-shadow:0 0 0 2px #e8b84d33}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}.videos-empty{text-align:center;color:var(--text-tertiary,#606daf);grid-column:1/-1;padding:3rem 2rem;font-style:italic}.video-card{background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);cursor:pointer;text-align:left;width:100%;color:inherit;border-radius:10px;font-family:inherit;transition:all .2s;overflow:hidden}.video-card:hover{border-color:var(--accent-primary,#5c2efd);box-shadow:var(--shadow-lg,0 8px 24px #00000080),var(--glow-gold,0 0 20px #e8b84d26);transform:translateY(-3px)}.video-card:focus-visible{outline:2px solid var(--accent-primary,#5c2efd);outline-offset:2px}.video-card.selected{border-color:var(--accent-primary,#5c2efd);box-shadow:var(--glow-gold,0 0 20px #e8b84d26)}.video-thumbnail{aspect-ratio:16/9;background:var(--canvas-elevated,#f8f9fb);position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail-placeholder{width:100%;height:100%;color:var(--text-muted,#bcc1de);justify-content:center;align-items:center;font-size:2rem;display:flex}.video-score-badge{width:40px;height:40px;font-family:var(--font-mono,"JetBrains Mono",monospace);background:#141210e6;border:2px solid;border-radius:50%;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex;position:absolute;top:.5rem;right:.5rem}.video-duration{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-primary,#000050);background:#141210d9;border-radius:4px;padding:.25rem .5rem;font-size:.6875rem;position:absolute;bottom:.5rem;right:.5rem}.video-info{padding:1rem}.video-title{color:var(--text-primary,#000050);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.9375rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.video-meta{color:var(--text-tertiary,#606daf);gap:.75rem;margin:0;font-size:.75rem;display:flex}.results-recommendations{background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);border-radius:12px;padding:2rem}.recommendations-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.recommendation-item{background:var(--canvas-elevated,#f8f9fb);border-radius:8px;align-items:flex-start;gap:1rem;padding:1rem;transition:background .15s;display:flex}.recommendation-item:hover{background:#e8b84d14}.recommendation-number{background:var(--accent-primary,#5c2efd);width:28px;height:28px;color:var(--canvas-bg,#f2eee9);font-family:var(--font-mono,"JetBrains Mono",monospace);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.recommendation-text{color:var(--text-secondary,#4f5b92);font-size:.9375rem;line-height:1.6}.panel-backdrop{z-index:90;background:#141210b3;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-card.score-excellent{border-color:var(--score-3,#22c55e)}.video-card.score-excellent .video-score-badge{border-color:var(--score-3,#22c55e)!important;color:var(--score-3,#22c55e)!important}.video-card.score-good{border-color:var(--score-2,#eab308)}.video-card.score-good .video-score-badge{border-color:var(--score-2,#eab308)!important;color:var(--score-2,#eab308)!important}.video-card.score-average{border-color:var(--score-1,#f97316)}.video-card.score-average .video-score-badge{border-color:var(--score-1,#f97316)!important;color:var(--score-1,#f97316)!important}.video-card.score-poor{border-color:var(--score-0,#ef4444)}.video-card.score-poor .video-score-badge{border-color:var(--score-0,#ef4444)!important;color:var(--score-0,#ef4444)!important}.phase-card.phase-excellent{border-left:4px solid var(--score-3,#22c55e);background:linear-gradient(135deg,var(--score-3-bg,#22c55e1f),var(--canvas-surface,#fff)60%)}.phase-card.phase-excellent .phase-score-big,.phase-card.phase-excellent .score-value{color:var(--score-3,#22c55e)}.phase-card.phase-good{border-left:4px solid var(--score-2,#eab308);background:linear-gradient(135deg,var(--score-2-bg,#eab3081f),var(--canvas-surface,#fff)60%)}.phase-card.phase-good .phase-score-big,.phase-card.phase-good .score-value{color:var(--score-2,#eab308)}.phase-card.phase-average{border-left:4px solid var(--score-1,#f97316);background:linear-gradient(135deg,var(--score-1-bg,#f973161f),var(--canvas-surface,#fff)60%)}.phase-card.phase-average .phase-score-big,.phase-card.phase-average .score-value{color:var(--score-1,#f97316)}.phase-card.phase-poor{border-left:4px solid var(--score-0,#ef4444);background:linear-gradient(135deg,var(--score-0-bg,#ef44441f),var(--canvas-surface,#fff)60%)}.phase-card.phase-poor .phase-score-big,.phase-card.phase-poor .score-value{color:var(--score-0,#ef4444)}@media (max-width:1024px){.results-dashboard.panel-open{padding-right:0}.executive-summary{grid-template-columns:1fr}}@media (max-width:768px){.results-header{flex-direction:column;align-items:stretch;gap:1rem}.results-back-btn{justify-content:center;width:100%}.results-actions{justify-content:center}.results-main{padding:1.5rem 1rem}.results-hero{text-align:center;flex-direction:column;padding:1.5rem}.hero-channel-info{flex-direction:column}.hero-channel-meta{justify-content:center}.phases-grid{grid-template-columns:repeat(2,1fr)!important}.videos-header{flex-direction:column;align-items:stretch}.videos-controls{justify-content:space-between}.videos-sort,.videos-filter{flex:1}.videos-grid{grid-template-columns:1fr}.results-recommendations{padding:1.5rem}}@media (max-width:480px){.hero-avatar{width:64px;height:64px}.hero-channel-name{font-size:1.5rem}.hero-score-circle{width:100px;height:100px}.hero-score-inner{width:82px;height:82px}.hero-score-value{font-size:1.5rem}.phases-grid{grid-template-columns:1fr!important}.phase-card{padding:1rem}}.score-potential{background:linear-gradient(135deg,var(--bg-secondary,#f8f9fa)0%,var(--bg-tertiary,#f0f0f0)100%);border:1px solid var(--border-light,#e8e8e8);border-radius:10px;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;display:flex}.score-potential__label{color:var(--text-muted,#666);font-size:13px}.score-potential__current{color:var(--text-secondary,#444);font-size:14px;font-weight:600}.score-potential__arrow{color:var(--primary-color,#000050);font-size:16px}.score-potential__target{color:#22c55e;font-size:14px;font-weight:700}.async-analysis{background:radial-gradient(circle at 18% -10%,#5c2efd33,transparent 55%),radial-gradient(circle at 82% 0%,#5c2efd1f,transparent 50%),var(--canvas-bg,#f2eee9);min-height:100vh;color:var(--story-text-primary);flex-direction:column;gap:24px;padding:32px clamp(16px,4vw,48px);display:flex;position:relative}.async-analysis:before{content:"03 // ANALYSIS_RESULTS";font-family:var(--font-mono,"JetBrains Mono",monospace);color:#5c2efd66;letter-spacing:.1em;text-transform:uppercase;font-size:10px;position:absolute;top:16px;right:clamp(16px,4vw,48px)}.async-analysis__header{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.async-analysis__kicker{font-family:var(--font-mono,"JetBrains Mono",monospace);text-transform:uppercase;letter-spacing:.2em;color:var(--story-teal,#1e6b6b);margin:0 0 6px;font-size:11px}.async-analysis__header h1{font-family:"Clash Display","Syne",var(--font-display),sans-serif;letter-spacing:-.03em;color:#fff;text-shadow:0 4px 30px #0000004d;margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.async-analysis__subtitle{color:var(--story-text-secondary);max-width:560px;margin:12px 0 0;font-size:16px;line-height:1.6}.async-analysis__summary{flex-wrap:wrap;gap:12px;display:flex}.summary-chip{border-radius:var(--radius-lg,16px);border:1px solid #5c2efd33;border-left:3px solid var(--story-teal,#1e6b6b);-webkit-backdrop-filter:blur(8px);background:#00005005;flex-direction:column;align-items:flex-start;gap:4px;min-width:120px;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 18px 36px #00000047}.summary-chip:hover{background:#5c2efd0d;border-color:#5c2efd4d;transform:translateY(-2px)}.chip-label{text-transform:uppercase;font-family:var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.1em;color:#fff6;font-size:10px}.chip-value{font-family:var(--font-mono,"JetBrains Mono",monospace);color:#fff;font-size:1.5rem;font-weight:700}.async-analysis__tabs{background:#00005005;border:1px solid #00005005;border-radius:18px;align-self:flex-start;align-items:center;gap:12px;padding:6px;display:inline-flex;box-shadow:0 12px 32px #0000003d}.tabs-btn{color:var(--story-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .22s;display:inline-flex}.tabs-btn svg{width:18px;height:18px}.tabs-btn:hover{color:var(--story-text-primary)}.tabs-btn.active{color:var(--text-primary,#000050);background:linear-gradient(135deg,#5c2efdcc,#5c2efd8c);box-shadow:0 10px 28px #5c2efd59}.tabs-pill{min-width:20px;height:20px;color:inherit;background:#0003;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.async-analysis__panel{background:linear-gradient(175deg,#00005005,#00005005);border:1px solid #00005005;border-radius:24px;flex:1;min-height:420px;padding:clamp(20px,3vw,32px);animation:.35s forwards panelFade;box-shadow:0 4px 16px #00005014}@keyframes panelFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.async-analysis__header{flex-direction:column}.async-analysis__summary{width:100%}.summary-chip{flex:1;min-width:0}}@media (max-width:640px){.async-analysis{padding:24px clamp(12px,5vw,24px)}.async-analysis__tabs{justify-content:space-between;width:100%;padding:6px}.tabs-btn{flex:1;justify-content:center}.async-analysis__panel{padding:18px}}.batch-creator{flex-direction:column;height:100%;padding:24px;display:flex}.batch-creator.empty{text-align:center;justify-content:center;align-items:center}.empty-illustration svg{width:100px;height:100px;margin-bottom:24px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.batch-creator h3{color:var(--text-primary);margin:0 0 8px;font-size:20px}.batch-creator p{color:var(--text-secondary);margin:0;font-size:14px}.batch-creator.active{animation:.4s ease-out slideUp}.creator-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.check-icon{width:32px;height:32px;color:var(--story-teal);animation:.5s ease-out bounceIn}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.creator-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.creator-body{flex-direction:column;flex:1;gap:20px;display:flex}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.batch-name-input{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:8px;padding:12px;font-size:14px}.selected-preview{flex-direction:column;flex:1;display:flex;overflow:hidden}.preview-title{color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:500}.preview-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.preview-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;align-items:center;gap:12px;padding:10px;display:flex}.preview-number{background:var(--story-teal);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.preview-url{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.preview-more{text-align:center;color:var(--text-tertiary);padding:10px;font-size:12px}.create-batch-button{background:linear-gradient(135deg,var(--story-teal)0%,var(--story-teal-light)100%);color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:16px;font-weight:600;display:flex}.create-batch-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1e6b6b4d}.create-batch-button svg{width:20px;height:20px}.batch-detail-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:flex-end;display:flex;position:fixed;inset:0}.batch-detail-panel{background:radial-gradient(at 100% 0,#5c2efd1a 0%,#0000 50%),linear-gradient(135deg,#0f1419 0%,#1a1f26 100%);flex-direction:column;width:60%;max-width:800px;height:100%;animation:.3s ease-out slideInRight;display:flex}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:16px;padding:24px;display:flex}.back-button{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.back-button:hover{background:var(--glass-bg);color:var(--text-primary)}.back-button svg{width:20px;height:20px}.header-info{flex:1}.header-info h2{color:var(--text-primary);margin:0 0 4px;font-size:20px;font-weight:600}.status-pill{align-items:center;gap:8px;display:inline-flex}.running-indicator{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:inline-flex}.status-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.running-indicator .status-spinner{border-color:#fff #ffffff80 #ffffff80}.header-actions{gap:12px;display:flex}.batch-detail-panel .btn-primary{background:var(--story-teal);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.batch-detail-panel .btn-primary:hover{background:var(--story-teal-light);transform:translateY(-2px)}.batch-detail-panel .btn-primary:disabled{opacity:.7;cursor:default;transform:none}.btn-danger{color:#fff;cursor:pointer;transition:var(--transition);background:#ef4444;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.detail-body{flex:1;padding:24px;overflow-y:auto}.analyses-list{flex-direction:column;gap:16px;display:flex}.analyses-list h3{color:var(--text-primary);margin:0 0 16px;font-size:18px}.empty-state{text-align:center;color:var(--text-secondary);padding:40px;font-size:14px}.batch-detail-panel .analyses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.batch-detail-panel .analysis-item{cursor:pointer;padding:0;transition:all .2s;overflow:hidden}.batch-detail-panel .analysis-item.clickable:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}.batch-detail-panel .analysis-thumbnail{aspect-ratio:16/9;background:var(--glass-bg);width:100%;overflow:hidden}.batch-detail-panel .analysis-thumbnail img{object-fit:cover;width:100%;height:100%}.batch-detail-panel .analysis-info{flex-direction:column;gap:12px;padding:16px;display:flex}.batch-detail-panel .analysis-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.batch-detail-panel .analysis-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.batch-detail-panel .analysis-date{color:var(--text-secondary);font-size:12px}.loading{text-align:center;color:var(--text-secondary);padding:40px}.batch-list{width:100%}.loading-container,.empty-container{padding:calc(var(--spacing-unit,8px)*8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-container p{color:var(--text-secondary,#fff9);margin:8px 0;font-size:16px}.empty-hint{color:var(--text-tertiary,#fff6)!important;font-size:14px!important}.loading-state{color:var(--text-secondary,#fff9);font-size:16px}.batch-grid{gap:calc(var(--spacing-unit,8px)*2);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));animation:.4s ease-out fadeIn;display:grid}.batch-card{padding:calc(var(--spacing-unit,8px)*3);-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#1e6b6b0a;border:1px solid #00005005;border-radius:16px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 20px #0003}.batch-card:hover{background:#1e6b6b0f;border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.card-header{margin-bottom:calc(var(--spacing-unit,8px)*2)}.card-title-row{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing-unit,8px)*2);margin-bottom:calc(var(--spacing-unit,8px));display:flex}.batch-name{color:var(--text-primary,#fffffff2);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:18px;font-weight:600;overflow:hidden}.batch-status{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:12px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600}.batch-date{color:var(--text-secondary,#fff9);font-size:13px}.card-body{margin-bottom:calc(var(--spacing-unit,8px)*2);flex:1}.batch-stats{gap:calc(var(--spacing-unit,8px)*2);margin-bottom:calc(var(--spacing-unit,8px)*3);grid-template-columns:1fr 1fr;display:grid}.batch-card .stat-item{padding:calc(var(--spacing-unit,8px)*2);background:#0003;border:1px solid #00005005;border-radius:12px;flex-direction:column;align-items:center;display:flex}.batch-card .stat-icon{width:24px;height:24px;color:var(--story-teal,#1e6b6b);margin-bottom:8px}.batch-card .stat-value{color:var(--text-primary,#fffffff2);margin-bottom:4px;font-size:24px;font-weight:700}.batch-card .stat-label{color:var(--text-secondary,#fff9);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.batch-progress{align-items:center;gap:calc(var(--spacing-unit,8px)*1.5);display:flex}.progress-bar{background:#0000004d;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .5s ease-out}.progress-percentage{color:var(--text-primary,#fffffff2);text-align:right;min-width:45px;font-size:14px;font-weight:600}.card-footer{padding-top:calc(var(--spacing-unit,8px)*2);border-top:1px solid #00005005}.view-details-btn{width:100%;color:var(--story-teal,#1e6b6b);cursor:pointer;background:#1e6b6b1a;border:1px solid #1e6b6b4d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.view-details-btn svg{width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.view-details-btn:hover{border-color:var(--story-teal,#1e6b6b);background:#1e6b6b33}.batch-card:hover .view-details-btn svg{transform:translate(4px)}@media (max-width:768px){.batch-grid{gap:calc(var(--spacing-unit,8px)*1.5);grid-template-columns:1fr}.batch-card{padding:calc(var(--spacing-unit,8px)*2)}.batch-name{font-size:16px}.stat-value{font-size:20px}}.channel-results-page{background:var(--canvas-bg,#f2eee9);min-height:100vh;color:var(--text-primary,#000050)}.channel-results-page.loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.channel-results-page .loading-spinner{border:3px solid var(--canvas-border,#e1e4ed);border-top-color:var(--accent-primary,#5c2efd);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.chat-page{background:var(--canvas-bg);height:100vh;color:var(--text-primary);display:flex}.chat-sidebar{background:var(--canvas-surface);border-right:1px solid var(--canvas-border);flex-direction:column;width:280px;min-width:280px;display:flex}.chat-sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--canvas-border);justify-content:space-between;align-items:center;display:flex}.chat-sidebar-header h3{font-size:var(--text-base);color:var(--text-primary);font-weight:600;font-family:var(--font-display);margin:0}.new-chat-btn{border-radius:var(--radius-md);background:var(--accent-gold);width:32px;height:32px;color:var(--canvas-bg);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.new-chat-btn:hover{background:var(--accent-gold-light);box-shadow:var(--glow-gold)}.new-chat-btn svg{width:18px;height:18px}.chat-sessions-list{padding:var(--space-2);flex:1;overflow-y:auto}.sessions-loading,.sessions-empty{padding:var(--space-8)var(--space-4);color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.sessions-empty .hint{font-size:var(--text-xs);margin-top:var(--space-2);color:var(--text-muted)}.session-item{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);margin-bottom:var(--space-1);border:1px solid #0000;display:flex}.session-item:hover{background:var(--canvas-hover);border-color:var(--canvas-border)}.session-item.active{background:var(--canvas-elevated);border-color:var(--accent-gold)}.session-thumbnail{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--canvas-border);flex-shrink:0;width:48px;height:36px}.session-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.session-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.3;overflow:hidden}.session-date{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.session-delete{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.session-item:hover .session-delete{display:flex}.session-delete:hover{color:var(--accent-error);background:#a86b5d33}.session-delete svg{width:14px;height:14px}.chat-main{background:var(--canvas-bg);flex-direction:column;flex:1;min-width:0;display:flex}.context-preview{border-bottom:1px solid var(--canvas-border);background:var(--canvas-surface)}.context-toggle{width:100%;padding:var(--space-3)var(--space-4);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);transition:var(--transition-fast);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.context-toggle span{white-space:nowrap;text-overflow:ellipsis;margin-right:var(--space-2);flex:1;overflow:hidden}.context-toggle:hover{background:var(--canvas-hover)}.context-toggle svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.context-content{padding:0 var(--space-4)var(--space-4)}.context-primary{background:var(--canvas-elevated);border:1px solid var(--accent-gold);border-left:3px solid var(--accent-gold);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.context-label{font-size:var(--text-xs);color:var(--accent-gold);text-transform:uppercase;margin-bottom:var(--space-2);letter-spacing:.05em;font-weight:600}.context-primary-content{gap:var(--space-3);align-items:flex-start;display:flex}.context-thumbnail{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--canvas-border);flex-shrink:0;width:80px;height:45px}.context-detail{gap:var(--space-1);flex-direction:column;display:flex}.context-detail strong{font-size:var(--text-sm);color:var(--text-primary);line-height:1.3}.context-score,.context-info{font-size:var(--text-xs);color:var(--text-secondary);background:var(--canvas-paper);padding:2px var(--space-2);border-radius:var(--radius-sm);width:fit-content}.context-channel{font-size:var(--text-xs);color:var(--text-tertiary)}.context-recent{background:var(--canvas-elevated);border:1px solid var(--canvas-border);border-radius:var(--radius-md);padding:var(--space-3)}.recent-list{gap:var(--space-2);flex-direction:column;display:flex}.recent-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);padding:var(--space-1)0;display:flex}.recent-thumbnail{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--canvas-border);flex-shrink:0;width:48px;height:27px}.recent-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.recent-score{color:var(--accent-gold);flex-shrink:0;font-weight:500}.chat-actions-bar{padding:var(--space-2)var(--space-4);border-bottom:1px solid var(--canvas-border);background:var(--canvas-surface);justify-content:flex-end;display:flex}.export-pdf-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border:1px solid var(--canvas-border);border-radius:var(--radius-md);background:var(--canvas-elevated);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:var(--transition-fast);display:flex}.export-pdf-btn:hover:not(:disabled){background:var(--canvas-hover);border-color:var(--accent-gold);color:var(--accent-gold)}.export-pdf-btn:disabled{opacity:.5;cursor:not-allowed}.export-pdf-btn svg{width:16px;height:16px}.chat-error{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--accent-error);color:var(--accent-error);font-size:var(--text-sm);background:#a86b5d26;justify-content:space-between;align-items:center;display:flex}.chat-error button{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--accent-error);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-error button:hover{background:#a86b5d33}.chat-error svg{width:16px;height:16px}.chat-messages{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-message{gap:var(--space-3);max-width:85%;display:flex}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.chat-message.assistant{align-self:flex-start}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.chat-message.user .message-avatar{background:var(--canvas-elevated);color:var(--accent-gold);border:1px solid var(--canvas-border)}.chat-message.assistant .message-avatar{background:var(--accent-gold);color:var(--canvas-bg)}.message-avatar svg{width:18px;height:18px}.message-content{flex:1;min-width:0}.message-text{padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.6}.chat-message.user .message-text{background:var(--accent-gold);color:var(--canvas-bg);border-bottom-right-radius:var(--radius-sm)}.chat-message.assistant .message-text{background:var(--canvas-elevated);color:var(--text-primary);border:1px solid var(--canvas-border);border-bottom-left-radius:var(--radius-sm)}.message-text strong{font-weight:600}.message-text code{padding:2px var(--space-1);border-radius:var(--radius-sm);font-family:var(--font-mono);background:#0000004d;font-size:.85em}.message-text ul{margin:var(--space-2)0;padding-left:var(--space-5)}.message-text li{margin:var(--space-1)0}.message-text h2,.message-text h3,.message-text h4{margin:var(--space-3)0 var(--space-2);font-weight:600;font-family:var(--font-display)}.message-text h2{font-size:var(--text-base)}.message-text h3,.message-text h4{font-size:var(--text-sm)}.message-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);padding:0 var(--space-2)}.chat-message.user .message-time{text-align:right}.chat-message.typing .message-content{padding:var(--space-3)var(--space-4);background:var(--canvas-elevated);border:1px solid var(--canvas-border);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm)}.typing-indicator{gap:4px;padding:4px 0;display:flex}.typing-indicator span{background:var(--text-muted);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both typing}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.chat-message.welcome .message-text{background:linear-gradient(135deg,var(--canvas-elevated)0%,var(--canvas-paper)100%);border:1px solid var(--accent-gold);border-left:3px solid var(--accent-gold)}.chat-input-form{padding:var(--space-4);border-top:1px solid var(--canvas-border);background:var(--canvas-surface)}.chat-input-container{gap:var(--space-3);background:var(--canvas-elevated);border:1px solid var(--canvas-border);border-radius:var(--radius-lg);padding:var(--space-2);transition:var(--transition-fast);align-items:flex-end;display:flex}.chat-input-container:focus-within{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-glow)}.chat-input{padding:var(--space-2);font-size:var(--text-sm);resize:none;max-height:150px;line-height:1.5;font-family:var(--font-body);color:var(--text-primary);background:0 0;border:none;flex:1}.chat-input:focus{outline:none}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{border-radius:var(--radius-md);background:var(--accent-gold);width:36px;height:36px;color:var(--canvas-bg);cursor:pointer;transition:var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover:not(:disabled){background:var(--accent-gold-light);box-shadow:var(--glow-gold)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn svg{width:18px;height:18px}.loading-spinner.small{border-width:2px;width:16px;height:16px}.sessions-loading .loading-spinner{border-color:var(--canvas-border);border-top-color:var(--accent-gold)}@media (max-width:768px){.chat-sidebar{display:none}.chat-message{max-width:95%}}.invite-user-modal{background:linear-gradient(145deg,#00005005 0%,#00005008 100%);border:1px solid #5c2efd4d;border-radius:20px;width:100%;max-width:520px;padding:0;position:relative;overflow:hidden;box-shadow:0 30px 72px #0009,0 0 40px #5c2efd14,inset 0 1px #00005005}.invite-user-modal:before{content:"";background:linear-gradient(90deg,#0000,#5c2efd80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.invite-user-header{background:linear-gradient(135deg,#5c2efd0f 0%,#0000 100%);border-bottom:1px solid #5c2efd33;margin-bottom:0;padding:1.5rem;position:relative}.invite-user-header:before{content:"05 // TEAM_INVITE";font-family:var(--font-mono,"JetBrains Mono",monospace);color:#5c2efd66;letter-spacing:.1em;text-transform:uppercase;font-size:9px;position:absolute;top:12px;right:1.5rem}.invite-user-header .modal-identity{align-items:center;gap:1rem;display:flex}.invite-user-header .modal-icon{background:linear-gradient(135deg,#5c2efd33,#5c2efd14);border:1px solid #5c2efd4d;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 0 20px #5c2efd26}.invite-user-header .modal-title{font-family:var(--font-display,"Clash Display","Syne",sans-serif);color:#fff;letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:700}.modal-subtitle{font-family:var(--font-body,"Satoshi",sans-serif);color:#ffffff80;margin:4px 0 0;font-size:13px}.ghost-close{color:#ffffff80;cursor:pointer;background:#5c2efd1a;border:1px solid #5c2efd4d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.ghost-close:hover{color:#fff;background:#5c2efd33;border-color:#5c2efd80;transform:rotate(90deg)}.invite-user-form{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.form-error{border:1px solid #ff6b6b4d;border-left:3px solid var(--story-coral,#ff6b6b);color:var(--story-coral,#ff6b6b);background:#ff6b6b14;border-radius:12px;padding:.875rem 1rem;font-size:13px}.input-shell{background:#00005005;border:1px solid #00005005;border-radius:14px;flex-direction:column;gap:.75rem;padding:1rem 1.125rem;transition:all .3s;display:flex}.input-shell:focus-within{background:#5c2efd08;border-color:#5c2efd4d}.input-label{font-family:var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.1em;text-transform:uppercase;color:#5c2efdb3;font-size:11px;font-weight:600}.input-shell input[type=email]{font-family:var(--font-body,"Satoshi",sans-serif);color:#fff;background:#00005005;border:1px solid #5c2efd33;border-radius:10px;outline:none;padding:.875rem 1rem;font-size:14px;transition:all .3s cubic-bezier(.23,1,.32,1)}.input-shell input[type=email]:focus{border-color:var(--story-teal,#1e6b6b);background:#00005005;box-shadow:0 0 0 3px #5c2efd26}.input-shell input[type=email]::placeholder{color:#ffffff4d}.input-hint{font-family:var(--font-body,"Satoshi",sans-serif);color:#fff6;font-size:12px;line-height:1.4}.checkbox-shell{gap:.875rem}.checkbox-control{font-family:var(--font-body,"Satoshi",sans-serif);color:#fffc;cursor:pointer;align-items:flex-start;gap:.75rem;font-size:14px;display:flex}.checkbox-control input{width:18px;height:18px;accent-color:var(--story-teal,#1e6b6b);cursor:pointer;margin-top:2px}.invite-summary{font-family:var(--font-body,"Satoshi",sans-serif);color:#ffffff80;background:#5c2efd0f;border:1px solid #5c2efd33;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.125rem;font-size:13px;display:flex}.invite-summary strong{color:#fff;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.badge-light{color:var(--story-teal,#1e6b6b);font-family:var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.02em;background:#5c2efd26;border:1px solid #5c2efd4d;border-radius:999px;padding:.5rem .875rem;font-size:11px;font-weight:600}.invite-user-form .modal-actions{border-top:1px solid #5c2efd26;justify-content:flex-end;gap:1rem;margin-top:.5rem;padding-top:1.25rem;display:flex}.invite-user-form .btn-secondary{font-family:var(--font-body,"Satoshi",sans-serif);color:#fff9;cursor:pointer;background:#00005005;border:1px solid #0000500d;border-radius:12px;padding:.75rem 1.25rem;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1)}.invite-user-form .btn-secondary:hover{color:#fffc;background:#00005005;border-color:#ffffff26}.invite-user-form .btn-primary{background:var(--story-lime,#dfff00);font-family:var(--font-body,"Satoshi",sans-serif);color:var(--bg-deep,#050505);cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 15px #dfff0040}.invite-user-form .btn-primary:hover:not(:disabled){background:#e8ff4d;transform:translateY(-2px);box-shadow:0 8px 25px #dfff0059}.invite-user-form .btn-primary:disabled,.invite-user-form .btn-secondary:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width:520px){.invite-user-modal{border-radius:20px 20px 0 0;max-height:90vh}.invite-user-header{padding:1.25rem}.invite-user-header:before{display:none}.invite-user-form{padding:1.25rem}.invite-summary{flex-direction:column;align-items:flex-start;gap:.75rem}}.login-page{background-color:var(--canvas-bg,#f2eee9);min-height:100vh;color:var(--text-primary,#000050);flex-direction:column;display:flex}.login-top-bar{background:var(--canvas-surface,#fff);border-bottom:1px solid var(--canvas-border,#e1e4ed);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.login-tagline{color:var(--text-secondary,#4f5b92);align-items:center;font-size:1rem;font-weight:400;display:flex}.login-highlight{color:var(--accent-primary,#5c2efd);font-weight:500}.login-brand{align-items:center;display:flex}.login-brand-text{font-family:var(--font-display,"Instrument Serif",serif);color:var(--text-primary,#000050);letter-spacing:.01em;font-size:1.5rem;font-weight:400}.login-hero{justify-content:center;align-items:center;min-height:auto;padding:5rem 2rem 4rem;display:flex}.login-form-container{text-align:center;width:100%;max-width:540px}.login-title{font-family:var(--font-display,"Instrument Serif",serif);color:var(--text-primary,#000050);letter-spacing:-.02em;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;font-size:3.5rem;font-weight:400;display:flex}.login-platform-icons{align-items:center;gap:.75rem;margin-left:.5rem;display:inline-flex}.login-platform-icons .platform-icon{opacity:.7;width:28px;height:28px;transition:transform .2s}.login-platform-icons .platform-icon:hover{opacity:1;transform:scale(1.1)}.login-platform-icons .platform-icon.youtube{color:var(--text-primary,#000050)}.login-platform-icons .platform-icon.instagram path{fill:#e1306c}.login-platform-icons .platform-icon.tiktok{width:24px;height:24px}.login-subtitle{color:var(--text-secondary,#4f5b92);margin-bottom:3rem;font-size:1.125rem;font-weight:400}.login-error{color:var(--accent-primary-dark,#4a25d4);text-align:center;background:#c99a351a;border:1px solid #c99a3540;border-radius:8px;margin-bottom:2rem;padding:1rem;font-size:.875rem}.login-buttons{justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.login-btn{cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-body,"Satoshi",sans-serif);white-space:nowrap;border:none;border-radius:8px;min-width:180px;padding:1rem 2.5rem;transition:all .25s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.login-primary{background:var(--accent-primary,#5c2efd);color:#fff;z-index:1;border:none;font-weight:600;position:relative}.login-primary:hover:not(:disabled){background:var(--accent-primary-light,#7b4fff);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #5c2efd59}.login-secondary{background:var(--canvas-surface,#fff);color:var(--text-secondary,#4f5b92);border:1px solid var(--canvas-border,#e1e4ed)}.login-secondary:hover:not(:disabled){background:var(--canvas-elevated,#f8f9fb);border-color:var(--canvas-border-strong,#bcc1de);color:var(--text-primary,#000050)}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-warning{text-align:center;color:var(--accent-primary-dark,#4a25d4);margin-top:1rem;font-size:.875rem}.login-showcase{background:var(--canvas-bg,#f2eee9);border-top:1px solid var(--canvas-border,#e1e4ed);padding:4rem 2rem 6rem}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1100px;margin:0 auto;display:grid}.showcase-card{background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);border-radius:8px;flex-direction:column;height:100%;padding:2rem;transition:all .3s;display:flex}.showcase-card:hover{box-shadow:var(--glow-violet);border-color:#5c2efd59;transform:translateY(-3px)}.showcase-image{background:var(--canvas-elevated,#f8f9fb);border:1px solid var(--canvas-border,#e1e4ed);aspect-ratio:4/3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:220px;margin-bottom:1.5rem;padding:1.5rem;display:flex;overflow:visible}.video-analysis{position:relative}.mock-thumbnail{aspect-ratio:16/9;background:var(--canvas-bg,#f2eee9);border:1px solid var(--canvas-border,#e1e4ed);border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:180px;display:flex}.mock-play-button{background:var(--accent-primary,#5c2efd);border-radius:50%;width:44px;height:44px;position:relative}.mock-play-button:after{content:"";border-left:10px solid var(--canvas-bg,#f2eee9);border-top:7px solid #0000;border-bottom:7px solid #0000;width:0;height:0;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.mock-score{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--accent-primary,#5c2efd);font-size:1.75rem;font-weight:600}.mock-metrics{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.metric-pill{color:var(--accent-primary,#5c2efd);background:#5c2efd1a;border:1px solid #5c2efd40;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.mock-channel-header{align-items:center;gap:1rem;width:100%;margin-bottom:.75rem;display:flex}.mock-avatar{background:var(--accent-primary,#5c2efd);border-radius:50%;flex-shrink:0;width:48px;height:48px}.mock-stats{flex-direction:column;flex:1;gap:.35rem;display:flex}.mock-stat{background:var(--canvas-bg,#f2eee9);color:var(--text-secondary,#4f5b92);border:1px solid var(--canvas-border,#e1e4ed);border-radius:4px;padding:.4rem .75rem;font-size:.75rem;font-weight:500}.mock-score-badge{color:var(--accent-primary,#5c2efd);font-family:var(--font-mono,"JetBrains Mono",monospace);background:#5c2efd26;border:1px solid #5c2efd40;border-radius:8px;padding:.4rem 1rem;font-size:1.125rem;font-weight:600}.mock-charts{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}.mock-chart{background:linear-gradient(#5c2efd1a 0%,#0000 100%);border:1px solid #5c2efd33;border-radius:8px;height:60px}.ai-insights{align-items:stretch;gap:.6rem}.mock-insights-header{width:100%;margin-bottom:.5rem}.mock-ai-badge{background:var(--accent-primary,#5c2efd);color:var(--canvas-bg,#f2eee9);border-radius:4px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.mock-insight-card{background:var(--canvas-bg,#f2eee9);border:1px solid var(--canvas-border,#e1e4ed);border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem;display:flex}.mock-icon{color:var(--accent-primary,#5c2efd);flex-shrink:0;font-size:1.25rem}.mock-text-lines{flex-direction:column;flex:1;gap:.4rem;display:flex}.mock-line{background:var(--canvas-border,#e1e4ed);border-radius:3px;width:100%;height:6px}.mock-line.short{width:65%}.showcase-card-title{font-family:var(--font-display,"Instrument Serif",serif);color:var(--text-primary,#000050);align-items:center;min-height:2em;margin-bottom:.75rem;font-size:1.25rem;font-weight:400;display:flex}.showcase-card-description{color:var(--text-secondary,#4f5b92);flex:1;font-size:.9375rem;line-height:1.6}.login-footer{background:var(--canvas-surface,#fff);border-top:1px solid var(--canvas-border,#e1e4ed);text-align:center;padding:2rem}.login-footer p{color:var(--text-tertiary,#606daf);margin:0;font-size:.875rem}.login-processing{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;display:flex}.login-spinner{border:2px solid var(--canvas-border,#e1e4ed);border-top:2px solid var(--accent-primary,#5c2efd);border-radius:50%;width:56px;height:56px;animation:.8s linear infinite spin}.processing-text{color:var(--text-secondary,#4f5b92);font-size:1rem}@media (max-width:768px){.login-top-bar{padding:1rem}.login-tagline{font-size:.875rem}.login-brand-text{font-size:1.25rem}.login-hero{padding:3rem 1.5rem}.login-title{font-size:2.5rem}.login-subtitle{font-size:1rem}.login-buttons{flex-direction:column}.login-btn{width:100%;min-width:auto}.showcase-grid{grid-template-columns:1fr;gap:1.5rem}.login-showcase{padding:3rem 1.5rem 5rem}.showcase-card{max-width:360px;margin:0 auto;padding:1.5rem}.showcase-image{aspect-ratio:auto;flex:none;width:100%;min-height:0;max-height:none;padding:1.25rem}.mock-thumbnail{max-width:150px}.mock-score{font-size:1.5rem}}@media (max-width:480px){.login-tagline{font-size:.75rem}.login-title{font-size:2rem}.login-subtitle{font-size:.9375rem}.showcase-image{padding:1rem}.showcase-card{max-width:320px;padding:1.25rem}}.marketing-page{opacity:0;transition:all .8s ease-out;transform:translateY(20px)}.marketing-page.visible{opacity:1;transform:translateY(0)}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.hero-marketing{background:linear-gradient(135deg,var(--story-dark-2)0%,var(--story-dark-1)100%);padding:80px 0 120px;position:relative;overflow:hidden}.hero-marketing:before{content:"";pointer-events:none;background:radial-gradient(at top,#5c2efd1a 0%,#0000 70%);position:absolute;inset:0}.hero-content-marketing{max-width:1200px;padding:0 var(--spacing-lg);gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative}.hero-text{z-index:2}.hero-title-marketing{margin-bottom:var(--spacing-lg);color:var(--story-text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.title-line{display:block}.title-highlight{background:linear-gradient(135deg,var(--story-teal)0%,var(--story-teal-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-subtitle{font-size:var(--font-size-lg);color:var(--story-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.hero-stats{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.stat-item-hero{text-align:left}.marketing-page .stat-number{font-size:var(--font-size-2xl);color:var(--story-teal);font-weight:700;line-height:1;display:block}.marketing-page .stat-label{font-size:var(--font-size-sm);color:var(--story-text-tertiary);margin-top:4px}.hero-cta{gap:var(--spacing-sm);flex-direction:column;display:flex}.cta-primary{background:linear-gradient(135deg,var(--story-teal)0%,var(--story-teal-light)100%);border-radius:var(--border-radius);color:#fff;font-weight:600;font-size:var(--font-size-lg);cursor:pointer;align-items:center;gap:var(--spacing-sm);border:none;align-self:flex-start;padding:18px 36px;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.cta-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-primary:hover:before{left:100%}.cta-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cta-primary.large{font-size:var(--font-size-xl);padding:24px 48px}.cta-arrow{width:20px;height:20px;transition:transform .3s}.cta-primary:hover .cta-arrow{transform:translate(4px)}.cta-subtitle{color:var(--story-text-tertiary);font-size:var(--font-size-sm);margin:0}.hero-visual{z-index:2;justify-content:center;align-items:center;display:flex}.dashboard-mockup{background:var(--story-dark-2);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);border:1px solid #0000500d;width:400px;max-width:100%;animation:6s ease-in-out infinite float;overflow:hidden}.mockup-header{padding:var(--spacing-sm);background:var(--story-dark-3);align-items:center;gap:var(--spacing-sm);display:flex}.mockup-dots{gap:6px;display:flex}.mockup-dots span{background:var(--story-text-tertiary);border-radius:50%;width:12px;height:12px}.mockup-dots span:first-child{background:#ff5f57}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:nth-child(3){background:#28ca42}.mockup-title{color:var(--story-text-secondary);font-size:var(--font-size-sm);font-weight:500}.mockup-content{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;display:flex}.score-circle-demo{background:conic-gradient(var(--story-teal)312deg,#ffffff1a 0deg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;display:flex;position:relative}.score-circle-demo:before{content:"";background:var(--story-dark-2);border-radius:50%;width:90px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-value{font-size:var(--font-size-xl);color:var(--story-teal);z-index:1;font-weight:700;line-height:1}.score-label{font-size:var(--font-size-xs);color:var(--story-text-secondary);z-index:1}.metrics-demo{gap:var(--spacing-sm);flex-direction:column;display:flex}.metric-bar{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);display:flex}.metric-bar span{min-width:80px;color:var(--story-text-secondary)}.bar{background:#0000500d;border-radius:4px;flex:1;height:8px;overflow:hidden}.fill{background:var(--story-teal);border-radius:4px;height:100%;transition:width 2s ease-in-out}.section-title{text-align:center;margin-bottom:var(--spacing-xl);color:var(--story-text-primary);justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:clamp(2rem,4vw,3rem);font-weight:700;display:flex}.section-emoji{font-size:.8em}.section-eyebrow{font-size:var(--font-size-sm);color:var(--story-teal);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm);font-weight:600;display:block}.section-description{font-size:var(--font-size-lg);color:var(--story-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.highlight-text{color:var(--story-teal);font-weight:600}.problem-section{background:var(--story-dark-1);padding:100px 0}.problems-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.problem-card{background:var(--story-dark-2);padding:var(--spacing-lg);border-radius:var(--border-radius);text-align:center;border:1px solid #00005005;transition:transform .3s,box-shadow .3s}.problem-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.problem-icon{margin-bottom:var(--spacing-sm);font-size:3rem}.problem-card h3{font-size:var(--font-size-lg);color:var(--story-text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.problem-card p{color:var(--story-text-secondary);line-height:1.6}.solution-section{background:var(--story-dark-2);padding:100px 0}.solution-content{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.benefits-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.benefit-item{align-items:center;gap:var(--spacing-sm);color:var(--story-text-secondary);display:flex}.benefit-icon{color:var(--story-teal);font-weight:600}.solution-demo{justify-content:center;display:flex}.demo-video{background:var(--story-dark-2);border-radius:var(--border-radius);justify-content:center;align-items:center;gap:var(--spacing-sm);cursor:pointer;border:1px solid #0000500d;flex-direction:column;width:400px;height:225px;transition:transform .3s;display:flex}.demo-video:hover{transform:scale(1.02)}.video-placeholder{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.play-button{background:var(--story-teal);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.play-button svg{width:24px;height:24px;margin-left:4px}.demo-label{color:var(--story-text-secondary);font-size:var(--font-size-sm);font-weight:500}.features-section{background:var(--story-dark-1);padding:100px 0}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.feature-card{background:var(--story-dark-2);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid #00005005;transition:transform .3s,box-shadow .3s}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{margin-bottom:var(--spacing-sm);font-size:3rem}.feature-title{font-size:var(--font-size-lg);color:var(--story-text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.feature-description{color:var(--story-text-secondary);line-height:1.6}.testimonials-section{background:var(--story-dark-2);padding:100px 0}.testimonials-container{max-width:800px;margin:0 auto}.testimonial-slider{border-radius:var(--border-radius);overflow:hidden}.testimonials-track{transition:transform .8s ease-in-out;display:flex}.testimonial-card{min-width:100%;padding:var(--spacing-xl);background:var(--story-dark-2);border:1px solid #00005005}.testimonial-text{font-size:var(--font-size-lg);color:var(--story-text-primary);margin-bottom:var(--spacing-lg);font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:var(--spacing-sm);display:flex}.author-avatar{background:var(--story-dark-3);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.author-info{flex-direction:column;display:flex}.author-name{color:var(--story-text-primary);font-weight:600}.author-title{color:var(--story-teal);font-size:var(--font-size-sm)}.author-company{color:var(--story-text-tertiary);font-size:var(--font-size-sm)}.testimonial-indicators{justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:flex}.indicator{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:12px;height:12px;transition:background-color .3s}.indicator.active{background:var(--story-teal)}.process-section{background:var(--story-dark-1);padding:100px 0}.process-steps{justify-content:center;align-items:center;gap:var(--spacing-lg);max-width:1000px;margin:0 auto;display:flex}.process-step{text-align:center;flex:1}.step-number{background:linear-gradient(135deg,var(--story-teal)0%,var(--story-teal-light)100%);width:80px;height:80px;font-size:var(--font-size-xl);color:#fff;margin:0 auto var(--spacing-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.step-content h3{font-size:var(--font-size-lg);color:var(--story-text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.step-content p{color:var(--story-text-secondary);line-height:1.6}.process-arrow{color:var(--story-teal);opacity:.6}.process-arrow svg{width:32px;height:32px}.final-cta-section{background:linear-gradient(135deg,var(--story-dark-3)0%,var(--story-dark-2)100%);text-align:center;padding:120px 0;position:relative}.final-cta-section:before{content:"";pointer-events:none;background:radial-gradient(#5c2efd1a 0%,#0000 70%);position:absolute;inset:0}.cta-content{z-index:2;position:relative}.cta-title{margin-bottom:var(--spacing-lg);color:var(--story-text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.cta-description{font-size:var(--font-size-lg);color:var(--story-text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.cta-features{justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg);display:flex}.cta-feature{color:var(--story-text-secondary);font-size:var(--font-size-sm);font-weight:500}.footer{background:var(--story-dark-2);padding:var(--spacing-xl)0 var(--spacing-lg)0;border-top:1px solid #0000500d}.footer-content{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;align-items:center;display:grid}.footer-brand{gap:var(--spacing-sm);flex-direction:column;display:flex}.footer-brand .brand-icon{width:180px;height:60px;color:var(--story-text-primary);justify-content:center;align-items:center;margin:0 auto;display:flex}.footer-brand .brand-icon svg{width:100%;height:100%}.footer-brand p{color:var(--story-text-secondary);line-height:1.6}.footer-tagline{text-align:right}.footer-tagline p{font-size:var(--font-size-lg);color:var(--story-text-secondary);font-style:italic}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid #0000500d}.footer-bottom p{color:var(--story-text-tertiary);font-size:var(--font-size-sm)}@media (max-width:768px){.hero-content-marketing{gap:var(--spacing-xl);text-align:center;grid-template-columns:1fr}.hero-stats{gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}.solution-content{gap:var(--spacing-xl);text-align:center;grid-template-columns:1fr}.process-steps{gap:var(--spacing-xl);flex-direction:column}.process-arrow{transform:rotate(90deg)}.footer-content{text-align:center;gap:var(--spacing-lg);grid-template-columns:1fr}.footer-tagline{text-align:center}.cta-features{gap:var(--spacing-sm);flex-direction:column}.features-grid,.problems-grid{grid-template-columns:1fr}.footer-brand .brand-icon{width:220px;height:75px;margin:0 auto var(--spacing-md)auto}}@media (max-width:480px){.container{padding:0 var(--spacing-sm)}.hero-marketing{padding:60px 0 80px}.hero-content-marketing{padding:0 var(--spacing-sm)}.dashboard-mockup{width:100%;max-width:350px}.footer-brand .brand-icon{width:250px;height:85px;margin:0 auto var(--spacing-md)auto}}.nav-modern{z-index:var(--z-sticky);width:100%;position:sticky;top:0}.nav-bar{padding:0 var(--space-8);height:var(--nav-height);background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.nav-brand{align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-base);display:flex}.nav-brand:hover{transform:translate(2px)}.nav-brand .brand-text{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.02em;text-shadow:0 0 30px var(--story-teal-glow);font-weight:700}.nav-brand .brand-dot{background:var(--story-teal);width:8px;height:8px;box-shadow:0 0 10px var(--story-teal-glow);border-radius:50%;animation:3s ease-in-out infinite pulse-glow}.nav-links{align-items:center;gap:var(--space-2);display:flex}.nav-link{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;font-weight:500;display:flex;position:relative}.nav-link:after{content:"";background:var(--story-teal);width:0;height:2px;transition:width var(--transition-base);border-radius:var(--radius-full);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover{color:var(--text-primary);background:var(--glass-bg)}.nav-link:hover:after{width:60%}.nav-link.active{color:var(--story-teal-light);background:#5c2efd1a}.nav-link.active:after{width:80%;box-shadow:0 0 10px var(--story-teal-glow)}.nav-icon{flex-shrink:0;width:18px;height:18px}.nav-user{align-items:center;gap:var(--space-4);display:flex}.nav-quota{align-items:baseline;gap:var(--space-1);padding:var(--space-2)var(--space-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);display:flex}.quota-count{color:var(--story-teal-light);font-weight:600}.quota-separator{color:var(--text-muted)}.quota-total{color:var(--text-tertiary)}.nav-user-btn{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);background:0 0;border:1px solid #0000;display:flex}.nav-user-btn:hover{background:var(--glass-bg);border-color:var(--glass-border)}.nav-user-btn.active{background:var(--glass-bg-strong);border-color:var(--story-teal)}.user-avatar{background:linear-gradient(135deg,var(--story-teal),var(--story-teal-dark));width:36px;height:36px;color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.chevron-icon{width:16px;height:16px;color:var(--text-tertiary);transition:transform var(--transition-base)}.nav-user-btn.active .chevron-icon{transform:rotate(180deg)}.nav-burger{border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:all var(--transition-base);background:0 0;flex-direction:column;justify-content:center;gap:5px;padding:8px;display:none}.nav-burger span{background:var(--text-primary);border-radius:var(--radius-full);width:100%;height:2px;transition:all var(--transition-base);transform-origin:50%}.nav-burger:hover{background:var(--glass-bg);border-color:var(--story-teal)}.nav-burger.active{border-color:var(--story-teal)}.nav-burger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-burger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-burger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav-dropdown{top:calc(var(--nav-height) + var(--space-2));right:var(--space-8);background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:280px;padding:var(--space-3);opacity:0;visibility:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-xl);position:absolute;transform:translateY(-10px)scale(.95)}.nav-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.dropdown-nav-mobile{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:none}.dropdown-link{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;font-weight:500;display:flex}.dropdown-link:hover{background:var(--glass-bg);color:var(--text-primary);transform:translate(4px)}.dropdown-link.active{color:var(--story-teal-light);background:#5c2efd26}.dropdown-icon{flex-shrink:0;width:18px;height:18px}.dropdown-divider{background:var(--glass-border);height:1px;margin:var(--space-2)0}.dropdown-user{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);display:flex}.dropdown-user-avatar{background:linear-gradient(135deg,var(--story-teal),var(--story-teal-dark));width:40px;height:40px;color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.dropdown-user-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.dropdown-user-email{font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.dropdown-user-badge{background:linear-gradient(135deg,var(--story-lime),var(--story-lime-dark));width:fit-content;color:var(--bg-deep);font-size:var(--text-xs);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;font-weight:700;display:inline-block}.dropdown-user-client{font-size:var(--text-xs);color:var(--text-tertiary)}.dropdown-logout{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);margin-top:var(--space-2);border-radius:var(--radius-md);color:var(--story-coral);font-family:var(--font-body);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;font-weight:500;display:flex}.dropdown-logout:hover{background:#ff6b6b1a;transform:translate(4px)}.nav-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-sticky) - 1);background:#00000080;position:fixed;inset:0}@media (max-width:1024px){.nav-link span{display:none}.nav-link{padding:var(--space-3)}}@media (max-width:768px){.nav-bar{padding:0 var(--space-4)}.nav-links,.nav-user{display:none}.nav-burger,.dropdown-nav-mobile{display:flex}.nav-dropdown{right:var(--space-4);left:var(--space-4);width:auto;max-width:none}.nav-brand .brand-text{font-size:var(--text-xl)}}@media (max-width:480px){.nav-bar{padding:0 var(--space-3);height:60px}.nav-brand .brand-text{font-size:var(--text-lg)}.nav-dropdown{right:var(--space-3);left:var(--space-3);top:calc(60px + var(--space-2))}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px var(--story-teal-glow)}50%{box-shadow:0 0 20px var(--story-teal-glow),0 0 30px var(--story-teal-glow)}}.project-creator-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.project-creator-modal{background:#1e232dfa;border:1px solid #0000500d;border-radius:20px;width:100%;max-width:480px;animation:.3s slideUp;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #00005005;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.close-btn{color:#fff9;cursor:pointer;background:#00005005;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:all .2s;display:flex}.close-btn:hover{color:#fff;background:#0000500d}.modal-form{padding:1.5rem}.form-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.9rem}.form-group{margin-bottom:1.25rem}.form-label{color:#ffffffb3;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.form-input,.form-textarea{color:#fff;background:#00005005;border:1px solid #0000500d;border-radius:10px;width:100%;padding:.875rem 1rem;font-size:.95rem;transition:all .2s}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.form-input:focus,.form-textarea:focus{background:#00005005;border-color:#1e6b6b80;outline:none}.form-textarea{resize:vertical;min-height:80px;line-height:1.5}.platform-options{gap:.75rem;display:flex}.platform-option{color:#fff9;cursor:pointer;background:#00005005;border:1px solid #0000500d;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:.4rem;padding:.875rem .5rem;font-size:.8rem;transition:all .2s;display:flex}.platform-option:hover{background:#00005005;border-color:#ffffff26}.platform-option.active{color:#fff;background:#1e6b6b33;border-color:#1e6b6b}.platform-option .platform-icon{font-size:1.25rem}.platform-option .platform-name{font-weight:500}.form-actions{border-top:1px solid #00005005;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.cancel-btn,.submit-btn{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.cancel-btn{color:#ffffffb3;background:#00005005;border:1px solid #0000500d}.cancel-btn:hover:not(:disabled){background:#0000500d}.submit-btn{color:#fff;background:linear-gradient(135deg,#1e6b6b 0%,#2d8f8f 100%);border:none}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #1e6b6b66}.submit-btn:disabled,.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@media (max-width:480px){.project-creator-modal{border-radius:16px}.modal-header,.modal-form{padding:1.25rem}.platform-options{flex-direction:column;gap:.5rem}.platform-option{flex-direction:row;justify-content:center;padding:.75rem}.form-actions{flex-direction:column-reverse}}.project-detail-page{--canvas-bg:#f2eee9;--canvas-surface:#fff;--canvas-elevated:#fff;--canvas-border:#bcc1de;--canvas-border-strong:#bcc1de;--text-primary:#000050;--text-secondary:#4f5b92;--text-tertiary:#606daf;--text-muted:#bcc1de;--color-excellent:#00c896;--color-good:#e8b84d;--color-average:#f97316;--color-critical:#ff4d4d;--accent-gold:#5c2efd;--accent-gold-light:#7b4fff;--font-display:"Instrument Serif",Georgia,serif;--font-body:"Jost",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--shadow-sm:0 2px 8px #00005014;--shadow-md:0 4px 16px #0000501a;--shadow-lg:0 8px 32px #0000501f;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);background:var(--canvas-bg);min-height:100vh;color:var(--text-primary);font-family:var(--font-body)}.page-header{padding:var(--space-sm)var(--space-lg);background:var(--canvas-surface,#fff);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--canvas-border);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.back-btn{border:1px solid var(--canvas-border);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.back-btn:hover{background:var(--canvas-elevated);border-color:var(--accent-gold);color:var(--accent-gold);transform:translate(-4px)}.back-icon{font-size:1rem;transition:transform .2s}.back-btn:hover .back-icon{transform:translate(-3px)}.project-content{max-width:900px;padding:var(--space-lg);z-index:1;margin:0 auto;position:relative}.project-hero{margin-bottom:var(--space-xl)}.hero-top{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.platform-badge{background:var(--canvas-surface);border:1px solid var(--canvas-border);font-family:var(--font-mono);color:var(--accent-gold);text-transform:uppercase;letter-spacing:.08em;border-radius:6px;align-items:center;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.hero-menu{position:relative}.menu-trigger{border:1px solid var(--canvas-border);color:var(--text-tertiary);letter-spacing:2px;cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:8px;padding:8px 12px;font-size:16px}.menu-trigger:hover{background:var(--canvas-surface);color:var(--text-primary);border-color:var(--canvas-border-strong)}.menu-dropdown{background:var(--canvas-elevated);border:1px solid var(--canvas-border);min-width:160px;box-shadow:var(--shadow-lg);z-index:50;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu-option{width:100%;color:var(--text-primary);font-family:var(--font-body);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:10px 14px;font-size:14px;display:block}.menu-option:hover{background:var(--canvas-surface)}.menu-option.danger{color:var(--color-critical)}.menu-option.danger:hover{background:#ff4d4d1a}.project-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 var(--space-sm)0;letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.2}.project-description{color:var(--text-secondary);margin:0 0 var(--space-lg)0;max-width:600px;font-size:1rem;line-height:1.6}.project-stats{align-items:center;gap:var(--space-lg);padding:var(--space-md)var(--space-lg);background:var(--canvas-surface);border:1px solid var(--canvas-border);margin-bottom:var(--space-md);border-radius:12px;display:flex}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:2.5rem;font-weight:600;line-height:1}.stat-value.score{text-shadow:0 0 30px}.stat-label{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:500}.project-actions{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.action-btn{border:1px solid var(--canvas-border);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.action-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#e8b84d1a;transform:translateY(-2px)}.action-icon{font-size:1.1rem;font-weight:300}.project-timeline{padding-top:var(--space-lg);border-top:1px solid var(--canvas-border)}.section-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.section-label{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.section-line{background:linear-gradient(90deg,var(--canvas-border)0%,transparent 100%);flex:1;height:1px}.timeline-empty{text-align:center;padding:var(--space-xl)var(--space-lg)}.empty-number{font-family:var(--font-mono);color:var(--accent-gold);opacity:.1;margin-bottom:var(--space-sm);font-size:5rem;font-weight:300;display:block}.empty-title{font-family:var(--font-body);color:var(--text-secondary);margin:0 0 var(--space-xs)0;font-size:1.1rem}.empty-hint{color:var(--text-tertiary);margin:0;font-size:.9rem}.timeline-list{gap:var(--space-lg);flex-direction:column;display:flex}.timeline-group{gap:var(--space-sm);flex-direction:column;display:flex}.group-date{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.group-items{gap:var(--space-xs);flex-direction:column;display:flex}.timeline-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--canvas-surface);border:1px solid var(--canvas-border);cursor:pointer;transition:all var(--transition-base);border-radius:12px;display:flex}.timeline-item:hover{background:var(--canvas-elevated);border-color:var(--accent-gold);box-shadow:var(--shadow-sm);transform:translate(4px)}.item-indicator{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.timeline-item.script .item-indicator{background:#3b82f626;border:1px solid #3b82f64d}.timeline-item.video .item-indicator{background:#00c89626;border:1px solid #00c8964d}.indicator-letter{font-family:var(--font-mono);font-size:13px;font-weight:700}.timeline-item.script .indicator-letter{color:#3b82f6}.timeline-item.video .indicator-letter{color:#00c896}.item-content{flex:1;min-width:0}.item-meta{align-items:center;gap:var(--space-sm);margin-bottom:4px;display:flex}.item-time{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.item-type{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.item-title{font-family:var(--font-body);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:1rem;font-weight:500;line-height:1.3;overflow:hidden}.item-footer{align-items:center;gap:var(--space-sm);display:flex}.item-detail{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.item-score{font-family:var(--font-mono);font-size:13px;font-weight:600}.item-thumbnail{border:1px solid var(--canvas-border);border-radius:6px;flex-shrink:0;width:80px;height:45px;overflow:hidden}.item-thumbnail img{object-fit:cover;width:100%;height:100%}.project-detail-page.loading{justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;min-height:100vh;display:flex}.project-detail-page.error{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;min-height:100vh;padding:var(--space-lg);flex-direction:column;display:flex}.project-detail-page.error .error-icon{color:var(--accent-gold);opacity:.8;font-size:3rem}.project-detail-page.error p{color:var(--text-secondary);max-width:400px;margin:0;font-size:1rem;line-height:1.6}.project-detail-page.error button{background:var(--accent-gold);color:var(--canvas-bg);font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .25s}.project-detail-page.error button:hover{background:var(--accent-gold-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.page-header{padding:var(--space-sm)}.project-content{padding:var(--space-md)}.project-title{font-size:1.75rem}.project-stats{gap:var(--space-md);padding:var(--space-md);flex-wrap:wrap}.stat-divider{display:none}.stat-item{min-width:calc(33% - var(--space-md))}.stat-value{font-size:2rem}.project-actions{flex-direction:column}.action-btn{justify-content:center}.timeline-item{flex-wrap:wrap}.item-thumbnail{display:none}}.project-detail-page{min-height:100vh;padding-top:1rem}.project-detail-page.error{color:#fff9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.project-detail-page.error button{border:1px solid var(--canvas-border,#e1e4ed);color:#fff;cursor:pointer;background:#0000500d;border-radius:8px;padding:.5rem 1rem}.project-list{width:100%;max-width:1200px;padding:var(--space-8,2rem);margin:0 auto}.projects-header{margin-bottom:var(--space-10,2.5rem);justify-content:space-between;align-items:flex-start;gap:var(--space-6,1.5rem);display:flex}.header-title-block{align-items:flex-start;gap:var(--space-4,1rem);display:flex}.header-chapter{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--color-gold,#5c2efd);opacity:.15;margin-top:.5rem;font-size:clamp(3rem,8vw,5rem);font-weight:300;line-height:.8}.header-titles{flex-direction:column;display:flex}.page-title{font-family:"Instrument Serif",var(--font-display,"Clash Display"),serif;color:var(--text-primary,#000050);letter-spacing:-.02em;margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:.95}.page-title.accent{color:var(--color-gold,#5c2efd);font-style:italic}.new-project-btn{align-items:center;gap:var(--space-3,.75rem);padding:var(--space-4,1rem)var(--space-6,1.5rem);color:var(--color-gold,#5c2efd);font-family:var(--font-body,"Satoshi",sans-serif);font-size:var(--text-sm,.875rem);cursor:pointer;background:0 0;border:1px dashed #e8b84d66;border-radius:8px;font-weight:500;transition:all .3s;display:flex}.new-project-btn:hover{background:#e8b84d1a;border-style:solid;transform:translateY(-2px)}.btn-plus{font-size:1.25rem;font-weight:300}.btn-text{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.projects-controls{align-items:center;gap:var(--space-6,1.5rem);margin-bottom:var(--space-8,2rem);padding:var(--space-4,1rem);background:#ffffffb3;border:1px solid #5c2efd1a;border-radius:12px;display:flex}.search-field{align-items:center;gap:var(--space-3,.75rem);padding:0 var(--space-5,1.25rem);border-radius:12px;flex:1;max-width:400px;display:flex;background:#f5f3ff!important;border:2px solid #5c2efd!important}.search-field:focus-within{box-shadow:0 0 0 4px #5c2efd1a}.search-prefix{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--color-gold,#5c2efd);letter-spacing:.1em;flex-shrink:0;font-size:10px;font-weight:600}.projects-controls .search-input{padding:var(--space-3,.75rem)0;color:var(--text-primary,#000050);font-family:var(--font-body,"Satoshi",sans-serif);font-size:var(--text-sm,.875rem);background:0 0;border:none;flex:1}.projects-controls .search-input::placeholder{color:var(--text-tertiary,#606daf)}.projects-controls .search-input:focus{outline:none}.status-tabs{align-items:center;gap:var(--space-3,.75rem);margin-left:auto;display:flex}.tabs-label{font-family:var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:600;color:var(--text-primary,#000050)!important}.tabs-group{background:#fff;border:1px solid #5c2efd1f;border-radius:10px;gap:4px;padding:4px;display:flex;box-shadow:0 2px 8px #0000500a}.tab-btn{padding:var(--space-2,.5rem)var(--space-4,1rem);font-family:var(--font-body,"Satoshi",sans-serif);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:13px;font-weight:500;transition:all .2s;color:#000050!important}.tab-btn.active{box-shadow:0 2px 8px #5c2efd4d;color:#fff!important;background:#5c2efd!important}.project-list-loading{padding:var(--space-16,4rem);color:var(--text-secondary,#4f5b92);justify-content:center;align-items:center;gap:var(--space-4,1rem);flex-direction:column;display:flex}.project-list-error{padding:var(--space-12,3rem);justify-content:center;align-items:center;gap:var(--space-4,1rem);color:var(--text-primary,#000050);background:#ff4d4d14;border:1px solid #ff4d4d33;border-radius:12px;flex-direction:column;display:flex}.error-icon{color:#ff4d4d;font-size:2rem}.retry-btn{padding:var(--space-2,.5rem)var(--space-4,1rem);border:1px solid var(--canvas-border,#e1e4ed);color:var(--text-primary,#000050);cursor:pointer;background:0 0;border-radius:6px;font-size:13px;transition:all .2s}.retry-btn:hover{border-color:var(--color-gold,#5c2efd);background:#00005005}.project-list-empty{padding:var(--space-16,4rem);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-visual{margin-bottom:var(--space-6,1.5rem)}.empty-chapter{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--color-gold,#5c2efd);opacity:.1;font-size:6rem;font-weight:300}.project-list-empty h3{font-family:"Instrument Serif",var(--font-display),serif;color:var(--text-primary,#000050);margin:0 0 var(--space-2,.5rem)0;font-size:1.5rem;font-weight:400}.project-list-empty p{font-size:var(--text-base,1rem);color:var(--text-secondary,#4f5b92);margin:0 0 var(--space-6,1.5rem)0;max-width:400px}.empty-create-btn{padding:var(--space-3,.75rem)var(--space-6,1.5rem);border:1px solid var(--color-gold,#5c2efd);color:var(--color-gold,#5c2efd);font-family:var(--font-body,"Satoshi",sans-serif);cursor:pointer;background:0 0;border-radius:8px;font-size:13px;font-weight:500;transition:all .3s}.empty-create-btn:hover{background:#e8b84d1a;transform:translateY(-2px)}.project-grid{gap:var(--space-6,1.5rem);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.project-card{padding:var(--space-5,1.25rem);cursor:pointer;background:#fff;border:1px solid #5c2efd1f;border-radius:12px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.project-card:hover{border-color:#5c2efd4d;transform:translateY(-4px);box-shadow:0 12px 32px #5c2efd1f}.project-card.archived{opacity:.5}.card-chapter{top:var(--space-4,1rem);right:var(--space-4,1rem);font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--color-gold,#5c2efd);opacity:.08;pointer-events:none;font-size:3rem;font-weight:300;line-height:1;position:absolute}.project-card:hover .card-chapter{opacity:.15}.card-header{margin-bottom:var(--space-4,1rem);justify-content:space-between;align-items:center;display:flex}.card-platform{opacity:.6;font-size:1rem}.card-archived{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-secondary,#4f5b92);letter-spacing:.1em;text-transform:uppercase;background:#5c2efd14;border-radius:4px;padding:4px 8px;font-size:9px;font-weight:600}.card-body{margin-bottom:var(--space-5,1.25rem)}.card-title{font-family:var(--font-body,"Satoshi",sans-serif);color:var(--text-primary,#000050);margin:0 0 var(--space-2,.5rem)0;font-size:1.125rem;font-weight:600;line-height:1.3}.card-description{color:var(--text-secondary,#4f5b92);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-stats{align-items:center;gap:var(--space-4,1rem);padding:var(--space-4,1rem)0;border-top:1px solid #5c2efd1a;border-bottom:1px solid #5c2efd1a;display:flex}.stat-block{flex-direction:column;gap:2px;display:flex}.stat-number{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-primary,#000050);font-size:1.25rem;font-weight:600;line-height:1}.stat-text{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-secondary,#4f5b92);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:600}.stat-divider{background:#0000500d;width:1px;height:24px}.stat-block.score .stat-number{text-shadow:0 0 20px}.card-footer{padding-top:var(--space-3,.75rem)}.card-date{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-tertiary,#606daf);font-size:11px}@media (max-width:768px){.project-list{padding:var(--space-4,1rem)}.projects-header{align-items:flex-start;gap:var(--space-4,1rem);flex-direction:column}.header-chapter{font-size:3rem}.page-title{font-size:2rem}.new-project-btn{justify-content:center;width:100%}.projects-controls{align-items:stretch;gap:var(--space-4,1rem);padding:var(--space-3,.75rem);flex-direction:column}.search-field{max-width:none}.status-tabs{flex-direction:column;align-items:flex-start;margin-left:0}.tabs-group{width:100%}.tab-btn{padding:var(--space-2,.5rem);flex:1;justify-content:center;font-size:12px}.project-grid{grid-template-columns:1fr}.card-chapter{font-size:2rem}}.project-list-page{min-height:100vh;padding-top:1rem}.prompt-editor-overlay{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#00005008;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out promptFadeIn;display:flex;position:fixed;inset:0}@keyframes promptFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.prompt-editor{background:var(--canvas-bg,#f2eee9);border-radius:var(--radius-xl,20px);border:1px solid #5c2efd33;width:100%;max-width:1200px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) promptSlideIn;overflow-y:auto;box-shadow:0 25px 60px #0000501a,0 0 40px #5c2efd0d}@keyframes promptSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.prompt-editor-header{border-radius:var(--radius-xl,20px)var(--radius-xl,20px)0 0;background:linear-gradient(135deg,#5c2efd0d 0%,#0000 100%);border-bottom:1px solid #5c2efd26;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:relative}.prompt-editor-header:before{content:"05 // PROMPT_CONFIGURATION";font-family:var(--font-mono,"JetBrains Mono",monospace);color:#5c2efd66;letter-spacing:.1em;text-transform:uppercase;font-size:9px;position:absolute;top:8px;right:2rem}.prompt-editor-header h2{font-family:"Clash Display","Syne",var(--font-display),sans-serif;color:var(--text-primary,#000050);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.beta-badge{background:linear-gradient(135deg,var(--accent-primary,#5c2efd),#7b4fff);color:#fff;border-radius:var(--radius-sm,6px);font-family:var(--font-mono,"JetBrains Mono",monospace);text-transform:uppercase;letter-spacing:.08em;padding:.25rem .625rem;font-size:10px;font-weight:700}.close-button{width:36px;height:36px;color:var(--text-secondary,#4f5b92);cursor:pointer;background:#5c2efd1a;border:1px solid #5c2efd4d;border-radius:10px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.close-button svg{width:18px;height:18px}.prompt-editor-content{padding:2rem}.prompt-status{border-radius:var(--radius-md,12px);border:1px solid #5c2efd26;border-left:3px solid var(--accent-primary,#5c2efd);background:#fff;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.status-info{align-items:center;gap:1rem;display:flex}.status-indicator{border-radius:var(--radius-sm,6px);font-family:var(--font-mono,"JetBrains Mono",monospace);text-transform:uppercase;letter-spacing:.05em;padding:.375rem .75rem;font-size:11px;font-weight:600}.status-indicator.custom{background:linear-gradient(135deg,var(--accent-primary,#5c2efd),#7b4fff);color:#fff;box-shadow:0 2px 10px #5c2efd4d}.status-indicator.default{color:var(--text-secondary,#4f5b92);background:#0000500d;border:1px solid #0000501a}.prompt-length{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-secondary,#4f5b92);font-size:12px}.unsaved-changes{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--semantic-warning,#fda63f);font-size:12px;font-weight:600;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.prompt-textarea-container{margin-bottom:1.5rem;position:relative}.prompt-textarea-container label{color:var(--text-primary,#000050);font-family:var(--font-body,"Satoshi",sans-serif);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:600;display:flex}.prompt-textarea-container label:before{content:">";font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--story-teal,#1e6b6b);font-weight:700}.prompt-textarea{border-radius:var(--radius-lg,16px);width:100%;min-height:400px;color:var(--text-primary,#000050);font-family:var(--font-mono,"JetBrains Mono","Consolas",monospace);resize:vertical;background:#fff;border:1px solid #5c2efd40;padding:1.25rem;font-size:13px;line-height:1.7;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:inset 0 2px 8px #0000500d}.prompt-textarea:focus{border-color:var(--accent-primary,#5c2efd);background:#fff;outline:none;box-shadow:inset 0 2px 8px #0000500d,0 0 0 3px #5c2efd26,0 0 30px #5c2efd1a}.prompt-textarea::placeholder{color:var(--text-tertiary,#606daf);font-style:italic}.char-counter{font-family:var(--font-mono,"JetBrains Mono",monospace);color:#5c2efd80;pointer-events:none;font-size:11px;position:absolute;bottom:.75rem;right:1rem}.prompt-editor-actions{flex-direction:column;gap:20px;display:flex}.btn-primary,.btn-secondary,.btn-warning{cursor:pointer;white-space:nowrap;float:none;border:none;border-radius:8px;min-width:120px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--accent-primary,#5c2efd),#7b4fff);color:#fff}.btn-primary:disabled{cursor:not-allowed;opacity:.6;background:#5c2efd4d}.btn-secondary{color:var(--text-primary,#000050);background:#5c2efd1a;border:1px solid #5c2efd33}.btn-secondary:hover:not(:disabled){background:#5c2efd26}.btn-warning{color:#fff;background:#ff6b35}.btn-warning:hover:not(:disabled){background:#ff5722}.help-text{background:#fff;border:1px solid #5c2efd26;border-radius:8px;padding:16px}.help-text p{color:var(--text-secondary,#4f5b92);margin:0 0 8px;font-size:14px;line-height:1.5}.help-text p:last-child{margin-bottom:0}.help-text strong{color:var(--text-primary,#000050)}.help-text code{color:var(--accent-primary,#5c2efd);background:#5c2efd1a;border-radius:4px;padding:2px 6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px}.loading-container{color:var(--text-primary,#000050);flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex}.loading-spinner{border:3px solid #5c2efd33;border-top:3px solid var(--accent-primary,#5c2efd);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.alert{border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.alert svg{flex-shrink:0;width:20px;height:20px}.alert-error{color:var(--text-primary,#000050);background:#ef44441a;border:1px solid #ef44444d}.alert-success{color:#34d399;background:#10b9811a;border:1px solid #10b9814d}.alert-warning{color:var(--text-primary,#000050);background:#f59e0b1a;border:1px solid #f59e0b4d}.storage-notice{margin-bottom:20px}.storage-notice .alert{margin-bottom:0}.storage-notice .alert div{flex:1}.storage-notice .alert p{margin:4px 0;font-weight:400}.prompt-textarea:disabled{color:var(--text-tertiary,#606daf);cursor:not-allowed;opacity:.7;background:#00005008;border-color:#5c2efd1a}.prompt-textarea:disabled::placeholder{color:var(--text-muted,#4f5b92)}.model-selection{border-radius:var(--radius-lg,16px);background:#fff;border:1px solid #5c2efd26;margin-bottom:1.5rem;padding:1.5rem;position:relative}.model-selection:before{content:"AI_MODEL";background:var(--canvas-bg,#f2eee9);font-family:var(--font-mono,"JetBrains Mono",monospace);color:#5c2efd80;letter-spacing:.1em;text-transform:uppercase;padding:0 .5rem;font-size:9px;position:absolute;top:-8px;left:1rem}.model-selection label{color:var(--text-primary,#000050);font-family:var(--font-body,"Satoshi",sans-serif);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.model-options{gap:1rem;margin-bottom:1rem;display:flex}.model-option{border-radius:var(--radius-md,12px);cursor:pointer;color:var(--text-primary,#000050);text-align:left;background:#5c2efd14;border:1px solid #5c2efd26;flex:1;align-items:center;gap:1rem;min-width:0;padding:1.25rem;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.model-option:before{content:"";background:linear-gradient(90deg,#0000,#5c2efd1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.model-option:hover:before{left:100%}.model-option:hover{background:#5c2efd1f;border-color:#5c2efd66;transform:translateY(-2px)}.model-option.active{border-color:var(--accent-primary,#5c2efd);background:linear-gradient(135deg,#5c2efd26,#5c2efd14);box-shadow:0 4px 20px #5c2efd33}.model-option.active:after{content:"✓";background:var(--accent-success,#00f5be);width:20px;height:20px;color:var(--text-primary,#000050);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:.75rem;right:.75rem}.model-option:disabled{opacity:.5;cursor:not-allowed;transform:none}.model-icon{filter:grayscale(20%);flex-shrink:0;font-size:1.75rem;transition:filter .3s}.model-option.active .model-icon{filter:grayscale(0%)}.model-info{flex-direction:column;gap:.25rem;display:flex}.model-name{font-family:var(--font-body,"Satoshi",sans-serif);color:var(--text-primary,#000050);font-size:1rem;font-weight:700}.model-description{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-secondary,#4f5b92);letter-spacing:.02em;font-size:10px;line-height:1.3}.prompt-editor-page{background:var(--canvas-bg,#f2eee9);max-width:1200px;min-height:100vh;margin:0 auto;padding:24px}.prompt-editor-page .prompt-editor-header{background:0 0;border:none;margin-bottom:24px;padding:0 0 24px}.prompt-editor-page .prompt-editor-header h1{color:var(--text-primary,#000050);margin-bottom:8px;font-size:32px}.prompt-editor-page .prompt-editor-header p{color:var(--text-secondary,#4f5b92);margin:0 0 16px;font-size:16px}.prompt-editor-page .prompt-editor-content{padding:0}.prompt-editor-page .loading-container{padding:120px 60px}@media (max-width:768px){.prompt-editor-overlay{padding:10px}.prompt-editor{max-height:95vh}.prompt-editor-header,.prompt-editor-content{padding:16px}.prompt-editor .action-buttons{flex-wrap:wrap;justify-content:center;gap:8px}.btn-primary,.btn-secondary,.btn-warning{flex:0 auto;min-width:100px}.status-info{flex-direction:column;align-items:flex-start;gap:8px}.model-options{flex-direction:column}.model-option{min-height:60px}.prompt-editor-page{padding:16px}.prompt-editor-page .prompt-editor-header h1{font-size:24px}.prompt-editor-page .prompt-editor-header p{font-size:14px}}.prompt-editor::-webkit-scrollbar{width:8px}.prompt-editor::-webkit-scrollbar-track{background:#5c2efd0d;border-radius:4px}.prompt-editor::-webkit-scrollbar-thumb{background:var(--accent-primary,#5c2efd);border-radius:4px}.prompt-editor::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-light,#7b4fff)}.prompt-editor .action-buttons{flex-flow:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.prompt-editor .action-buttons>button{float:none;vertical-align:top;display:inline-block}.platform-selection{border-bottom:1px solid #5c2efd26;margin-bottom:1.5rem;padding-bottom:1.5rem;position:relative}.platform-selection label{color:var(--text-primary,#000050);font-family:var(--font-body,"Satoshi",sans-serif);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.platform-tabs{border-radius:var(--radius-md,12px);background:#5c2efd14;border:1px solid #5c2efd26;gap:.25rem;padding:.25rem;display:inline-flex}.platform-tab{border-radius:var(--radius-sm,8px);color:var(--text-secondary,#4f5b92);cursor:pointer;font-family:var(--font-body,"Satoshi",sans-serif);background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.platform-tab:hover:not(:disabled){color:var(--text-primary,#000050);background:#5c2efd1a}.platform-tab.active{background:var(--accent-primary,#5c2efd);color:#fff;box-shadow:0 4px 15px #5c2efd59}.platform-tab:disabled{opacity:.7;cursor:not-allowed}.platform-icon{flex-shrink:0;font-size:1.125rem;transition:transform .3s}.platform-tab.active .platform-icon{transform:scale(1.1)}.platform-name{font-weight:600}.script-analysis-result{--canvas-bg:#f2eee9;--canvas-surface:#fff;--canvas-elevated:#f8f9fb;--canvas-paper:#2a2622;--canvas-border:#e1e4ed;--canvas-border-strong:#bcc1de;--text-primary:#000050;--text-secondary:#4f5b92;--text-tertiary:#606daf;--text-muted:#5c564d;--accent-gold:#5c2efd;--accent-gold-light:#7b4fff;--accent-gold-dark:#4a25d4;--accent-gold-glow:#5c2efd40;--score-3:#22c55e;--score-3-bg:#22c55e1f;--score-3-border:#22c55e66;--score-2:#eab308;--score-2-bg:#eab3081f;--score-2-border:#eab30866;--score-1:#f97316;--score-1-bg:#f973161f;--score-1-border:#f9731666;--score-0:#ef4444;--score-0-bg:#ef44441f;--score-0-border:#ef444466;--score-excellent:#22c55e;--score-good:#eab308;--score-average:#f97316;--score-poor:#ef4444;--font-display:"Instrument Serif","Playfair Display",Georgia,serif;--font-body:"Satoshi","DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 30px #e8b84d26;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;width:100%;max-width:1000px;font-family:var(--font-body);color:var(--text-primary);margin:0 auto}.script-analysis-result .video-detail-header{gap:var(--space-lg);padding:var(--space-lg);border:1px solid var(--canvas-border);box-shadow:var(--shadow-lg);margin-bottom:var(--space-lg);background:linear-gradient(165deg,#252220cc,#141210f2);border-radius:20px;grid-template-columns:1fr 1.2fr;display:grid;position:relative;overflow:hidden}.script-analysis-result .video-detail-header:before{content:"📝";top:-10px;right:var(--space-lg);opacity:.15;pointer-events:none;font-size:5rem;line-height:1;position:absolute}.script-analysis-result .video-detail-thumbnail{aspect-ratio:4/3;background:var(--canvas-bg);box-shadow:var(--shadow-md);border-radius:14px;flex-shrink:0;position:relative;overflow:hidden}.script-analysis-result .video-detail-thumbnail.script-thumbnail{aspect-ratio:4/3}.script-pattern-background{background:linear-gradient(135deg,#e8b84d1f 0%,#e8b84d08 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.script-lines{opacity:.25;flex-direction:column;gap:10px;display:flex;position:absolute;top:20%;left:15%;right:15%}.script-line{background:var(--accent-primary);border-radius:2px;height:4px}.script-line:first-child{width:90%}.script-line:nth-child(2){width:75%}.script-line:nth-child(3){width:85%}.script-line:nth-child(4){width:60%}.script-line:nth-child(5){width:80%}.script-icon-large{opacity:.5;z-index:1;font-size:4rem}.detail-score-overlay{z-index:5;position:absolute;bottom:16px;right:16px}.detail-score-circle{width:80px;height:80px;box-shadow:var(--shadow-lg),0 0 30px #0009;border:3px solid #ffffff26;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.detail-score-circle:before{content:"";background:var(--canvas-bg);border-radius:50%;position:absolute;inset:4px}.detail-score-number{z-index:1;font-size:1.75rem;font-weight:400;font-family:var(--font-display);color:var(--text-primary);line-height:1;position:relative}.detail-score-max{z-index:1;font-size:.7rem;font-family:var(--font-mono);color:var(--text-tertiary);margin-top:2px;position:relative}.script-analysis-result .video-detail-info{justify-content:center;gap:var(--space-md);flex-direction:column;flex:1;min-width:0;display:flex}.result-meta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.result-type-badge{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.06em;background:#e8b84d26;border:1px solid #e8b84d4d;border-radius:24px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-icon{font-size:.9rem}.result-platform{color:var(--text-tertiary);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.script-analysis-result .video-detail-title{font-size:1.75rem;font-weight:400;font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin:0;line-height:1.3}.script-analysis-result .video-detail-meta{gap:var(--space-sm);flex-wrap:wrap;display:flex}.script-analysis-result .meta-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.9rem;display:flex}.script-analysis-result .meta-item svg{opacity:.7;width:16px;height:16px}.script-analysis-result .video-detail-description-container{background:var(--canvas-elevated);border:1px solid var(--canvas-border);padding:var(--space-sm);margin-top:var(--space-xs);border-radius:12px}.script-analysis-result .video-detail-description{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.7}.description-toggle-btn{color:var(--accent-primary);cursor:pointer;padding:var(--space-xs)0 0;background:0 0;border:none;font-size:.85rem;font-weight:500;transition:color .2s}.description-toggle-btn:hover{color:var(--accent-primary-light)}.analysis-summary{padding:var(--space-md);background:var(--canvas-surface);border:1px solid var(--canvas-border);margin-top:0;margin-bottom:var(--space-lg);border-radius:16px}.format-highlight{gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--canvas-border);align-items:flex-start;display:flex}.format-icon-badge{font-size:2.25rem;line-height:1}.format-details-text h4{font-size:1rem;font-weight:600;font-family:var(--font-body);color:var(--text-primary);margin:0 0 .4rem}.format-details-text p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.score-breakdown-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.score-breakdown-grid>div{padding:var(--space-sm);background:var(--canvas-elevated);border:1px solid var(--canvas-border);border-radius:10px;flex-direction:column;gap:4px;display:flex}.breakdown-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.breakdown-value{font-size:1rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.audit-section{border-top:1px solid var(--canvas-border);padding-top:var(--space-lg)}.audit-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.audit-header h3{font-size:1.3rem;font-weight:400;font-family:var(--font-display);color:var(--text-primary);margin:0}.overall-score-badge{font-size:.9rem;font-weight:600;font-family:var(--font-mono);color:var(--canvas-bg);border-radius:24px;padding:.5rem 1.25rem}.phase-overview{margin-bottom:var(--space-lg)}.phase-cards{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.phase-card{background:var(--canvas-surface);border:1px solid var(--canvas-border);padding:var(--space-md);border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.phase-card:hover{border-color:var(--canvas-border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.phase-card .phase-header{gap:var(--space-sm);align-items:flex-start;display:flex}.bonus-malus-chip{font-size:.8rem;font-weight:700;font-family:var(--font-mono);white-space:nowrap;border-radius:8px;padding:.35rem .75rem}.bonus-malus-large{padding:.5rem 1rem;font-size:.9rem}.phase-point-badge{background:var(--canvas-elevated);border:2px solid;border-radius:10px;align-items:center;padding:.5rem 1rem;display:flex}.phase-point-value{font-size:.95rem;font-weight:700;font-family:var(--font-mono)}.phase-card .phase-info{flex:1}.phase-card .phase-name{color:var(--text-primary);margin:0 0 4px;font-size:1.1rem;font-weight:600}.phase-card .phase-description{color:var(--text-tertiary);margin:0 0 var(--space-xs)0;font-size:.85rem}.phase-card .phase-label{font-size:.85rem;font-weight:600}.phase-indicators{gap:var(--space-lg);flex-direction:column;display:flex}.phase-section{background:var(--canvas-surface);border:1px solid var(--canvas-border);padding:var(--space-md);border-radius:16px}.phase-section-header{margin-bottom:var(--space-md);flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.phase-emoji{font-size:1.5rem}.phase-section-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.phase-section-description{color:var(--text-tertiary);margin:0;font-size:.85rem}.indicators-grid{gap:var(--space-sm);grid-template-columns:1fr;display:grid}.indicator-card{background:var(--canvas-elevated);border:1px solid var(--canvas-border);padding:var(--space-md);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.indicator-card:hover{border-color:var(--canvas-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.indicator-card .indicator-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:0;display:flex}.indicator-card .indicator-info{flex:1;min-width:0}.indicator-card .indicator-name{color:var(--text-primary);margin:0 0 6px;font-size:.95rem;font-weight:600}.indicator-label-chip{text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:6px;padding:.25rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.indicator-card .indicator-score{flex-shrink:0}.indicator-points-info{align-items:baseline;gap:4px;display:flex}.indicator-point-badge{font-size:.85rem;font-weight:700;font-family:var(--font-mono);background:var(--canvas-bg);border:2px solid;border-radius:8px;padding:.35rem .75rem}.indicator-max{color:var(--text-tertiary);font-size:.75rem}.indicator-card .indicator-explanation{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--canvas-border)}.explanation-header{color:var(--text-tertiary);align-items:center;gap:6px;margin-bottom:6px;font-size:.8rem;font-weight:600;display:flex}.explanation-header svg{width:14px;height:14px}.explanation-text{color:var(--text-secondary);margin:0;font-size:.95rem;font-weight:400;line-height:1.65}.recommendations-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--canvas-border)}.recommendations-section>h4{font-size:1.2rem;font-weight:400;font-family:var(--font-display);color:var(--text-primary);margin:0 0 var(--space-md)0}.recommendations-grid{gap:var(--space-sm);flex-direction:column;display:flex}.recommendations-grid-row{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.recommendation-card{background:var(--canvas-surface);border:1px solid var(--canvas-border);padding:var(--space-md);border-radius:14px;transition:all .25s}.recommendation-card:hover{border-color:var(--canvas-border-strong);box-shadow:var(--shadow-sm)}.recommendation-card-wide{grid-column:1/-1}.recommendation-card:has(h5 .recommendation-icon:first-child){border-left:4px solid var(--score-excellent)}.recommendation-card h5{color:var(--text-primary);margin:0 0 var(--space-sm)0;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.recommendation-icon{font-size:1.1rem}.recommendation-card ul,.recommendation-card ol{margin:0;padding-left:1.25rem}.recommendation-card li{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;line-height:1.65}.recommendation-card li:last-child{margin-bottom:0}.impact-badge{white-space:nowrap;border-radius:12px;align-items:center;margin-right:8px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.result-actions{gap:var(--space-sm);padding-top:var(--space-lg);margin-top:var(--space-lg);border-top:1px solid var(--canvas-border);flex-wrap:wrap;display:flex}.action-btn{font-size:.95rem;font-weight:500;font-family:var(--font-body);cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.action-btn.secondary{background:var(--canvas-elevated);border:1px solid var(--canvas-border);color:var(--text-secondary)}.action-btn.secondary:hover{background:var(--canvas-paper);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.action-btn.primary{background:var(--accent-primary);color:var(--canvas-bg);box-shadow:var(--shadow-md),var(--shadow-glow);border:none;font-weight:600}.action-btn.primary:hover{background:var(--accent-primary-light);box-shadow:var(--shadow-lg),0 0 40px #e8b84d40;transform:translateY(-2px)}.btn-icon{font-size:1.1rem}@media (max-width:768px){.script-analysis-result .video-detail-header{gap:var(--space-md);padding:var(--space-md);grid-template-columns:1fr}.script-analysis-result .video-detail-thumbnail{width:100%;max-width:320px;margin:0 auto}.script-analysis-result .video-detail-title{font-size:1.4rem}.score-breakdown-grid{grid-template-columns:1fr;gap:.75rem}.phase-cards,.indicators-grid,.recommendations-grid-row{grid-template-columns:1fr}.result-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}}@media (max-width:480px){.script-analysis-result .video-detail-header{padding:var(--space-sm);border-radius:16px}.script-analysis-result .video-detail-header:before{top:-5px;right:var(--space-sm);font-size:3rem}.analysis-summary,.phase-section,.indicator-card,.recommendation-card{padding:var(--space-sm)}.detail-score-circle{width:65px;height:65px}.detail-score-number{font-size:1.4rem}}.indicator-card.score-3{border-left:4px solid var(--score-3);background:linear-gradient(135deg,var(--score-3-bg),var(--canvas-elevated)40%)}.indicator-card.score-2{border-left:4px solid var(--score-2);background:linear-gradient(135deg,var(--score-2-bg),var(--canvas-elevated)40%)}.indicator-card.score-1{border-left:4px solid var(--score-1);background:linear-gradient(135deg,var(--score-1-bg),var(--canvas-elevated)40%)}.indicator-card.score-0{border-left:4px solid var(--score-0);background:linear-gradient(135deg,var(--score-0-bg),var(--canvas-elevated)40%)}.indicator-score-badge{font-weight:700;font-family:var(--font-mono);border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.9rem;display:flex}.indicator-score-badge.score-3{color:var(--score-3);background:var(--score-3-bg);border:1px solid var(--score-3-border)}.indicator-score-badge.score-2{color:var(--score-2);background:var(--score-2-bg);border:1px solid var(--score-2-border)}.indicator-score-badge.score-1{color:var(--score-1);background:var(--score-1-bg);border:1px solid var(--score-1-border)}.indicator-score-badge.score-0{color:var(--score-0);background:var(--score-0-bg);border:1px solid var(--score-0-border)}.score-label-text{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.executive-summary{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.summary-column{background:var(--canvas-surface);padding:var(--space-md);border:1px solid var(--canvas-border);border-radius:16px;transition:all .3s}.summary-column:hover{box-shadow:var(--shadow-md)}.summary-column.forces{border-left:4px solid var(--score-3);background:linear-gradient(135deg,var(--score-3-bg),transparent 60%)}.summary-column.faiblesses{border-left:4px solid var(--score-0);background:linear-gradient(135deg,var(--score-0-bg),transparent 60%)}.summary-column-header{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);display:flex}.summary-column-icon{font-size:1.5rem}.summary-column-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.summary-column.forces .summary-column-title{color:var(--score-3)}.summary-column.faiblesses .summary-column-title{color:var(--score-0)}.summary-count{color:var(--text-tertiary);background:var(--canvas-elevated);border-radius:20px;margin-left:auto;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.summary-items{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.summary-item{background:var(--canvas-elevated);border:1px solid var(--canvas-border);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.summary-item:hover{border-color:var(--canvas-border-strong);transform:translate(4px)}.summary-item-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.summary-column.forces .summary-item-indicator{background:var(--score-3);box-shadow:0 0 8px var(--score-3)}.summary-column.faiblesses .summary-item-indicator{background:var(--score-0);box-shadow:0 0 8px var(--score-0)}.summary-item-content{flex:1}.summary-item-name{color:var(--text-primary);margin:0 0 4px;font-size:.9rem;font-weight:600}.summary-item-score{font-size:.75rem;font-weight:700;font-family:var(--font-mono);border-radius:4px;flex-shrink:0;margin-left:auto;padding:.2rem .5rem}.summary-column.forces .summary-item-score{color:var(--score-3);background:var(--score-3-bg)}.summary-column.faiblesses .summary-item-score{color:var(--score-0);background:var(--score-0-bg)}@media (max-width:768px){.executive-summary{gap:var(--space-sm);grid-template-columns:1fr}}@media (max-width:480px){.summary-column{padding:var(--space-sm)}.summary-item{padding:.5rem}}.script-analyzer{width:100%;position:relative}.script-platform-selector{gap:var(--space-3,.75rem);margin-bottom:var(--space-6,1.5rem);justify-content:center;display:flex}.platform-btn{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-3,.75rem)var(--space-5,1.25rem);background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);border-radius:var(--radius-full,9999px);color:var(--text-secondary,#4f5b92);font-family:var(--font-body,"Satoshi",sans-serif);font-size:var(--text-sm,.875rem);cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.platform-btn:hover{background:var(--canvas-elevated,#f8f9fb);border-color:var(--canvas-border-strong,#bcc1de);color:var(--text-primary,#000050)}.platform-btn.active{border-color:var(--accent-primary,#5c2efd);color:var(--text-primary,#000050);background:#5c2efd1f;box-shadow:0 0 20px #5c2efd33}.platform-icon{font-size:1.1rem}.script-input-method{gap:var(--space-2,.5rem);background:var(--canvas-surface,#fff);border-radius:var(--radius-lg,16px);margin-bottom:var(--space-6,1.5rem);border:1px solid var(--canvas-border,#e1e4ed);width:fit-content;margin-left:auto;margin-right:auto;padding:4px;display:flex}.method-btn{padding:var(--space-3,.75rem)var(--space-5,1.25rem);border-radius:var(--radius-md,12px);color:var(--text-secondary,#4f5b92);font-family:var(--font-body,"Satoshi",sans-serif);font-size:var(--text-sm,.875rem);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500;transition:all .25s cubic-bezier(.23,1,.32,1)}.method-btn:hover{color:var(--text-primary,#000050)}.method-btn.active{background:var(--canvas-elevated,#f8f9fb);color:var(--text-primary,#000050);box-shadow:inset 0 -2px 0 0 var(--accent-primary,#5c2efd)}.script-title-input{margin-bottom:var(--space-4,1rem)}.script-title-field{background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);border-radius:var(--radius-sm,6px);width:100%;color:var(--text-primary,#000050);font-family:var(--font-body,"Satoshi",sans-serif);box-sizing:border-box;padding:1rem 1.25rem;font-size:1rem;transition:all .2s}.script-title-field::placeholder{color:var(--text-tertiary,#606daf)}.script-title-field:hover:not(:focus){border-color:var(--canvas-border-strong,#bcc1de)}.script-title-field:focus{border-color:var(--accent-primary,#5c2efd);background:var(--canvas-elevated,#f8f9fb);outline:none;box-shadow:0 0 0 3px #5c2efd26}.script-text-input{margin-bottom:var(--space-6,1.5rem);position:relative}.script-textarea{width:100%;min-height:280px;padding:var(--space-5,1.25rem);background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);border-radius:var(--radius-sm,6px);color:var(--text-primary,#000050);font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:var(--text-sm,.875rem);resize:vertical;letter-spacing:.02em;tab-size:2;line-height:1.8;transition:all .3s cubic-bezier(.23,1,.32,1)}.script-textarea::placeholder{color:var(--text-tertiary,#606daf);font-family:var(--font-body,"Satoshi",sans-serif);font-style:italic}.script-textarea:focus{border-color:var(--accent-primary,#5c2efd);background:var(--canvas-elevated,#f8f9fb);outline:none;box-shadow:0 0 0 3px #5c2efd26}.script-word-count{font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:var(--text-xs,.75rem);color:var(--text-tertiary,#606daf);background:var(--canvas-bg,#f2eee9);padding:var(--space-1,.25rem)var(--space-3,.75rem);border-radius:var(--radius-sm,6px);border:1px solid var(--canvas-border,#e1e4ed);position:absolute;bottom:12px;right:16px}.script-file-input{margin-bottom:var(--space-6,1.5rem)}.hidden-file-input{display:none}.script-dropzone{justify-content:center;align-items:center;gap:var(--space-4,1rem);padding:var(--space-12,3rem)var(--space-8,2rem);background:var(--canvas-surface,#fff);border:2px dashed var(--canvas-border,#e1e4ed);border-radius:var(--radius-md,12px);cursor:pointer;flex-direction:column;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.script-dropzone:hover{border-color:var(--accent-primary,#5c2efd);background:#5c2efd0f}.dropzone-icon{opacity:.6;color:var(--accent-primary,#5c2efd);margin-bottom:var(--space-2,.5rem);font-size:3rem}.dropzone-text{text-align:center}.dropzone-main{font-family:var(--font-display,"Instrument Serif",serif);font-size:var(--text-lg,1.125rem);color:var(--text-primary,#000050);margin-bottom:var(--space-2,.5rem);font-weight:400;display:block}.dropzone-sub{font-size:var(--text-sm,.875rem);color:var(--text-secondary,#4f5b92);display:block}.dropzone-formats{font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:var(--text-xs,.75rem);color:var(--text-tertiary,#606daf);margin-top:var(--space-3,.75rem)}.script-file-selected{padding:var(--space-4,1rem)var(--space-5,1.25rem);border:1px solid #5c2efd40;border-left:3px solid var(--accent-primary,#5c2efd);border-radius:var(--radius-sm,6px);background:#5c2efd14;justify-content:space-between;align-items:center;animation:.3s cubic-bezier(.23,1,.32,1) slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.file-icon{color:var(--accent-primary,#5c2efd);font-size:2rem}.file-name{font-family:var(--font-body,"Satoshi",sans-serif);font-size:var(--text-base,1rem);color:var(--text-primary,#000050);font-weight:500}.file-size{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-secondary,#4f5b92);font-size:var(--text-xs,.75rem)}.remove-file-btn{width:32px;height:32px;color:var(--accent-primary-dark,#4a25d4);cursor:pointer;background:#c99a351a;border:1px solid #c99a354d;border-radius:50%;font-size:1.2rem;transition:all .2s}.remove-file-btn:hover{background:#c99a3533;border-color:#c99a3580;transform:scale(1.05)}.script-advanced-section{margin-bottom:var(--space-6,1.5rem)}.advanced-toggle{align-items:center;gap:var(--space-2,.5rem);color:var(--text-tertiary,#606daf);font-family:var(--font-body,"Satoshi",sans-serif);font-size:var(--text-sm,.875rem);cursor:pointer;padding:var(--space-2,.5rem)0;background:0 0;border:none;transition:color .2s;display:flex}.advanced-toggle:hover{color:var(--text-secondary,#4f5b92)}.toggle-icon{font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:var(--text-base,1rem);width:20px;color:var(--accent-primary,#5c2efd);font-weight:700}.advanced-options{margin-top:var(--space-4,1rem);padding:var(--space-5,1.25rem);background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);border-radius:var(--radius-sm,6px);animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.option-group{margin-bottom:var(--space-5,1.25rem)}.option-group:last-child{margin-bottom:0}.option-label{font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:var(--text-xs,.75rem);color:var(--text-tertiary,#606daf);margin-bottom:var(--space-2,.5rem);text-transform:uppercase;letter-spacing:.1em;display:block}.context-textarea{width:100%;padding:var(--space-4,1rem)var(--space-5,1.25rem);background:var(--canvas-bg,#f2eee9);border:1px solid var(--canvas-border,#e1e4ed);border-radius:var(--radius-sm,6px);color:var(--text-primary,#000050);font-family:var(--font-body,"Satoshi",sans-serif);font-size:var(--text-sm,.875rem);resize:vertical;line-height:1.6;transition:all .3s cubic-bezier(.23,1,.32,1)}.context-textarea::placeholder{color:var(--text-tertiary,#606daf);font-style:italic}.context-textarea:focus{border-color:var(--accent-primary,#5c2efd);background:var(--canvas-surface,#fff);outline:none;box-shadow:0 0 0 3px #5c2efd26}.project-toggle-btn{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-3,.75rem)var(--space-4,1rem);background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);border-radius:var(--radius-sm,6px);color:var(--text-secondary,#4f5b92);font-family:var(--font-body,"Satoshi",sans-serif);font-size:var(--text-sm,.875rem);cursor:pointer;width:100%;transition:all .2s;display:flex}.project-toggle-btn:hover{background:var(--canvas-elevated,#f8f9fb);border-color:var(--accent-primary,#5c2efd)}.project-icon{color:var(--accent-primary,#5c2efd);font-size:1.1rem}.project-select-dropdown{margin-top:var(--space-3,.75rem);background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);border-radius:var(--radius-sm,6px);max-height:200px;overflow-y:auto}.project-option{width:100%;padding:var(--space-3,.75rem)var(--space-4,1rem);border:none;border-bottom:1px solid var(--canvas-border,#e1e4ed);color:var(--text-secondary,#4f5b92);font-family:var(--font-body,"Satoshi",sans-serif);font-size:var(--text-sm,.875rem);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;transition:background .2s;display:flex}.project-option:last-child{border-bottom:none}.project-option:hover{background:var(--canvas-elevated,#f8f9fb)}.project-option.active{color:var(--text-primary,#000050);border-left:2px solid var(--accent-primary,#5c2efd);background:#5c2efd1a}.loading-projects,.no-projects{padding:var(--space-4,1rem);text-align:center;color:var(--text-tertiary,#606daf);font-size:var(--text-sm,.875rem);font-style:italic}.script-analyze-btn{background:var(--accent-primary,#5c2efd);border-radius:var(--radius-sm,6px);width:100%;color:var(--canvas-bg,#f2eee9);font-family:var(--font-body,"Satoshi",sans-serif);letter-spacing:.02em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.75rem;padding:1.125rem 2rem;font-size:1rem;font-weight:600;transition:all .25s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #5c2efd40}.script-analyze-btn:before{content:"";background:var(--accent-primary-light,#7b4fff);transform-origin:0;z-index:0;transition:transform .3s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;transform:scaleX(0)}.script-analyze-btn:hover:not(:disabled):before{transform:scaleX(1)}.script-analyze-btn:hover:not(:disabled){color:var(--canvas-bg,#f2eee9);transform:translateY(-2px);box-shadow:0 8px 24px #5c2efd59}.script-analyze-btn span,.script-analyze-btn .analyze-icon{z-index:1;position:relative}.script-analyze-btn:active:not(:disabled){transform:scale(.98)}.script-analyze-btn:disabled{opacity:1;cursor:not-allowed;background:var(--text-muted,#bcc1de);color:var(--canvas-surface,#fff);box-shadow:none}.script-analyze-btn.analyzing{background:var(--accent-primary,#5c2efd);color:var(--canvas-bg,#f2eee9);pointer-events:none}.script-analyze-btn.analyzing:before{transform:scaleX(1)}.analyze-icon{font-size:1.1rem}.spinner{border:2px solid #0a09084d;border-top-color:var(--canvas-bg,#0a0908);z-index:1;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;position:relative}.script-drag-overlay{z-index:9999;background:#5c2efdf2;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.drag-overlay-content{text-align:center;color:var(--canvas-bg,#f2eee9);animation:.3s cubic-bezier(.23,1,.32,1) scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.drag-text{font-family:var(--font-display,"Instrument Serif",serif);letter-spacing:.02em;font-size:1.75rem;font-weight:400}.script-analyzer.dragging .script-dropzone{border-color:var(--accent-primary,#5c2efd);background:#5c2efd1a}@media (max-width:768px){.script-platform-selector{gap:var(--space-2,.5rem);flex-wrap:wrap}.platform-btn{padding:var(--space-2,.5rem)var(--space-4,1rem);font-size:var(--text-xs,.75rem)}.script-textarea{min-height:200px;font-size:var(--text-sm,.875rem);padding:var(--space-4,1rem)}.script-dropzone{padding:var(--space-8,2rem)var(--space-4,1rem)}.dropzone-icon{font-size:2.5rem}.dropzone-main{font-size:var(--text-base,1rem)}.script-analyze-btn{padding:var(--space-4,1rem)var(--space-5,1.25rem);font-size:var(--text-sm,.875rem)}.script-file-selected{padding:var(--space-4,1rem)}}.script-detail-page{--canvas-deep:#f2eee9;--canvas-surface:#fff;--canvas-elevated:#fff;--canvas-border:#bcc1de;--canvas-border-strong:#bcc1de;--text-primary:#000050;--text-secondary:#4f5b92;--text-tertiary:#606daf;--text-muted:#bcc1de;--color-excellent:#00c896;--color-excellent-bg:#00c8961f;--color-excellent-glow:#00c89666;--color-good:#e8b84d;--color-good-bg:#e8b84d1f;--color-good-glow:#e8b84d66;--color-average:#f97316;--color-average-bg:#f973161f;--color-average-glow:#f9731666;--color-critical:#ff4d4d;--color-critical-bg:#ff4d4d1f;--color-critical-glow:#ff4d4d80;--accent-gold:#5c2efd;--accent-gold-light:#7b4fff;--font-display:"Instrument Serif",Georgia,serif;--font-body:"Jost",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--shadow-sm:0 2px 8px #00005014;--shadow-md:0 4px 16px #0000501a;--shadow-lg:0 8px 32px #0000501f;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);background:var(--canvas-deep);min-height:100vh;color:var(--text-primary);font-family:var(--font-body)}.script-detail-page.loading{justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;min-height:100vh;display:flex}.script-detail-page.error{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:100vh;display:flex}.script-detail-page.error .error-icon{width:60px;height:60px;font-family:var(--font-display);color:var(--accent-gold);border:2px solid var(--canvas-border);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex}.script-detail-page.error p{color:var(--text-secondary);font-size:1rem}.script-detail-page.error button{background:var(--accent-gold);color:var(--canvas-deep);font-family:var(--font-body);cursor:pointer;transition:var(--transition-base);border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600}.script-detail-page.error button:hover{background:var(--accent-gold-light)}.directors-header{padding:var(--space-sm)var(--space-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--canvas-border);z-index:100;background:linear-gradient(#0d0c0bfa,#0d0c0bf2);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-action:disabled{opacity:.5;cursor:not-allowed}.hero-section.single-column{gap:var(--space-md)}.hero-header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);background:var(--canvas-surface);border:1px solid var(--canvas-border);border-radius:16px;display:flex}.hero-header-left{gap:var(--space-sm);flex-direction:column;flex:1;min-width:0;display:flex}.hero-score-badge{align-items:center;gap:var(--space-sm);flex-direction:column;flex-shrink:0;display:flex}.score-ring-large{background:conic-gradient(var(--canvas-border)0deg,var(--canvas-border)360deg);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex}.score-ring-large.animated{background:conic-gradient(var(--score-color)0deg,var(--score-color)var(--score-percentage),var(--canvas-border)var(--score-percentage),var(--canvas-border)360deg);box-shadow:0 0 30px var(--score-color)}@supports (color:color-mix(in lab, red, red)){.score-ring-large.animated{box-shadow:0 0 30px color-mix(in srgb,var(--score-color)40%,transparent)}}.score-inner-large{background:var(--canvas-deep);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;width:84px;height:84px;display:flex}.score-number-large{font-family:var(--font-mono);color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.score-max-large{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.75rem}.score-verdict{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border-radius:4px;padding:4px 10px;font-size:.7rem;font-weight:700}.score-verdict.excellent{color:var(--color-excellent);background:var(--color-excellent-bg)}.score-verdict.good{color:var(--color-good);background:var(--color-good-bg)}.score-verdict.average{color:var(--color-average);background:var(--color-average-bg)}.score-verdict.critical{color:var(--color-critical);background:var(--color-critical-bg)}.script-meta{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.platform-tag{align-items:center;gap:var(--space-xs);background:var(--canvas-surface);border:1px solid var(--canvas-border);border-radius:6px;width:fit-content;padding:6px 12px;display:inline-flex}.platform-name{font-family:var(--font-mono);color:var(--accent-gold);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.script-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:400;line-height:1.35}.content-preview{padding:var(--space-md);background:var(--canvas-surface);border:1px solid var(--canvas-border);border-radius:12px}.content-preview-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--canvas-border);display:flex}.content-preview-label{font-family:var(--font-mono);color:var(--accent-gold);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600}.preview-text{font-family:var(--font-body);color:var(--text-secondary);white-space:pre-wrap;max-height:200px;margin:0;font-size:.9rem;line-height:1.7;overflow-y:auto}.preview-toggle{margin-top:var(--space-sm);color:var(--accent-gold);font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:0;font-size:.85rem;font-weight:500}.preview-toggle:hover{color:var(--accent-gold-light)}.directors-notes-section{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--canvas-surface);border:1px solid var(--canvas-border);border-radius:16px;position:relative}.action-content-wrapper{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.impact-badge{white-space:nowrap;border-radius:12px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.effort-badge{background:#ffffff1a;border-radius:8px;align-items:center;padding:2px 6px;font-size:.75rem;display:inline-flex}.effort-script{background:#22c55e26}.effort-post-prod{background:#3b82f626}.effort-retournage{background:#a855f726}.annotation-dash{font-family:var(--font-mono);opacity:.5;flex-shrink:0;font-size:.8rem;line-height:1.6}.phase-timeline-section{background:var(--canvas-surface);border:1px solid var(--canvas-border);padding:var(--space-lg);border-radius:16px;overflow:hidden}.score-breakdown-row{gap:var(--space-sm);padding:var(--space-md);background:var(--canvas-surface);border:1px solid var(--canvas-border);border-radius:12px;display:flex}.section-icon{font-family:var(--font-display);color:var(--accent-gold);opacity:.6;font-size:1rem}.tab-icon{font-size:.85rem;font-weight:700}.phase-indicators{gap:var(--space-sm);padding:var(--space-sm)var(--space-md)var(--space-md);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}@media (max-width:900px){.hero-header{text-align:center;align-items:center;gap:var(--space-md);flex-direction:column-reverse}.hero-header-left{align-items:center}.hero-score-badge{gap:var(--space-md);padding:var(--space-sm);background:var(--canvas-elevated);border-radius:12px;flex-direction:row;justify-content:center;width:100%}.score-ring-large{width:80px;height:80px}.score-inner-large{width:68px;height:68px}.score-number-large{font-size:1.6rem}.script-meta{justify-content:center}.directors-notes-grid{gap:var(--space-lg);grid-template-columns:1fr}.notes-annotations{gap:var(--space-md);flex-direction:row}.annotation-block{flex:1}.film-timeline{gap:var(--space-xs);grid-template-columns:repeat(2,1fr)}.timeline-chapter{border-right:none;border-bottom:1px solid var(--canvas-border);min-height:180px}.timeline-chapter:nth-child(2n){border-right:none}.chapter-number{font-size:2.5rem}.timeline-connector{display:none}}@media (max-width:600px){.directors-header{gap:var(--space-sm);padding:var(--space-sm);flex-direction:column}.header-left{justify-content:center;width:100%}.header-brand,.header-divider{display:none}.header-nav{justify-content:stretch;width:100%}.nav-action{flex:1;justify-content:center;padding:10px 8px;font-size:.7rem}.results-main{padding:var(--space-sm);gap:var(--space-md)}.directors-notes-section{padding:var(--space-md)}.notes-annotations{flex-direction:column}.column-title{font-size:1rem}.action-content{font-size:.9rem}.indicators-header{flex-direction:column;align-items:flex-start}.indicator-tabs{flex-direction:column;width:100%}.tab-btn{justify-content:center;width:100%}.phase-indicators,.film-timeline{grid-template-columns:1fr}.timeline-chapter{border-right:none;border-bottom:1px solid var(--canvas-border);min-height:160px}.timeline-chapter:last-child{border-bottom:none}.chapter-number{font-size:2rem}.chapter-title{font-size:1.1rem}.metric-value{font-size:1.5rem}.score-breakdown-row{flex-direction:column}.breakdown-item{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.score-ring-large,.timeline-chapter,.chapter-number,.chapter-title,.metric-value,.indicator-card,.back-link,.nav-action,.tab-btn{transition:none;animation:none}.timeline-chapter:hover{transform:none}.loading-spinner{animation:none}}.sidebar{background:var(--canvas-surface,#fff);border-right:1px solid var(--canvas-border,#e1e4ed);z-index:100;flex-direction:column;width:260px;height:100vh;transition:width .25s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:64px}.sidebar-header{border-bottom:1px solid var(--canvas-border,#e1e4ed);background:var(--canvas-surface,#fff);justify-content:space-between;align-items:center;min-height:64px;padding:16px;display:flex}.sidebar-brand{cursor:pointer;align-items:center;gap:10px;display:flex;overflow:hidden}.brand-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.brand-icon svg{width:24px;height:24px;color:var(--accent-primary,#5c2efd)}.brand-icon-img{border-radius:6px;flex-shrink:0;width:32px;height:32px}.brand-logo-img{flex-shrink:0;width:140px;height:auto}.sidebar-brand .brand-text{font-family:var(--font-display,"Instrument Serif",serif);color:var(--text-primary,#000050);white-space:nowrap;opacity:1;letter-spacing:.01em;font-size:1.25rem;font-weight:400;transition:opacity .2s}.sidebar.collapsed .sidebar-brand .brand-text{opacity:0;width:0}.collapse-btn{width:32px;height:32px;color:var(--text-tertiary,#606daf);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.collapse-btn:hover{background:var(--canvas-elevated,#f8f9fb);color:var(--text-secondary,#4f5b92)}.collapse-btn svg{width:16px;height:16px}.sidebar.collapsed .collapse-btn{margin-left:auto;margin-right:auto}.sidebar-new-btn{border:1px solid var(--accent-primary,#5c2efd);color:var(--accent-primary,#5c2efd);font-family:var(--font-body,"Satoshi",sans-serif);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:12px;margin:16px;padding:12px 16px;font-size:.875rem;font-weight:500;transition:all .25s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.sidebar-new-btn:before{content:"";background:var(--accent-primary,#5c2efd);transform-origin:0;z-index:0;transition:transform .25s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;transform:scaleX(0)}.sidebar-new-btn:hover:before{transform:scaleX(1)}.sidebar-new-btn:hover{color:var(--canvas-bg,#f2eee9)}.sidebar-new-btn svg,.sidebar-new-btn span{z-index:1;position:relative}.sidebar-new-btn svg{flex-shrink:0;width:18px;height:18px}.sidebar.collapsed .sidebar-new-btn{justify-content:center;margin:16px 12px;padding:12px}.sidebar.collapsed .sidebar-new-btn span{display:none}.sidebar-nav{flex:1;padding:8px 12px;overflow:hidden auto}.nav-section{flex-direction:column;gap:2px;display:flex}.nav-divider{background:var(--canvas-border,#e1e4ed);height:1px;margin:12px 4px}.nav-item{color:var(--text-secondary,#4f5b92);font-family:var(--font-body,"Satoshi",sans-serif);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.875rem;font-weight:400;transition:all .15s;display:flex;overflow:hidden}.nav-item:hover{background:var(--canvas-elevated,#f8f9fb);color:var(--text-primary,#000050)}.nav-item.active{color:var(--accent-primary,#5c2efd);border-left:2px solid var(--accent-primary,#5c2efd);background:#5c2efd1a;padding-left:10px}.nav-item .nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-item.active{border-left:none;padding-left:10px}.sidebar-footer{margin-top:auto;padding:12px}.user-section{background:var(--canvas-elevated,#f8f9fb);border:1px solid var(--canvas-border,#e1e4ed);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex;overflow:hidden}.user-avatar{background:var(--accent-primary,#5c2efd);width:32px;height:32px;font-family:var(--font-display,"Instrument Serif",serif);color:var(--canvas-bg,#f2eee9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:400;display:flex}.user-info{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.user-name{color:var(--text-primary,#000050);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.user-client{color:var(--text-secondary,#4f5b92);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.user-quota{color:var(--text-tertiary,#606daf);white-space:nowrap;font-size:.7rem}.logout-btn{color:var(--text-tertiary,#606daf);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.75rem;transition:color .15s}.logout-btn:hover{color:var(--accent-primary-dark,#4a25d4)}.sidebar.collapsed .user-section{justify-content:center;padding:10px}.sidebar.collapsed .user-info{display:none}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--canvas-border,#e1e4ed);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary,#606daf)}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}}.video-detail-panel{background:var(--canvas-bg,#f2eee9);border-left:1px solid var(--canvas-border,#e1e4ed);z-index:100;flex-direction:column;width:60%;max-width:720px;height:100vh;animation:.3s cubic-bezier(.23,1,.32,1) slideIn;display:flex;position:fixed;top:0;right:0}.panel-header{background:var(--canvas-surface,#fff);border-bottom:1px solid var(--canvas-border,#e1e4ed);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.panel-nav{gap:.5rem;display:flex}.panel-nav-btn{background:var(--canvas-elevated,#f8f9fb);border:1px solid var(--canvas-border,#e1e4ed);width:36px;height:36px;color:var(--text-secondary,#4f5b92);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;transition:all .15s;display:flex}.panel-nav-btn:hover:not(:disabled){background:var(--canvas-surface,#fff);border-color:var(--accent-primary,#5c2efd);color:var(--text-primary,#000050)}.panel-nav-btn:disabled{opacity:.7;cursor:not-allowed}.panel-actions{align-items:center;gap:.75rem;display:flex}.panel-action-btn{background:var(--canvas-elevated,#f8f9fb);border:1px solid var(--canvas-border,#e1e4ed);color:var(--text-secondary,#4f5b92);font-family:var(--font-body,"Satoshi",sans-serif);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;transition:all .15s;display:flex}.panel-action-btn:hover:not(:disabled){background:var(--canvas-surface,#fff);border-color:var(--accent-primary,#5c2efd);color:var(--text-primary,#000050)}.panel-action-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{border:2px solid var(--canvas-border,#e1e4ed);border-top-color:var(--accent-primary,#5c2efd);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.panel-close-btn{border:1px solid var(--canvas-border,#e1e4ed);width:36px;height:36px;color:var(--text-tertiary,#606daf);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;transition:all .15s;display:flex}.panel-close-btn:hover{border-color:var(--score-poor,#a86b5d);color:var(--score-poor,#a86b5d);background:#a86b5d26}.panel-video-container{background:var(--canvas-surface,#fff);flex-shrink:0;padding:1.5rem}.panel-video-wrapper{aspect-ratio:16/9;background:var(--canvas-bg,#f2eee9);border-radius:8px;position:relative;overflow:hidden}.panel-video-wrapper iframe{border:none;width:100%;height:100%}.panel-video-wrapper .uploaded-video-player{object-fit:contain;background:var(--canvas-bg,#f2eee9);width:100%;height:100%}.video-thumbnail-img{object-fit:cover;width:100%;height:100%}.video-thumbnail-large{cursor:pointer;width:100%;height:100%;position:relative}.video-thumbnail-large img{object-fit:cover;width:100%;height:100%}.thumbnail-play-overlay{background:#14121080;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.video-thumbnail-large:hover .thumbnail-play-overlay{background:#1412104d}.play-icon{background:var(--accent-primary,#5c2efd);width:64px;height:64px;color:var(--canvas-bg,#f2eee9);border-radius:50%;justify-content:center;align-items:center;padding-left:4px;font-size:1.5rem;transition:transform .2s;display:flex}.video-thumbnail-large:hover .play-icon{transform:scale(1.1)}.video-placeholder{width:100%;height:100%;color:var(--text-muted,#bcc1de);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:1rem;display:flex}.video-placeholder span:first-child{font-size:3rem}.panel-score-overlay{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;bottom:1rem;right:1rem}.panel-score-overlay .score-inner{background:var(--canvas-bg,#f2eee9);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.panel-score-overlay .score-value{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-primary,#000050);font-size:1.25rem;font-weight:700}.panel-quick-stats{background:var(--canvas-elevated,#f8f9fb);border-bottom:1px solid var(--canvas-border,#e1e4ed);flex-shrink:0;justify-content:space-around;padding:1rem 1.5rem;display:flex}.quick-stat{text-align:center}.quick-stat-value{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-primary,#000050);font-size:1.125rem;font-weight:600;display:block}.quick-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary,#606daf);margin-top:.25rem;font-size:.6875rem}.panel-video-info{border-bottom:1px solid var(--canvas-border,#e1e4ed);background:linear-gradient(135deg,#1e6b6b0a,#0000);flex-shrink:0;padding:1rem 1.5rem 1rem calc(1.5rem + 8px);position:relative}.panel-video-info:before{content:"";background:var(--story-teal,#1e6b6b);opacity:.5;width:3px;position:absolute;top:0;bottom:0;left:0}.panel-video-title{font-family:var(--font-display,"Instrument Serif",serif);color:var(--text-primary,#000050);margin:0 0 .35rem;font-size:1.15rem;font-weight:400;line-height:1.4}.panel-video-date{color:var(--text-tertiary,#606daf);margin:0;font-size:.8rem;font-style:italic}.panel-scrollable{overscroll-behavior:contain;flex:1;overflow-y:auto}.panel-section{border-bottom:1px solid var(--canvas-border,#e1e4ed)}.panel-section-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;font-family:inherit;transition:background .15s;display:flex}.panel-section-header:hover{background:var(--canvas-surface,#fff)}.panel-section-title{color:var(--text-primary,#000050);align-items:center;gap:.75rem;font-size:.9375rem;font-weight:600;display:flex}.panel-section-icon{font-size:1.125rem}.panel-section-chevron{color:var(--text-tertiary,#606daf);font-size:.625rem;transition:transform .2s}.panel-section.expanded .panel-section-chevron{transform:rotate(180deg)}.panel-section-content{padding:0 1.5rem 1.5rem;animation:.2s slideDown}.summary-content{color:var(--text-secondary,#4f5b92);margin:0;font-size:.9375rem;line-height:1.7}.score-breakdown{flex-direction:column;gap:.75rem;display:flex}.breakdown-row{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.breakdown-label{color:var(--text-secondary,#4f5b92);font-size:.875rem}.breakdown-value{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--accent-primary,#5c2efd);font-size:.9375rem;font-weight:600}.phase-content{flex-direction:column;gap:1rem;display:flex}.phase-no-data{text-align:center;color:var(--text-muted,#bcc1de);padding:1rem;font-style:italic}.phase-summary{background:var(--canvas-surface,#fff);border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.phase-summary-score{align-items:baseline;gap:.25rem;display:flex}.phase-score-big{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--accent-primary,#5c2efd);font-size:1.5rem;font-weight:600}.phase-score-sep{color:var(--text-tertiary,#606daf);font-size:1rem}.phase-score-max{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-secondary,#4f5b92);font-size:1rem}.phase-score-plus{color:var(--accent-primary,#5c2efd);font-size:1rem}.phase-score-unit{color:var(--text-tertiary,#606daf);margin-left:.25rem;font-size:.875rem}.phase-score-label{color:var(--text-tertiary,#606daf);margin-left:.5rem;font-size:.8125rem}.phase-label{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.phase-label.excellent{color:var(--score-excellent,#7d9a6a);background:#7d9a6a26}.phase-label.bon{color:var(--accent-primary,#5c2efd);background:#e8b84d26}.phase-label.moyen,.phase-label.basique{color:var(--score-average,#b8865a);background:#b8865a26}.phase-label.faible{color:var(--score-poor,#a86b5d);background:#a86b5d26}.phase-indicators{flex-direction:column;gap:.5rem;display:flex}.indicator-row{background:var(--canvas-surface,#fff);border-radius:6px;padding:.75rem 1rem}.indicator-header{justify-content:space-between;align-items:center;display:flex}.indicator-name{color:var(--text-primary,#000050);font-size:.875rem;font-weight:500}.indicator-explanation{color:var(--text-tertiary,#606daf);margin:.5rem 0 0;font-size:.8125rem;line-height:1.5}.indicator-chip{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:.25rem .625rem;font-size:.6875rem;font-weight:600}.indicator-chip.chip-excellent{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.indicator-chip.chip-good{color:#eab308;background:#eab30826;border:1px solid #eab3084d}.indicator-chip.chip-average{color:var(--text-primary,#000050);background:#f9731626;border:1px solid #f973164d}.indicator-chip.chip-poor{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.indicator-bar-wrapper{align-items:center;gap:.75rem;display:flex}.indicator-bar{background:var(--canvas-elevated,#f8f9fb);border-radius:3px;width:80px;height:6px;overflow:hidden}.indicator-bar-fill{background:var(--accent-primary,#5c2efd);border-radius:3px;height:100%;transition:width .3s}.indicator-bar-value{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-secondary,#4f5b92);font-size:.75rem}.indicator-score{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--accent-primary,#5c2efd);font-size:.8125rem}.indicator-boolean{font-size:1rem;font-weight:600}.indicator-boolean.yes{color:#22c55e}.indicator-boolean.no{color:#ef4444}.indicator-row.score-excellent{background:linear-gradient(90deg,#22c55e14,var(--canvas-surface,#fff)40%);border-left:3px solid #22c55e}.indicator-row.score-good{background:linear-gradient(90deg,#eab30814,var(--canvas-surface,#fff)40%);border-left:3px solid #eab308}.indicator-row.score-average{background:linear-gradient(90deg,#f9731614,var(--canvas-surface,#fff)40%);border-left:3px solid #f97316}.indicator-row.score-poor{background:linear-gradient(90deg,#ef444414,var(--canvas-surface,#fff)40%);border-left:3px solid #ef4444}.panel-recommendations{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.panel-recommendation{background:var(--canvas-surface,#fff);border-radius:6px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.rec-number{background:var(--accent-primary,#5c2efd);width:24px;height:24px;color:var(--canvas-bg,#f2eee9);font-family:var(--font-mono,"JetBrains Mono",monospace);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.rec-text{color:var(--text-secondary,#4f5b92);font-size:.875rem;line-height:1.5}.panel-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.panel-list li{background:var(--canvas-surface,#fff);color:var(--text-secondary,#4f5b92);border-radius:6px;padding:.625rem .75rem .625rem 2rem;font-size:.875rem;line-height:1.5;position:relative}.panel-list li:before{position:absolute;top:.75rem;left:.75rem}.panel-list-positive li:before{content:"✓";color:var(--score-excellent,#7d9a6a)}.panel-list-negative li:before{content:"!";color:var(--score-poor,#a86b5d);font-weight:700}.panel-description{color:var(--text-secondary,#4f5b92);white-space:pre-wrap;margin:0;font-size:.875rem;line-height:1.7}.panel-tags{flex-wrap:wrap;gap:.5rem;display:flex}.panel-tag{background:var(--canvas-surface,#fff);border:1px solid var(--canvas-border,#e1e4ed);color:var(--text-tertiary,#606daf);border-radius:4px;padding:.25rem .625rem;font-size:.75rem}.panel-scrollable::-webkit-scrollbar{width:6px}.panel-scrollable::-webkit-scrollbar-track{background:0 0}.panel-scrollable::-webkit-scrollbar-thumb{background:var(--canvas-border,#e1e4ed);border-radius:3px}.panel-scrollable::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary,#606daf)}@media (max-width:1024px){.video-detail-panel{width:100%;max-width:none}}@media (max-width:640px){.panel-header{padding:.75rem 1rem}.panel-video-container{padding:1rem}.panel-quick-stats{flex-wrap:wrap;gap:1rem;padding:1rem}.quick-stat{flex:40%}.panel-video-info{padding:1rem}.panel-video-title{font-size:1.125rem}.panel-section-header{padding:.875rem 1rem}.panel-section-content{padding:0 1rem 1rem}.panel-score-overlay{width:56px;height:56px}.panel-score-overlay .score-inner{width:46px;height:46px}.panel-score-overlay .score-value{font-size:1rem}}.panel-score-potential{background:var(--bg-tertiary,#f0f0f0);border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:13px;display:flex}.panel-score-potential .score-potential__label{color:var(--text-muted,#666)}.panel-score-potential .score-potential__value{color:var(--primary-color,#000050);font-weight:600}.panel-actions-list{flex-direction:column;gap:8px;display:flex}.history-modal-backdrop{-webkit-backdrop-filter:blur(16px);z-index:1400;background:#00005008;justify-content:center;align-items:center;animation:.25s ease-out historyModalFade;display:flex;position:fixed;inset:0}@keyframes historyModalFade{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.history-modal-content{background:linear-gradient(145deg,#00005005 0%,#00005008 100%);border:1px solid #5c2efd4d;border-radius:20px;flex-direction:column;width:90%;max-width:720px;max-height:80vh;animation:.35s cubic-bezier(.16,1,.3,1) historyModalSlide;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000b3,0 0 40px #5c2efd14,inset 0 1px #00005005}.history-modal-content:before{content:"";background:linear-gradient(90deg,#0000,#5c2efd80,#0000);height:1px;position:absolute;top:0;left:0;right:0}@keyframes historyModalSlide{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.history-modal-content .modal-header{background:linear-gradient(135deg,#5c2efd0f 0%,#0000 100%);border-bottom:1px solid #5c2efd33;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative}.history-modal-content .modal-header:before{content:"06 // ANALYSIS_HISTORY";font-family:var(--font-mono,"JetBrains Mono",monospace);color:#5c2efd66;letter-spacing:.1em;text-transform:uppercase;font-size:9px;position:absolute;top:8px;right:1.5rem}.history-modal-content h2{font-family:var(--font-display,"Clash Display","Syne",sans-serif);color:#fff;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.close-button{color:#ffffff80;cursor:pointer;background:#5c2efd1a;border:1px solid #5c2efd4d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.4rem;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.close-button:hover{color:#fff;background:#5c2efd33;border-color:#5c2efd80;transform:rotate(90deg)}.history-modal-content .modal-body{flex:1;padding:1.5rem;overflow-y:auto}.history-modal-content .modal-body::-webkit-scrollbar{width:4px}.history-modal-content .modal-body::-webkit-scrollbar-track{background:0 0}.history-modal-content .modal-body::-webkit-scrollbar-thumb{background:#5c2efd4d;border-radius:2px}.video-url{font-family:var(--font-mono,"JetBrains Mono",monospace);color:#fff6;word-break:break-all;letter-spacing:.02em;background:#5c2efd0d;border:1px solid #5c2efd26;border-radius:10px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:11px}.history-timeline{flex-direction:column;gap:.75rem;display:flex}.history-item{background:#00005005;border:1px solid #00005005;border-radius:14px;padding:1.125rem 1.25rem;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.history-item:before{content:"";background:linear-gradient(90deg,#0000,#5c2efd1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.history-item.clickable:hover:before{left:100%}.history-item.clickable:hover{border-color:#5c2efd40;border-left:3px solid var(--story-teal,#1e6b6b);cursor:pointer;background:#5c2efd0f;transform:translate(6px)}.history-item-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.history-item-info{flex-direction:column;flex:1;gap:4px;display:flex}.history-date{font-family:var(--font-body,"Satoshi",sans-serif);color:#fff;margin:0;font-size:14px;font-weight:600}.history-label{font-family:var(--font-mono,"JetBrains Mono",monospace);color:#fff6;letter-spacing:.02em;margin:0;font-size:11px}.history-item-score{align-items:center;display:flex}.score-badge{min-width:64px;font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--story-teal,#1e6b6b);background:linear-gradient(135deg,#5c2efd26,#5c2efd0d);border:1px solid #5c2efd4d;border-radius:10px;justify-content:center;align-items:center;padding:.5rem .875rem;font-size:15px;font-weight:700;display:flex;box-shadow:0 2px 10px #5c2efd26}.loading,.empty{text-align:center;color:#fff6;font-family:var(--font-body,"Satoshi",sans-serif);padding:3rem}.loading{flex-direction:column;align-items:center;gap:1rem;display:flex}.loading:before{content:"";border:2px solid #5c2efd33;border-top-color:var(--story-teal,#1e6b6b);border-radius:50%;width:32px;height:32px;animation:1s linear infinite historySpinner}@keyframes historySpinner{to{transform:rotate(360deg)}}@media (max-width:640px){.history-modal-content{border-radius:20px 20px 0 0;width:100%;max-width:none;max-height:90vh;position:fixed;bottom:0}.history-modal-content .modal-header:before{display:none}.history-item-content{flex-direction:column;align-items:flex-start;gap:.75rem}.history-item-score{align-self:flex-end}}.video-pool-manager{gap:calc(var(--spacing-unit,8px)*2);flex-direction:column;display:flex}.video-pool-manager .pool-toolbar{padding:calc(var(--spacing-unit,8px)*2);justify-content:space-between;align-items:center;gap:calc(var(--spacing-unit,8px)*2);display:flex}.video-pool-manager .toolbar-left{flex:1;max-width:400px}.video-pool-manager .toolbar-right{gap:calc(var(--spacing-unit,8px)*1.5);display:flex}.video-pool-manager .search-box{align-items:center;display:flex;position:relative}.video-pool-manager .search-icon{width:18px;height:18px;color:var(--text-secondary,#fff9);pointer-events:none;position:absolute;left:12px}.video-pool-manager .search-input{-webkit-backdrop-filter:blur(10px);width:100%;color:var(--text-primary,#fffffff2);transition:var(--transition,all .3s);background:#5c2efd0d;border:1px solid #00005005;border-radius:8px;padding:10px 12px 10px 40px;font-size:14px}.video-pool-manager .search-input:focus{border-color:var(--story-teal,#1e6b6b);background:#5c2efd14;outline:none;box-shadow:0 0 0 3px #5c2efd1a}.video-pool-manager .toolbar-btn{border:1px solid var(--glass-border,#0000500d);color:var(--text-primary,#fffffff2);cursor:pointer;transition:var(--transition,all .3s);white-space:nowrap;background:#00005005;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.toolbar-btn:hover{border-color:var(--glass-border-hover,#fff3);background:#0000500d}.toolbar-btn.primary{background:var(--story-teal,#1e6b6b);border-color:var(--story-teal,#1e6b6b)}.toolbar-btn.primary:hover{background:var(--story-teal-light,#2d8b8b)}.toolbar-btn.danger{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.toolbar-btn.danger:hover{background:#ef444433;border-color:#ef444480}.pool-table-container{-webkit-backdrop-filter:blur(10px);background:#5c2efd05;border:1px solid #00005005;border-radius:12px;padding:0;overflow-x:auto}.pool-table{border-collapse:collapse;width:100%}.pool-table thead{background:#5c2efd08;border-bottom:1px solid #00005005}.pool-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#fff9);padding:16px 12px;font-size:12px;font-weight:600}.pool-table td{border-bottom:1px solid #00005005;padding:12px}.pool-table tbody tr{transition:var(--transition,all .3s)}.pool-table tbody tr:hover{background:#5c2efd0d}.pool-table tbody tr.selected{border-left:2px solid var(--story-teal,#1e6b6b);background:#5c2efd1f}.col-checkbox{text-align:center;width:40px}.col-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--story-teal,#1e6b6b)}.col-thumbnail{width:120px}.video-pool-manager .video-thumbnail{object-fit:cover;background:#0000004d;border-radius:6px;width:100px;height:56px}.col-title{min-width:300px}.video-title-btn{color:var(--text-primary,#fffffff2);text-align:left;cursor:pointer;transition:var(--transition,all .3s);background:0 0;border:none;padding:0;font-size:14px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.video-title-btn:hover{color:var(--story-teal,#1e6b6b);-webkit-text-decoration-color:var(--story-teal,#1e6b6b);-webkit-text-decoration-color:var(--story-teal,#1e6b6b);-webkit-text-decoration-color:var(--story-teal,#1e6b6b);text-decoration-color:var(--story-teal,#1e6b6b)}.col-platform{width:120px}.platform-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.platform-badge.youtube{color:var(--text-primary,#000050);background:#ff000026}.platform-badge.instagram{color:#e1306c;background:#e1306c26}.platform-badge.platform-tiktok,.platform-badge.tiktok{color:#ee1d52;background:linear-gradient(135deg,#69c9d026,#ee1d5226)}.col-analyses{text-align:center;width:100px;color:var(--text-secondary,#fff9);font-size:14px}.col-added{width:120px;color:var(--text-secondary,#fff9);font-size:13px}.empty-state,.loading-state{padding:calc(var(--spacing-unit,8px)*8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{width:80px;height:80px;color:var(--text-tertiary,#fff6);margin-bottom:calc(var(--spacing-unit,8px)*2)}.empty-state p,.loading-state{color:var(--text-secondary,#fff9);margin-bottom:calc(var(--spacing-unit,8px)*3);font-size:16px}.add-first-btn{background:var(--story-teal,#1e6b6b);color:#fff;cursor:pointer;transition:var(--transition,all .3s);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500}.add-first-btn:hover{background:var(--story-teal-light,#2d8b8b);transform:translateY(-2px)}.selection-action-bar{z-index:100;min-width:500px;max-width:800px;padding:20px 24px;animation:.3s ease-out slideUpFade;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.action-bar-content{justify-content:space-between;align-items:center;gap:calc(var(--spacing-unit,8px)*2);display:flex}.action-bar-info{align-items:center;display:flex}.selection-count{color:var(--text-primary,#fffffff2);font-size:14px;font-weight:600}.action-bar-controls{gap:calc(var(--spacing-unit,8px)*1.5);display:flex}.batch-name-input{border:1px solid var(--glass-border,#0000500d);color:var(--text-primary,#fffffff2);min-width:200px;transition:var(--transition,all .3s);background:#0000004d;border-radius:8px;padding:10px 14px;font-size:14px}.batch-name-input:focus{border-color:var(--story-teal,#1e6b6b);background:#0006;outline:none}.create-batch-btn{background:var(--story-teal,#1e6b6b);color:#fff;cursor:pointer;transition:var(--transition,all .3s);white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.create-batch-btn:hover:not(:disabled){background:var(--story-teal-light,#2d8b8b);transform:translateY(-2px);box-shadow:0 8px 20px #5c2efd66}.create-batch-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:900px){.pool-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{max-width:100%}.toolbar-right{flex-wrap:wrap;justify-content:flex-end}.selection-action-bar{min-width:calc(100vw - 48px);left:24px;right:24px;transform:none}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-bar-content{flex-direction:column;align-items:stretch}.action-bar-controls{flex-direction:column}.batch-name-input{width:100%}}@media (max-width:600px){.pool-table{font-size:12px}.pool-table th,.pool-table td{padding:8px 6px}.col-thumbnail{width:80px}.video-pool-manager .video-thumbnail{width:60px;height:34px}.col-title{min-width:150px}.col-added{display:none}.toolbar-btn{padding:8px 12px;font-size:12px}}.video-results-page{--canvas-deep:#f2eee9;--canvas-surface:#fff;--canvas-elevated:#fff;--canvas-border:#bcc1de;--canvas-border-strong:#bcc1de;--text-primary:#000050;--text-secondary:#4f5b92;--text-tertiary:#606daf;--text-muted:#bcc1de;--color-excellent:#00c896;--color-excellent-bg:#00c8961f;--color-excellent-glow:#00c89666;--color-good:#e8b84d;--color-good-bg:#e8b84d1f;--color-good-glow:#e8b84d66;--color-average:#f97316;--color-average-bg:#f973161f;--color-average-glow:#f9731666;--color-critical:#ff4d4d;--color-critical-bg:#ff4d4d1f;--color-critical-glow:#ff4d4d80;--accent-gold:#5c2efd;--accent-gold-light:#7b4fff;--font-display:"Instrument Serif",Georgia,serif;--font-body:"Jost",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--shadow-sm:0 2px 8px #00005014;--shadow-md:0 4px 16px #0000501a;--shadow-lg:0 8px 32px #0000501f;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);background:var(--canvas-deep);min-height:100vh;color:var(--text-primary);font-family:var(--font-body)}.film-grain{pointer-events:none;z-index:1000;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.video-results-page.loading{justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;min-height:100vh;display:flex}.loading-spinner{border:3px solid var(--canvas-border);border-top-color:var(--accent-gold);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.directors-header{padding:var(--space-sm)var(--space-lg);background:var(--canvas-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--canvas-border);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000500f}.header-left{align-items:center;gap:var(--space-md);display:flex}.back-link{color:var(--text-tertiary);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.85rem;transition:color .2s;display:flex}.back-link:hover{color:var(--accent-gold)}.back-icon{font-size:1.2rem;font-weight:300;line-height:1;transition:transform .2s}.back-link:hover .back-icon{transform:translate(-3px)}.back-text{font-weight:400}.header-divider{background:var(--canvas-border);width:1px;height:20px}.header-brand{align-items:baseline;gap:6px;display:flex}.brand-label{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.02em;font-size:1rem;font-weight:400}.brand-accent{font-family:var(--font-display);color:var(--accent-gold);font-size:1rem;font-style:italic}.header-nav{align-items:center;gap:var(--space-xs);display:flex}.nav-action{color:var(--text-secondary);font-family:var(--font-body);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:8px 16px;font-size:.8rem;font-weight:500;transition:all .2s}.nav-action:hover{color:var(--text-primary);background:#00005005}.nav-action.secondary{border-color:var(--canvas-border)}.nav-action.secondary:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.nav-action.primary{background:var(--accent-gold);color:var(--canvas-deep);border-color:var(--accent-gold)}.nav-action.primary:hover{background:#d4a33d;border-color:#d4a33d}.nav-label{white-space:nowrap}.results-main{max-width:1200px;padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.hero-section{gap:var(--space-lg);flex-direction:column;display:flex}.hero-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.hero-column{flex-direction:column;display:flex}.video-column{padding:var(--space-lg);background:var(--canvas-surface);border:1px solid var(--canvas-border);justify-content:center;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;display:flex}.content-column{gap:var(--space-md);padding:var(--space-sm)0;flex-direction:column;display:flex}.video-frame{aspect-ratio:16/9;background:var(--canvas-elevated);border-radius:12px;width:100%;max-width:400px;position:relative;overflow:hidden}.video-frame.vertical{aspect-ratio:9/16;max-width:220px;max-height:350px}.video-blur-bg{filter:blur(30px)brightness(.3);opacity:.6;z-index:0;background-position:50%;background-size:cover;position:absolute;inset:-20px}.video-embed-wrapper{z-index:1;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.video-embed{border:none;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.video-embed.uploaded-video{object-fit:contain;background:var(--canvas-bg,#f2eee9)}.score-ring{z-index:10;background:conic-gradient(var(--canvas-border)0deg,var(--canvas-border)360deg);width:72px;height:72px;transition:var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.score-ring.animated{background:conic-gradient(var(--score-color)0deg,var(--score-color)var(--score-percentage),var(--canvas-border)var(--score-percentage),var(--canvas-border)360deg);box-shadow:0 0 20px var(--score-color)}@supports (color:color-mix(in lab, red, red)){.score-ring.animated{box-shadow:0 0 20px color-mix(in srgb,var(--score-color)30%,transparent)}}.score-inner{background:var(--canvas-deep);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;width:60px;height:60px;display:flex}.score-number{font-family:var(--font-mono);color:var(--text-primary);font-size:1.4rem;font-weight:700;line-height:1}.score-max{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.6rem}.video-meta{color:var(--text-tertiary);justify-content:center;align-items:center;gap:8px;font-size:.85rem;display:flex}.meta-item{white-space:nowrap}.meta-dot{color:var(--canvas-border-strong)}.video-thumbnail-link{cursor:pointer;width:100%;height:100%;text-decoration:none;display:block;position:absolute;top:0;left:0}.video-thumbnail-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:var(--transition-base);border-radius:12px;display:block}.video-thumbnail-link:hover .video-thumbnail-img{filter:brightness(.7)}.platform-link-btn{border:1px solid var(--canvas-border-strong);color:var(--text-primary);font-family:var(--font-body);white-space:nowrap;opacity:0;transition:var(--transition-base);background:#000000e6;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%)}.video-thumbnail-link:hover .platform-link-btn{opacity:1;background:var(--accent-gold);color:var(--canvas-deep);border-color:var(--accent-gold)}.content-column>.video-title{font-family:var(--font-display);color:var(--text-primary);-webkit-line-clamp:2;word-break:break-word;background:linear-gradient(135deg,#1e6b6b0d,#0000);border-radius:4px;-webkit-box-orient:vertical;margin:0;padding:.6rem 1rem .6rem calc(1rem + 6px);font-size:1.3rem;font-weight:400;line-height:1.4;display:-webkit-box;position:relative;overflow:hidden}.content-column>.video-title:before{content:"";background:var(--story-teal,#1e6b6b);opacity:.5;border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:0}.video-meta-section{gap:var(--space-md);padding:var(--space-lg);background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--canvas-border);flex-direction:column;display:flex}.meta-section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin:0 0 .5rem;font-size:.7rem}.video-description-text{color:var(--text-secondary);white-space:pre-line;max-height:8rem;margin:0;font-size:.875rem;line-height:1.6;overflow-y:auto}.video-tags-list{flex-wrap:wrap;gap:.375rem;display:flex}.video-tag{color:var(--story-teal);font-size:.75rem;font-family:var(--font-mono);background:#1e6b6b14;border:1px solid #1e6b6b26;border-radius:100px;padding:.2rem .6rem}.format-tag{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--canvas-surface);border:1px solid var(--canvas-border);border-radius:10px;display:flex}.format-icon{flex-shrink:0;font-size:1.25rem}.format-info{flex-direction:column;gap:2px;display:flex}.format-name{font-family:var(--font-display);color:var(--accent-gold);font-size:1rem;font-weight:500}.format-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.summary-quote{padding:var(--space-md);padding-left:var(--space-lg);background:var(--canvas-surface);border:1px solid var(--canvas-border);border-left:3px solid var(--accent-gold);border-radius:12px;margin:0;position:relative}.summary-quote:before{content:"\"";top:var(--space-sm);left:var(--space-sm);font-family:var(--font-display);color:var(--accent-gold);opacity:.7;font-size:2.5rem;line-height:1;position:absolute}.summary-quote p{font-family:var(--font-display);color:var(--text-secondary);margin:0;font-size:1rem;font-style:italic;line-height:1.7}.summary-quote:after{content:"\"";bottom:var(--space-sm);right:var(--space-md);font-family:var(--font-display);color:var(--accent-gold);opacity:.7;font-size:2.5rem;line-height:1;position:absolute}.score-breakdown-section{margin-top:var(--space-md)}.score-breakdown-row{gap:var(--space-sm);padding:var(--space-md);background:var(--canvas-surface);border:1px solid var(--canvas-border);box-shadow:var(--shadow-sm);border-radius:12px;display:flex}.breakdown-item{justify-content:center;align-items:center;gap:var(--space-sm);padding:.75rem var(--space-md);background:var(--canvas-elevated);border-radius:8px;flex:1;display:flex}.breakdown-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:.7rem;font-weight:600}.breakdown-value{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;font-size:.9rem;font-weight:600}.breakdown-item.base{border-left:3px solid var(--accent-gold)}.breakdown-item.base .breakdown-value{color:var(--accent-gold)}.breakdown-item.contributions{border-left:3px solid var(--color-excellent)}.breakdown-item.contributions .breakdown-value{color:var(--color-excellent)}.breakdown-item.final{border-left:3px solid var(--text-primary);background:var(--canvas-border)}.breakdown-item.final .breakdown-value{color:var(--accent-gold);font-size:1rem;font-weight:700}.score-breakdown-layers{align-items:stretch;gap:var(--space-sm);padding:var(--space-md);background:var(--canvas-surface);border:1px solid var(--canvas-border);border-radius:12px;display:flex}.breakdown-layer{justify-content:flex-start;align-items:center;gap:var(--space-xs);padding:var(--space-md)var(--space-sm);background:var(--canvas-elevated);border:1px solid var(--canvas-border);min-height:130px;transition:var(--transition-base);border-radius:12px;flex-direction:column;flex:1;display:flex;position:relative}.breakdown-layer:hover{box-shadow:var(--shadow-md);border-color:var(--canvas-border-strong);transform:translateY(-2px)}.breakdown-layer:before{content:"";background:var(--canvas-border-strong);border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.layer-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-top:var(--space-xs);font-size:.75rem;font-weight:500}.layer-value-row{margin-top:var(--space-xs);align-items:baseline;gap:2px;display:flex}.layer-value-main{font-family:var(--font-mono);color:var(--accent-gold);font-size:1.75rem;font-weight:700;line-height:1}.layer-value-max{font-family:var(--font-mono);color:var(--text-muted);font-size:.85rem;font-weight:500}.layer-detail{font-family:var(--font-body);color:var(--text-tertiary);margin-top:auto;font-size:.75rem}.layer-connector{font-family:var(--font-mono);color:var(--text-muted);padding:0 var(--space-xs);flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:300;display:flex}.breakdown-layer.potential:before,.breakdown-layer.contributions:before{background:var(--accent-gold)}.breakdown-layer.bonus:before{background:var(--canvas-border-strong)}.breakdown-layer.bonus.active:before{background:var(--accent-gold)}.breakdown-layer.bonus.inactive{opacity:.5}.breakdown-layer.bonus.inactive .layer-value-main{color:var(--text-muted)}.bonus-breakdown{flex-direction:column;align-items:center;gap:2px;margin-top:auto;display:flex}.bonus-line{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.02em;font-size:.7rem}.breakdown-layer.final{background:#e8b84d0f;border-color:#e8b84d26}.breakdown-layer.final:before{background:var(--accent-gold)}.breakdown-layer.final .layer-value-main{font-size:2rem}.caps-warning{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm)var(--space-md);background:#f9731614;border:1px solid #f9731640;border-radius:8px;display:flex}.caps-text{font-family:var(--font-body);color:var(--color-average);font-size:.85rem;font-weight:500}.phase-bonus-badge{font-family:var(--font-mono);background:var(--canvas-border);color:var(--text-muted);margin-left:var(--space-sm);border-radius:20px;padding:5px 12px;font-size:.75rem;font-weight:700}.phase-bonus-badge.active{color:var(--accent-gold);background:#e8b84d26;border:1px solid #e8b84d40}.bonus-indicator-group{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex;position:relative}.bonus-bracket{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:40px;display:flex;position:relative}.bracket-line{background:linear-gradient(#0000 0%,#e8b84d66 10% 90%,#0000 100%);width:2px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.bracket-line:before,.bracket-line:after{content:"";background:#e8b84d66;width:12px;height:2px;position:absolute;left:0}.bracket-line:before{top:0}.bracket-line:after{bottom:0}.bracket-bonus{font-family:var(--font-mono);color:var(--accent-gold);background:var(--canvas-elevated);z-index:1;white-space:nowrap;border:1px solid #e8b84d40;border-radius:6px;padding:4px 8px;font-size:.9rem;font-weight:700}.bonus-indicators-list{gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.bonus-indicator-group .indicator-card{border-color:#e8b84d26}.bonus-indicator-group .indicator-card:hover{border-color:#e8b84d4d}@media (max-width:1000px){.score-breakdown-layers{gap:var(--space-xs);padding:var(--space-sm)}.breakdown-layer{padding:var(--space-sm);min-height:110px}.layer-value-main{font-size:1.5rem}.breakdown-layer.final .layer-value-main{font-size:1.75rem}.layer-connector{padding:0 4px;font-size:1.25rem}}@media (max-width:768px){.score-breakdown-layers{gap:var(--space-sm);flex-wrap:wrap}.breakdown-layer{flex:1 1 calc(50% - var(--space-sm));min-width:120px;min-height:100px}.layer-connector{display:none}.layer-value-main{font-size:1.4rem}.layer-value-max{font-size:.75rem}.breakdown-layer.final .layer-value-main{font-size:1.6rem}.bonus-breakdown{gap:1px}.bonus-line{font-size:.65rem}}@media (max-width:480px){.score-breakdown-layers{gap:var(--space-xs);padding:var(--space-sm);flex-direction:column}.breakdown-layer{width:100%;padding:var(--space-sm)var(--space-md);border-radius:8px;flex-direction:row;flex:none;justify-content:space-between;align-items:center;min-height:auto}.breakdown-layer:before{border-radius:8px 0 0 8px;width:3px;height:100%;top:0;left:0;right:auto}.layer-label{text-align:left;flex:1;order:1;margin:0;font-size:.8rem}.layer-value-row{order:2;margin:0}.layer-value-main{font-size:1.25rem}.breakdown-layer.final .layer-value-main{font-size:1.4rem}.layer-detail,.bonus-breakdown{display:none}.caps-warning{text-align:center;gap:var(--space-xs);flex-direction:column}}@media (max-width:600px){.phase-bonus-badge{margin-left:var(--space-xs);padding:3px 8px;font-size:.7rem}.phase-group-left{gap:var(--space-xs);flex-wrap:wrap}}@media (max-width:768px){.bonus-indicator-group{gap:var(--space-xs)}.bonus-bracket{width:32px}.bracket-bonus{padding:3px 6px;font-size:.75rem}}@media (max-width:480px){.bonus-indicator-group{gap:var(--space-xs);flex-direction:column}.bonus-bracket{width:100%;height:auto;padding:var(--space-xs)var(--space-sm);justify-content:flex-start;gap:var(--space-xs);background:#e8b84d14;border-radius:6px;flex-direction:row}.bracket-line{display:none}.bracket-bonus{font-size:.8rem}.bracket-bonus:before{content:"Bonus excellence: ";color:var(--text-tertiary);font-weight:400}.bonus-indicators-list{gap:var(--space-xs)}}.directors-notes-section{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--canvas-surface);border:1px solid var(--canvas-border);box-shadow:var(--shadow-md);border-radius:16px;position:relative}.directors-notes-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.notes-label{font-family:var(--font-display);color:var(--accent-gold);text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;font-size:.85rem;font-style:italic}.notes-divider{background:linear-gradient(90deg,var(--accent-gold),transparent);opacity:.7;flex:1;height:1px}.top-fix-note{margin-bottom:var(--space-lg);padding:var(--space-md)var(--space-lg);padding-left:calc(var(--space-lg) + 6px);background:linear-gradient(135deg,rgba(var(--accent-gold-rgb,212,175,55),.06),transparent);border-radius:4px;font-style:italic;position:relative}.top-fix-note:before{content:"";background:var(--accent-gold);opacity:.5;width:2px;position:absolute;top:0;bottom:0;left:0}.top-fix-pin{left:-4px;top:var(--space-md);background:var(--accent-gold);width:10px;height:10px;box-shadow:0 0 6px rgba(var(--accent-gold-rgb,212,175,55),.4);border-radius:50%;position:absolute}.top-fix-body{flex-direction:column;gap:4px;display:flex}.top-fix-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-gold);opacity:.85;font-size:.7rem;font-style:italic}.top-fix-text{color:var(--text-primary);margin:0;font-size:.92rem;line-height:1.55}.directors-notes-grid{gap:var(--space-xl);grid-template-columns:1.2fr 1fr;display:grid}.notes-column.actions-column{position:relative}.column-header{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.column-number{font-family:var(--font-mono);color:var(--accent-gold);opacity:.6;letter-spacing:.1em;font-size:.7rem}.column-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:500}.actions-stack{gap:var(--space-md);padding-left:var(--space-sm);border-left:2px solid #e8b84d33;flex-direction:column;display:flex}.action-note{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm)0;display:flex;position:relative}.action-marker{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.marker-line{background:var(--accent-gold);opacity:.5;width:12px;height:2px;margin-left:-18px}.marker-number{font-family:var(--font-mono);color:var(--accent-gold);min-width:20px;font-size:.8rem;font-weight:700}.action-item+.action-item{border-top:1px solid #ffffff0d}.action-note{align-items:baseline;gap:12px;padding:12px 0;display:flex}.action-note:hover .action-content{color:var(--text-primary)}.marker-number{color:var(--accent-gold);flex-shrink:0;min-width:18px;font-size:.8rem;font-weight:700}.action-content{color:var(--text-secondary);flex:1;margin:0;font-size:.95rem;line-height:1.55}.impact-badge{white-space:nowrap;letter-spacing:.02em;border-radius:6px;flex-shrink:0;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.impact-critique{color:#ef4444;background:#ef44441f}.impact-fort{color:#f97316;background:#f973161f}.impact-moyen{color:#ca8a04;background:#eab3081f}.impact-faible{color:#9ca3af;background:#9ca3af1a}.action-detail{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0 12px 30px;display:flex}.action-detail-criteria{flex-wrap:wrap;gap:5px;display:flex}.criteria-tag{color:var(--accent-teal,#1e6b6b);background:#1e6b6b14;border-radius:4px;padding:3px 10px;font-size:.72rem;font-weight:500;display:inline-block}.action-detail-effort{color:var(--text-tertiary);background:#ffffff0a;border-radius:4px;padding:3px 10px;font-size:.72rem}.action-note:hover .marker-number{transform:scale(1.1)}.notes-annotations{gap:var(--space-lg);flex-direction:column;display:flex}.annotation-block{padding:var(--space-md);border:1px solid;border-radius:12px;position:relative;overflow:hidden}.annotation-block:before{content:"";border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.blockers-block{background:linear-gradient(135deg,#ff4d4d1a,#ff4d4d0a);border-color:#ff4d4d4d;box-shadow:0 4px 16px #ff4d4d1a}.blockers-block:before{background:linear-gradient(#ff4d4d,#ff8a8a)}.strengths-block{background:linear-gradient(135deg,#00c8961a,#00c8960a);border-color:#00c8964d;box-shadow:0 4px 16px #00c8961a}.strengths-block:before{background:linear-gradient(#00c896,#5dffc4)}.annotation-header{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);display:flex}.annotation-indicator{border-radius:50%;width:10px;height:10px}.annotation-indicator.critical{background:#ff4d4d;box-shadow:0 0 12px #ff4d4d99}.annotation-indicator.excellent{background:#00c896;box-shadow:0 0 12px #00c89699}.annotation-title{font-family:var(--font-display);margin:0;font-size:1rem;font-weight:600}.blockers-block .annotation-title{color:#e53e3e}.strengths-block .annotation-title{color:#00a67d}.annotation-list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.annotation-item{align-items:flex-start;gap:var(--space-xs);display:flex}.annotation-dash{font-family:var(--font-mono);flex-shrink:0;font-size:.9rem;font-weight:600;line-height:1.6}.blockers-block .annotation-dash{color:#ff4d4d}.strengths-block .annotation-dash{color:#00c896}.annotation-text{color:var(--text-primary);font-size:.9rem;line-height:1.6}.annotation-item:hover .annotation-text{color:var(--text-primary)}@media (max-width:900px){.directors-notes-grid{gap:var(--space-lg);grid-template-columns:1fr}.notes-annotations{gap:var(--space-md);flex-direction:row}.annotation-block{flex:1}}@media (max-width:600px){.directors-notes-section{padding:var(--space-md)}.notes-annotations{flex-direction:column}.column-title{font-size:1rem}.action-content{font-size:.9rem}}.phase-timeline-section{background:var(--canvas-surface);border:1px solid var(--canvas-border);padding:var(--space-lg);box-shadow:var(--shadow-md);border-radius:16px;overflow:hidden}.timeline-header{margin-bottom:var(--space-lg);text-align:center;border-bottom:1px solid var(--canvas-border);padding-bottom:var(--space-md)}.timeline-title{font-family:var(--font-display);color:var(--accent-gold);letter-spacing:.02em;margin:0 0 .5rem;font-size:1.75rem;font-weight:400}.timeline-subtitle{font-family:var(--font-body);color:var(--text-tertiary);margin:0;font-size:.9rem;font-style:italic}.film-timeline{grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.timeline-chapter{background:var(--canvas-elevated);border-right:1px solid var(--canvas-border);min-height:200px;padding:var(--space-md);transition:var(--transition-base);flex-direction:column;align-items:stretch;display:flex;position:relative}.timeline-chapter:last-child{border-right:none}.timeline-chapter:hover{background:var(--canvas-border);box-shadow:var(--shadow-md);z-index:2;transform:translateY(-4px)}.timeline-chapter:before{content:"";background:var(--canvas-border);height:3px;transition:var(--transition-base);position:absolute;top:0;left:0;right:0}.timeline-chapter.excellent:before{background:linear-gradient(90deg,var(--color-excellent),var(--color-excellent-glow));box-shadow:0 0 12px var(--color-excellent-glow)}.timeline-chapter.good:before{background:linear-gradient(90deg,var(--color-good),var(--color-good-glow));box-shadow:0 0 12px var(--color-good-glow)}.timeline-chapter.average:before{background:linear-gradient(90deg,var(--color-average),var(--color-average-glow));box-shadow:0 0 12px var(--color-average-glow)}.timeline-chapter.critical:before{background:linear-gradient(90deg,var(--color-critical),var(--color-critical-glow));box-shadow:0 0 12px var(--color-critical-glow)}.chapter-number{font-family:var(--font-display);color:var(--text-muted);margin-bottom:var(--space-sm);opacity:.6;transition:var(--transition-base);font-size:3.5rem;font-weight:300;line-height:1}.timeline-chapter:hover .chapter-number{opacity:.8;color:var(--accent-gold)}.timeline-chapter.excellent .chapter-number{color:var(--color-excellent);opacity:.7}.timeline-chapter.good .chapter-number{color:var(--color-good);opacity:.7}.timeline-chapter.average .chapter-number{color:var(--color-average);opacity:.7}.timeline-chapter.critical .chapter-number{color:var(--color-critical);opacity:.7}.chapter-content{justify-content:space-between;gap:var(--space-md);flex-direction:column;flex:1;display:flex}.chapter-header{flex-direction:column;gap:.25rem;display:flex}.chapter-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.01em;transition:var(--transition-base);margin:0;font-size:1.25rem;font-weight:500}.timeline-chapter:hover .chapter-title{color:var(--accent-gold)}.chapter-description{font-family:var(--font-body);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:500}.chapter-metrics{gap:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--canvas-border);flex-direction:column;display:flex}.metric-primary{align-items:baseline;gap:.25rem;display:flex}.metric-value{font-family:var(--font-mono);color:var(--text-primary);transition:var(--transition-base);font-size:1.75rem;font-weight:700;line-height:1}.timeline-chapter.excellent .metric-value{color:var(--color-excellent)}.timeline-chapter.good .metric-value{color:var(--color-good)}.timeline-chapter.average .metric-value{color:var(--color-average)}.timeline-chapter.critical .metric-value{color:var(--color-critical)}.metric-label{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:lowercase;font-size:.7rem;font-weight:500}.metric-secondary{align-items:baseline;gap:.35rem;display:flex}.metric-count{font-family:var(--font-mono);color:var(--text-secondary);font-size:1.1rem;font-weight:600}.metric-count-label{font-family:var(--font-body);color:var(--text-tertiary);font-size:.7rem;font-weight:400}.timeline-connector{pointer-events:none;z-index:1;width:1px;height:60%;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.connector-line{background:linear-gradient(to bottom,transparent,var(--canvas-border-strong)20%,var(--canvas-border-strong)80%,transparent);opacity:.5;width:100%;height:100%}.summary-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.summary-column{padding:var(--space-md);background:var(--canvas-surface);border:1px solid var(--canvas-border);border-radius:16px}.summary-column.forces{border-left:4px solid var(--color-excellent)}.summary-column.faiblesses{border-left:4px solid var(--color-critical)}.summary-header{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);display:flex}.summary-icon{font-size:1.25rem}.summary-header h3{color:var(--text-primary);flex:1;margin:0;font-size:1rem;font-weight:600}.summary-column.forces .summary-header h3{color:var(--color-excellent)}.summary-column.faiblesses .summary-header h3{color:var(--color-critical)}.summary-count{background:var(--canvas-elevated);color:var(--text-tertiary);border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.summary-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.summary-item{align-items:center;gap:var(--space-sm);background:var(--canvas-elevated);transition:var(--transition-base);border-radius:8px;padding:.6rem .75rem;display:flex}.summary-item:hover{transform:translate(4px)}.summary-item.empty{color:var(--text-muted);font-style:italic}.item-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.summary-column.forces .item-dot{background:var(--color-excellent);box-shadow:0 0 6px var(--color-excellent-glow)}.summary-column.faiblesses .item-dot{background:var(--color-critical);box-shadow:0 0 6px var(--color-critical-glow)}.item-name{color:var(--text-primary);flex:1;font-size:.9rem}.item-score{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.8rem;font-weight:600}.indicators-section{background:var(--canvas-surface);border:1px solid var(--canvas-border);border-radius:16px;overflow:hidden}.indicators-header{padding:var(--space-md);border-bottom:1px solid var(--canvas-border);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.section-title{align-items:center;gap:var(--space-xs);color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600;display:flex}.section-icon{font-size:1.25rem}.indicator-tabs{gap:var(--space-xs);display:flex}.tab-btn{background:var(--canvas-elevated);border:1px solid var(--canvas-border);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-base);border-radius:8px;align-items:center;gap:6px;padding:.5rem .9rem;font-size:.85rem;font-weight:500;display:flex}.tab-btn:hover{background:var(--canvas-border);color:var(--text-primary)}.tab-btn.active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--canvas-deep)}.tab-btn.tab-success.active{background:var(--color-excellent);border-color:var(--color-excellent)}.tab-btn.tab-warning.active{background:var(--color-critical);border-color:var(--color-critical)}.tab-icon{font-size:.85rem}.indicators-by-phase{flex-direction:column;display:flex}.phase-group{border-bottom:1px solid var(--canvas-border)}.phase-group:last-child{border-bottom:none}.phase-group-header{width:100%;padding:var(--space-md);background:var(--canvas-elevated);cursor:pointer;transition:var(--transition-base);border:none;justify-content:space-between;align-items:center;display:flex}.phase-group-header:hover{background:var(--canvas-border)}.phase-group-left{align-items:center;gap:var(--space-sm);display:flex}.phase-group-icon{font-size:1.25rem}.phase-group-label{color:var(--text-primary);font-size:1rem;font-weight:600}.phase-group-description{color:var(--text-tertiary);font-size:.8rem;font-style:italic}.phase-group-count{color:var(--text-tertiary);background:var(--canvas-surface);border-radius:10px;padding:.2rem .6rem;font-size:.8rem}.phase-chevron{color:var(--text-tertiary);transition:transform var(--transition-base);font-size:.7rem}.phase-chevron.rotated{transform:rotate(180deg)}.phase-indicators{gap:var(--space-sm);padding:var(--space-sm)var(--space-md)var(--space-md);flex-direction:column;display:flex}.indicator-card{background:var(--canvas-elevated);padding:var(--space-sm);border-left:3px solid var(--canvas-border);transition:var(--transition-base);border-radius:10px}.indicator-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.indicator-card.excellent{border-left-color:var(--color-excellent);background:linear-gradient(135deg,var(--color-excellent-bg),var(--canvas-elevated))}.indicator-card.good{border-left-color:var(--color-good);background:linear-gradient(135deg,var(--color-good-bg),var(--canvas-elevated))}.indicator-card.average{border-left-color:var(--color-average);background:linear-gradient(135deg,var(--color-average-bg),var(--canvas-elevated))}.indicator-card.critical{border-left-color:var(--color-critical);background:linear-gradient(135deg,var(--color-critical-bg),var(--canvas-elevated))}.indicator-card-header{align-items:flex-start;gap:var(--space-xs);margin-bottom:.5rem;display:flex}.indicator-score-pill{font-family:var(--font-mono);text-align:center;border-radius:6px;flex-shrink:0;min-width:36px;padding:3px 8px;font-size:.7rem;font-weight:700}.indicator-score-pill.excellent{background:var(--color-excellent);color:var(--canvas-deep)}.indicator-score-pill.good{background:var(--color-good);color:var(--canvas-deep)}.indicator-score-pill.average{background:var(--color-average);color:var(--canvas-deep)}.indicator-score-pill.critical{background:var(--color-critical);color:#fff}.indicator-score-pill.pillar-pill{letter-spacing:.05em;min-width:42px;font-weight:800}.indicator-score-pill.pillar-pill.validated{background:var(--color-excellent);color:var(--canvas-deep)}.indicator-score-pill.pillar-pill.not-validated{background:var(--color-critical);color:#fff}.indicator-card.pillar-card{border-left-width:3px}.indicator-card-name{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:600;line-height:1.3}.indicator-card-explanation{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}.no-indicators{padding:var(--space-lg);text-align:center;color:var(--text-muted)}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.video-column{padding:var(--space-md)}.video-frame{max-width:100%}.content-column{padding:var(--space-md);background:var(--canvas-surface);border:1px solid var(--canvas-border);border-radius:16px}.film-timeline{gap:var(--space-xs);grid-template-columns:repeat(2,1fr)}.timeline-chapter{border-right:none;border-bottom:1px solid var(--canvas-border);min-height:180px}.timeline-chapter:nth-child(2n){border-right:none}.chapter-number{font-size:2.5rem}.timeline-connector{display:none}.summary-row{grid-template-columns:1fr}}@media (max-width:600px){.directors-header{gap:var(--space-sm);padding:var(--space-sm);flex-direction:column}.header-left{justify-content:center;width:100%}.header-brand,.header-divider{display:none}.header-nav{justify-content:stretch;width:100%}.nav-action{flex:1;justify-content:center;padding:10px 8px;font-size:.7rem}.results-main{padding:var(--space-sm);gap:var(--space-md)}.indicators-header{flex-direction:column;align-items:flex-start}.indicator-tabs{flex-direction:column;width:100%}.tab-btn{justify-content:center;width:100%}.indicator-row-header{align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm);flex-direction:column}.indicator-right{justify-content:space-between;width:100%}.film-timeline{grid-template-columns:1fr}.timeline-chapter{border-right:none;border-bottom:1px solid var(--canvas-border);min-height:160px}.timeline-chapter:last-child{border-bottom:none}.chapter-number{font-size:2rem}.chapter-title{font-size:1.1rem}.metric-value{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.score-ring,.timeline-chapter,.chapter-number,.chapter-title,.metric-value,.indicator-row,.summary-item,.back-link,.nav-action,.tab-btn{transition:none}.timeline-chapter:hover{transform:none}.indicator-content,.loading-spinner{animation:none}}.video-uploader{width:100%;margin:0}.uploader-toggle{color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#00005005;border:2px solid #0000500d;border-radius:50px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.uploader-toggle:hover{color:#ffffffe6;background:#00005005;border-color:#fff3;transform:translateY(-1px)}.uploader-toggle:active{transform:translateY(0)}.uploader-icon{align-items:center;font-size:1.25rem;display:flex}.uploader-text{letter-spacing:-.01em}.upload-panel{border:1px solid var(--canvas-border,#e1e4ed);-webkit-backdrop-filter:blur(20px);background:#00005005;border-radius:24px;margin-top:1.5rem;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.4,0,.2,1) slideDown;position:relative;box-shadow:0 8px 32px #0000001a}.upload-panel.dragging{background:#ffffff1f;border:2px dashed #ffffff4d}.drag-overlay{z-index:9999;background:#1e6b6bf2;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.drag-content{text-align:center;color:#fff;animation:.3s cubic-bezier(.4,0,.2,1) scaleIn}.drag-icon{margin-bottom:1rem;font-size:6rem;animation:1s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.drag-content p{margin:0;font-size:2rem;font-weight:600}.platform-selector{justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.platform-chip{border:1px solid var(--canvas-border,#e1e4ed);cursor:pointer;color:#ffffffb3;-webkit-backdrop-filter:blur(10px);background:#00005005;border-radius:24px;padding:.65rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.platform-chip:hover{color:#ffffffe6;background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.platform-chip.active{color:#fff;background:#1e6b6b66;border-color:#1e6b6b99;box-shadow:0 4px 16px #1e6b6b4d}.upload-method-tabs{background:#0003;border:1px solid #0000500d;border-radius:16px;gap:.5rem;margin-bottom:1.5rem;padding:.35rem;display:flex}.method-tab{cursor:pointer;color:#ffffff80;background:0 0;border:none;border-radius:12px;flex:1;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.method-tab.active{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff1f;box-shadow:0 2px 12px #00000026}.drop-zone{text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#1e6b6b14 0%,#1e6b6b05 100%);border:2px dashed #1e6b6b66;border-radius:20px;min-height:280px;padding:3.5rem 2rem;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.drop-zone:before{content:"";pointer-events:none;opacity:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");border-radius:18px;transition:opacity .4s;position:absolute;inset:0}.drop-zone:hover:before{opacity:1}.drop-zone:hover{border-color:var(--story-teal,#1e6b6b);background:linear-gradient(135deg,#1e6b6b26 0%,#1e6b6b14 100%);transform:scale(1.02);box-shadow:0 0 40px #1e6b6b33,inset 0 0 60px #1e6b6b0d}.drop-zone.drag-over,.upload-panel.dragging .drop-zone{border-color:var(--story-lime,#dfff00);background:linear-gradient(135deg,#dfff001a 0%,#1e6b6b1a 100%);transform:scale(1.03);box-shadow:0 0 50px #dfff0040,inset 0 0 80px #dfff0014}.drop-zone-content{pointer-events:none;z-index:1;position:relative}.drop-icon{opacity:.6;color:var(--story-teal,#1e6b6b);margin-bottom:1.5rem;font-size:4rem;transition:all .4s}.drop-zone:hover .drop-icon{opacity:1;filter:drop-shadow(0 8px 20px #1e6b6b66);transform:translateY(-8px)}.drop-primary{font-family:"Satoshi",var(--font-body),sans-serif;color:#fffffff2;letter-spacing:-.01em;margin:.75rem 0;font-size:1.35rem;font-weight:700}.drop-secondary{font-family:"Satoshi",var(--font-body),sans-serif;color:#ffffff8c;margin:.35rem 0;font-size:1rem;font-weight:400}.drop-hint{font-family:"JetBrains Mono",var(--font-mono),monospace;color:#1e6b6bb3;letter-spacing:.05em;text-transform:uppercase;margin-top:1.25rem;font-size:.8rem}.file-selected{-webkit-backdrop-filter:blur(10px);background:#1e6b6b33;border:1px solid #1e6b6b66;border-radius:16px;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;display:flex}.file-info{align-items:center;gap:1rem;display:flex}.file-icon{font-size:2rem}.file-details{text-align:left}.file-name{color:#fff;margin:0 0 .25rem;font-size:1rem;font-weight:600}.file-size{color:#fff9;margin:0;font-size:.85rem}.file-remove{width:32px;height:32px;color:var(--text-primary,#000050);cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ff3b3033;border:1px solid #ff3b304d;border-radius:50%;font-size:1.2rem;transition:all .2s}.file-remove:hover{color:var(--text-primary,#000050);background:#ff3b304d;border-color:#ff3b3080;transform:scale(1.1)}.url-input-area{margin-bottom:1rem}.url-input{border:1px solid var(--canvas-border,#e1e4ed);box-sizing:border-box;color:#fff;-webkit-backdrop-filter:blur(10px);background:#0003;border-radius:14px;width:100%;padding:1rem 1.5rem;font-size:1rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.url-input::placeholder{color:#fff6}.url-input:focus{background:#00000040;border-color:#1e6b6b99;outline:none;box-shadow:0 0 0 3px #1e6b6b26}.metadata-inputs{flex-direction:column;gap:1rem;margin:1.5rem 0;display:flex}.metadata-input,.metadata-textarea{border:1px solid var(--canvas-border,#e1e4ed);box-sizing:border-box;color:#fff;-webkit-backdrop-filter:blur(10px);background:#0003;border-radius:14px;width:100%;padding:1rem 1.5rem;font-family:inherit;font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.metadata-input::placeholder,.metadata-textarea::placeholder{color:#fff6}.metadata-input:focus,.metadata-textarea:focus{background:#00000040;border-color:#1e6b6b99;outline:none;box-shadow:0 0 0 3px #1e6b6b26}.metadata-textarea{resize:vertical;min-height:80px}.metadata-hint{color:#fff6;margin:.5rem 0 0;font-size:.85rem;font-style:italic}.thumbnail-section{-webkit-backdrop-filter:blur(10px);background:#00000026;border:1px solid #0000500d;border-radius:16px;margin:1.5rem 0;padding:1.75rem}.thumbnail-label{color:#ffffffb3;text-align:center;margin:0 0 1rem;font-size:.95rem;font-weight:600}.thumbnail-drop-zone{cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#00000026;border:2px dashed #fff3;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.thumbnail-drop-zone:hover{background:#1e6b6b26;border-color:#1e6b6b80;transform:translateY(-1px)}.thumbnail-icon{opacity:.6;font-size:1.5rem}.thumbnail-text{color:#fff9;font-size:.95rem;font-weight:500}.thumbnail-selected{display:inline-block;position:relative}.thumbnail-preview{border:1px solid var(--canvas-border,#e1e4ed);border-radius:12px;max-width:200px;max-height:150px;box-shadow:0 4px 16px #0000004d}.thumbnail-remove{width:28px;height:28px;color:var(--text-primary,#000050);cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ff3b3033;border:1px solid #ff3b3066;border-radius:50%;font-size:1rem;transition:all .2s;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 12px #00000040}.thumbnail-remove:hover{color:var(--text-primary,#000050);background:#ff3b3066;border-color:#ff3b3099;transform:scale(1.1)}.upload-progress{background:#1e6b6b0d;border-radius:12px;margin:1.5rem 0;padding:1rem;animation:.3s cubic-bezier(.4,0,.2,1) slideIn}.progress-info{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.progress-message{color:#1e6b6b;font-size:.95rem;font-weight:600}.progress-percentage{color:#666;font-size:.9rem;font-weight:600}.progress-bar{background:#1e6b6b26;border-radius:5px;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.progress-fill{background:linear-gradient(90deg,var(--story-teal,#1e6b6b)0%,var(--story-lime,#dfff00)100%);border-radius:5px;height:100%;transition:width .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:2s infinite progressShimmer;position:absolute;top:0;left:-100%}@keyframes progressShimmer{0%{left:-100%}to{left:100%}}.uploader-actions{gap:1rem;margin-top:1.5rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:14px;flex:1;padding:1.1rem 1.75rem;font-size:1rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary{color:#fff;-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e6b6bcc 0%,#165252e6 100%);border:1px solid #1e6b6b66;box-shadow:0 4px 16px #1e6b6b4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e6b6be6 0%,#165252 100%);transform:translateY(-2px);box-shadow:0 6px 24px #1e6b6b66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#ffffffb3;border:1px solid var(--canvas-border,#e1e4ed);-webkit-backdrop-filter:blur(10px);background:#00005005}.btn-secondary:hover:not(:disabled){color:#ffffffe6;background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.upload-panel{padding:1.5rem}.drop-zone{padding:2rem 1rem}.drop-icon{font-size:2.5rem}.drop-primary{font-size:1rem}.uploader-actions,.platform-selector{flex-direction:column}}.video-uploader-unified{width:100%;max-width:640px;margin:0 auto}.upload-panel-unified{background:#00005005;border:1px solid #00005005;border-radius:16px;flex-direction:column;gap:1rem;margin-top:0;padding:1.5rem;display:flex;position:relative}.upload-panel-unified.dragging{border-color:var(--story-teal,#1e6b6b);background:#1e6b6b0d}.upload-progress-unified{background:#00005005;border-radius:12px;margin-top:.5rem;padding:1rem}.upload-progress-unified .progress-info{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.upload-progress-unified .progress-message{color:var(--text-primary,#000050);font-size:.875rem}.upload-progress-unified .progress-percentage{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--story-teal,#1e6b6b);font-size:.875rem;font-weight:600}.upload-progress-unified .progress-bar{background:#0000500d;border-radius:2px;height:4px;overflow:hidden}.upload-progress-unified .progress-fill{background:linear-gradient(90deg,var(--story-teal,#1e6b6b),var(--story-lime,#dfff00));border-radius:2px;height:100%;transition:width .3s}.video-uploader-unified .script-drag-overlay{z-index:10;background:#1e6b6bf2;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-uploader-unified .drag-overlay-content{text-align:center;color:var(--text-primary,#000050)}.video-uploader-unified .drag-icon{margin-bottom:1rem;font-size:3rem}.video-uploader-unified .drag-text{font-size:1.125rem;font-weight:500}.weighted-conformity-section .hero-score-container{margin-bottom:var(--space-md)}.weighted-conformity-section .caps-warning{width:fit-content;margin:0 auto var(--space-sm)}.conformity-action{max-width:640px;margin:0 auto var(--space-md);text-align:center;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.weighted-conformity-section .summary-quote{max-width:760px;margin:0 auto}.weighted-phases-grid{margin-top:var(--space-lg)}.weighted-phases-grid .phase-card{flex-direction:column;display:flex}.weighted-phases-grid .phase-name{flex:1;justify-content:center;align-items:center;display:flex}.weighted-phases-grid .phase-score-percentage{align-items:center}.weighted-phases-grid .percentage-value{font-size:1.375rem;font-weight:600}