body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.footer-link:hover{color:#7c3aed!important;text-decoration:underline!important;transform:translateY(-1px)}.homepage-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f8fafc;color:#334155}.app-title{color:#2563eb;margin-bottom:25px;font-size:2.2rem;text-align:center;font-weight:700;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.controls-section{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000000d;align-items:flex-end}.select-group{display:flex;flex-direction:column;min-width:180px}.select-group label{margin-bottom:6px;font-size:.9rem;color:#475569;font-weight:500}.select-group select{padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;background:#fff;color:#334155;transition:all .2s}.select-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.upload-section{display:flex;flex-direction:column;gap:10px}.upload-button,.generate-button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;height:42px}.upload-button{background:#e2e8f0;color:#334155}.upload-button:hover{background:#cbd5e1}.generate-button{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 4px 6px #2563eb33}.generate-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 8px #2563eb4d}.generate-button:disabled{background:#94a3b8;cursor:not-allowed;opacity:.7}.image-preview{margin-top:10px;max-width:200px;max-height:150px;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.image-preview img{width:100%;height:100%;object-fit:cover}.concept-input-section{width:100%;margin-bottom:20px}.concept-input-section textarea{width:100%;padding:15px;border:1px solid #cbd5e1;border-radius:12px;font-size:1rem;min-height:120px;resize:vertical;background:#fff;transition:all .2s}.concept-input-section textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.loading-message{color:#2563eb;margin:10px 0;text-align:center;font-weight:500}.error-message{color:#dc2626;margin:10px 0;padding:12px;border-radius:8px;background:#fee2e2;text-align:center;font-weight:500}.section-header{display:flex;justify-content:space-between;align-items:center;margin:30px 0 20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.section-header h2{color:#1e293b;font-size:1.5rem;margin:0}.pagination-info{color:#64748b;font-size:.95rem}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-bottom:30px}.video-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;cursor:pointer}.video-item:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.video-thumbnail{position:relative;padding-top:56.25%;overflow:hidden}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#0009;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;transition:opacity .3s}.video-item:hover .play-icon{opacity:1}.video-title{padding:12px;margin:0;font-size:.95rem;font-weight:500;color:#334155;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:44px;line-height:1.4}.pagination{display:flex;justify-content:center;gap:15px;margin-top:20px}.pagination button{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s;min-width:100px}.pagination button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 6px #1d4ed833}.pagination button:disabled{background:#94a3b8;cursor:not-allowed;opacity:.7}@media (max-width: 768px){.controls-section{flex-direction:column;align-items:stretch}.select-group{width:100%}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.app-title{font-size:1.8rem}}@media (max-width: 480px){.homepage-container{padding:15px}.videos-grid{grid-template-columns:repeat(2,1fr)}.pagination{gap:10px}.pagination button{padding:8px 15px;min-width:auto}}.video-container{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden}.video-container.video{aspect-ratio:16 / 9}.video-container.page{background:#fff}.video-container>iframe,.video-container>div{position:absolute;top:0;right:0;bottom:0;left:0}.title-row{display:flex;align-items:center;gap:12px}.title-row h1{flex:1 1 auto;margin:0}.open-new-btn{flex:0 0 auto;padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:.95rem;cursor:pointer;transition:all .2s ease}.open-new-btn:hover{background:#f1f5f9;border-color:#94a3b8}.player-page{max-width:1200px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#333;background:#f8fafc;min-height:100vh}.back-button{background:transparent;border:none;font-size:16px;cursor:pointer;color:#4f46e5;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;transition:all .2s}.back-button:hover{background:#f1f5f9;color:#3730a3}.primary-button{background:#4f46e5;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s;font-size:16px;margin-top:16px}.primary-button:hover{background:#3730a3}.error-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:20px}.error-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000000d;padding:40px;text-align:center;max-width:600px;width:100%}.error-card h2{color:#ef4444;font-size:28px;margin-bottom:16px}.error-card p{color:#64748b;font-size:18px;margin-bottom:24px}.contact-info{background:#fef2f2;padding:16px;border-radius:8px;margin:24px 0;color:#b91c1c}.generating-view{padding-top:40px}.generating-view .header{display:flex;align-items:center;gap:20px;margin-bottom:40px}.generating-view h1{font-size:28px;font-weight:700;color:#1e293b}.progress-container{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 25px #0000000d;text-align:center;margin-bottom:30px}.countdown-badge{font-size:48px;font-weight:800;color:#4f46e5;margin-bottom:20px}.progress-bar{height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin:0 auto 30px;max-width:500px}.progress-fill{height:100%;background:#4f46e5;border-radius:6px;transition:width .5s ease}.status-message{font-size:18px;color:#475569;font-weight:500}.waiting-message{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 25px #0000000d;text-align:center}.spinner{width:60px;height:60px;border:5px solid #e2e8f0;border-top:5px solid #4f46e5;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.elapsed-time{font-size:18px;color:#475569;margin-top:16px;font-weight:500}.provider-selector{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d;max-width:500px;margin:20px auto}.provider-selector label{display:block;margin-bottom:8px;font-weight:500;color:#334155}.provider-selector select{width:100%;padding:12px 16px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;font-size:16px;color:#334155}.heartbeat-info{display:flex;align-items:center;justify-content:center;gap:8px;background:#f0fdf4;color:#15803d;padding:12px 20px;border-radius:8px;font-weight:500;max-width:500px;margin:20px auto}.heartbeat-icon{font-size:18px}.progress-log{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 25px #0000000d;margin-top:30px}.progress-log h3{font-size:20px;margin-bottom:16px;color:#1e293b}.log-container{max-height:300px;overflow-y:auto;background:#f8fafc;border-radius:12px;padding:20px}.log-entry{padding:12px 0;border-bottom:1px solid #e2e8f0;font-size:14px;color:#475569;display:flex;align-items:flex-start;gap:10px}.log-time{color:#94a3b8;font-size:12px;min-width:70px}.success-view{padding-top:20px}.success-view .header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.success-view h1{font-size:24px;font-weight:700;color:#1e293b}.video-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #0000000d;margin-bottom:30px;position:relative}.video-container:before{content:"";display:block;padding-top:56.25%}.video-container>div{position:absolute;top:0;left:0;width:100%;height:100%}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{flex:1;padding:16px;background:#f1f5f9;border:none;border-radius:12px;font-size:16px;font-weight:500;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.tab.active{background:#4f46e5;color:#fff}.tab-icon{font-size:18px}.tab-content{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 25px #0000000d;margin-bottom:30px}.info-card,.answer-card,.transcript-card{background:#f8fafc;border-radius:12px;padding:24px}.info-card h3,.answer-card h3,.transcript-card h3{font-size:20px;margin-bottom:20px;color:#1e293b;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.info-item{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #00000008}.info-item label{display:block;font-weight:500;color:#475569;margin-bottom:8px}.info-link{color:#4f46e5;text-decoration:none;word-break:break-all;display:block;transition:color .2s}.info-link:hover{color:#3730a3;text-decoration:underline}.provider-value{font-weight:500;color:#334155;padding:8px 12px;background:#ede9fe;border-radius:6px;display:inline-block}.answer-content{line-height:1.6;font-size:16px;color:#334155;white-space:pre-wrap}.transcript-list{list-style:none;padding:0;margin:0}.transcript-item{padding:16px 0;border-bottom:1px solid #e2e8f0;display:flex;gap:12px}.line-number{color:#94a3b8;font-weight:500;min-width:30px}.footer-info{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 25px #0000000d}.log-container{flex-grow:1;max-height:80px;overflow-y:auto;background:#f8fafc;border-radius:12px;padding:12px 16px}.log-entry{padding:4px 0;font-size:14px;color:#475569}@media (max-width: 768px){.player-page{padding:15px}.error-card,.progress-container,.waiting-message{padding:30px 20px}.info-grid{grid-template-columns:1fr}.tabs{flex-direction:column}.footer-info{flex-direction:column;align-items:stretch}.video-container:before{padding-top:56.25%}}.copy-button{background:#e2e8f0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s;margin-left:8px}.copy-button:hover{background:#cbd5e1}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.answer-content{line-height:1.6;font-size:16px;color:#334155;white-space:pre-wrap;background:#fff;padding:20px;border-radius:8px;margin-top:16px;max-height:400px;overflow-y:auto}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-container{overflow-x:auto;margin:16px 0;border-radius:8px;box-shadow:0 2px 8px #0000001a}.markdown-table{width:100%;border-collapse:collapse;background-color:#fff;font-size:14px;line-height:1.6}.table-header{background-color:#f8f9fa;border:1px solid #dee2e6;padding:12px 16px;text-align:left;font-weight:600;color:#495057;white-space:nowrap}.table-cell{border:1px solid #dee2e6;padding:12px 16px;vertical-align:top;color:#212529}.markdown-table tbody tr:nth-child(2n){background-color:#f8f9fa}.markdown-table tbody tr:hover{background-color:#e9ecef}.katex-display{overflow-x:auto;overflow-y:hidden;padding:8px 0}.katex{font-size:1.1em}@media (max-width: 768px){.table-container{margin:12px -16px;border-radius:0}.table-header,.table-cell{padding:8px 12px;font-size:13px}.markdown-table{font-size:13px}}.title-actions{display:flex;gap:8px}.open-new-btn,.share-btn{flex:0 0 auto;padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:.95rem;cursor:pointer;transition:all .2s ease}.open-new-btn:hover,.share-btn:hover{background:#f1f5f9;border-color:#94a3b8}