*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-50: #f0f0ff;--primary-100: #e0e0ff;--primary-200: #c7c7fe;--primary-300: #a5a5fc;--primary-400: #8b7cf8;--primary-500: #7c5cf2;--primary-600: #6d3ee6;--primary-700: #5e30cb;--primary-800: #4d29a4;--primary-900: #412782;--surface-50: #f8fafc;--surface-100: #f1f5f9;--surface-200: #e2e8f0;--surface-300: #cbd5e1;--surface-400: #94a3b8;--surface-500: #64748b;--surface-600: #475569;--surface-700: #334155;--surface-800: #1e293b;--surface-900: #0f172a;--red-50: #fef2f2;--red-500: #ef4444;--red-600: #dc2626;--green-50: #f0fdf4;--green-500: #22c55e;--blue-50: #eff6ff;--blue-600: #2563eb;--blue-800: #1e40af}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--surface-800);line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .4s ease-out}.app-wrapper{min-height:100vh;background:linear-gradient(180deg,var(--surface-50) 0%,#fff 100%)}.app-main{max-width:72rem;margin:0 auto;padding:3rem 1rem}.navbar{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--surface-200);background:#fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.navbar-inner{max-width:72rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.navbar-brand{display:flex;align-items:center;gap:.5rem}.navbar-logo{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.75rem;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff}.navbar-title{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;color:var(--surface-900)}.lang-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--surface-200);border-radius:.5rem;background:transparent;font-size:.875rem;font-weight:500;color:var(--surface-600);cursor:pointer;transition:all .2s}.lang-btn:hover{border-color:var(--primary-300);color:var(--primary-600)}.hero{margin-bottom:2.5rem;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;margin-bottom:1rem;border-radius:9999px;background:var(--primary-50);font-size:.875rem;font-weight:500;color:var(--primary-700)}.hero-title{margin-bottom:.75rem;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;color:var(--surface-900)}@media(min-width:640px){.hero-title{font-size:3rem}}.hero-subtitle{max-width:36rem;margin:0 auto;font-size:1.125rem;color:var(--surface-500)}.url-form{max-width:42rem;margin:0 auto}.url-input-group{position:relative}.url-glow{position:absolute;inset:-4px;border-radius:1rem;background:linear-gradient(90deg,var(--primary-400),var(--primary-500),var(--primary-600));opacity:.2;filter:blur(8px);transition:opacity .3s;pointer-events:none}.url-input-group:hover .url-glow{opacity:.3}.url-input-box{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--surface-200);border-radius:.75rem;background:#fff;box-shadow:0 4px 24px #0f172a0d}.play-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:.5rem;background:var(--red-50);color:var(--red-500)}.url-input{flex:1;min-width:0;padding:0 .5rem;border:none;background:transparent;font-size:1rem;color:var(--surface-900);outline:none}.url-input::placeholder{color:var(--surface-400)}.submit-btn{display:flex;align-items:center;gap:.5rem;flex-shrink:0;padding:.625rem 1.25rem;border:none;border-radius:.5rem;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:all .2s}.submit-btn:hover{background:linear-gradient(90deg,var(--primary-600),var(--primary-700))}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.error-text{margin-top:.5rem;text-align:center;font-size:.875rem;color:var(--red-500)}.video-preview{max-width:42rem;margin:2rem auto 0}.video-frame{overflow:hidden;border-radius:.75rem;border:1px solid var(--surface-200);box-shadow:0 1px 3px #0000000d}.aspect-video{position:relative;padding-bottom:56.25%}.aspect-video iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:56rem;margin:4rem auto 0}@media(min-width:640px){.feature-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{padding:1rem;text-align:center;border:1px solid var(--surface-100);border-radius:.75rem;background:var(--surface-50)}.feature-count{font-size:1.5rem;font-weight:700;color:var(--primary-600)}.feature-label{font-size:.875rem;color:var(--surface-500)}.processing-wrapper{max-width:28rem;margin:0 auto}.processing-card{padding:2rem;border:1px solid var(--surface-200);border-radius:1rem;background:#fff;box-shadow:0 4px 24px #0f172a0d}.processing-thumb{margin-bottom:1.5rem;border-radius:.75rem;overflow:hidden}.processing-thumb img{width:100%;display:block}.status-icon{display:flex;justify-content:center;margin-bottom:1rem}.status-icon-circle{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%}.status-icon-circle.error{background:var(--red-50);color:var(--red-500)}.status-icon-circle.success{background:var(--green-50);color:var(--green-500)}.status-icon-circle.loading{background:var(--primary-50);color:var(--primary-500)}.status-icon-circle.loading svg{animation:spin 1s linear infinite}.step-label{margin-bottom:1.5rem;text-align:center;font-size:1.125rem;font-weight:500;color:var(--surface-700)}.progress-track{height:.5rem;border-radius:9999px;background:var(--surface-100);overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));transition:width .7s ease-out}.progress-pct{text-align:center;font-size:.875rem;color:var(--surface-400)}.error-box{margin-top:1rem;padding:.75rem;border-radius:.5rem;background:var(--red-50);font-size:.875rem;color:var(--red-600)}.retry-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.625rem 1.5rem;border:none;border-radius:.5rem;background:var(--primary-500);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:background .2s}.retry-btn:hover{background:var(--primary-600)}.processing-center{text-align:center}.content-wrapper{max-width:64rem;margin:0 auto}.content-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--surface-200);border-radius:.5rem;background:transparent;font-size:.875rem;font-weight:500;color:var(--surface-600);cursor:pointer;transition:all .2s}.back-btn:hover{border-color:var(--primary-300);color:var(--primary-600)}.download-group{display:flex;gap:.5rem}.download-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:.5rem;background:var(--surface-100);font-size:.875rem;font-weight:500;color:var(--surface-700);text-decoration:none;cursor:pointer;transition:background .2s}.download-btn:hover{background:var(--surface-200)}.content-video{margin-bottom:1.5rem;overflow:hidden;border-radius:.75rem;border:1px solid var(--surface-200);box-shadow:0 1px 3px #0000000d}.tabs-bar{display:flex;gap:.25rem;overflow-x:auto;padding:.25rem;margin-bottom:1.5rem;border:1px solid var(--surface-200);border-radius:.75rem;background:var(--surface-50)}.tab-btn{display:flex;align-items:center;gap:.375rem;white-space:nowrap;padding:.5rem .75rem;border:none;border-radius:.5rem;background:transparent;font-size:.875rem;font-weight:500;color:var(--surface-500);cursor:pointer;transition:all .2s}.tab-btn:hover{color:var(--surface-700)}.tab-btn.active{background:#fff;color:var(--primary-600);box-shadow:0 1px 3px #0000000d}.tab-content{padding:1.5rem;border:1px solid var(--surface-200);border-radius:.75rem;background:#fff;box-shadow:0 1px 3px #0000000d}.copy-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;margin-top:.5rem;border:1px solid var(--surface-200);border-radius:.5rem;background:transparent;font-size:.75rem;font-weight:500;color:var(--surface-600);cursor:pointer;transition:all .2s}.copy-btn:hover{border-color:var(--primary-300);color:var(--primary-600)}.section-label{margin-bottom:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--surface-400)}.summary-sections>*+*{margin-top:1.5rem}.summary-main{font-size:1.125rem;font-weight:500;color:var(--surface-800)}.summary-text{color:var(--surface-700)}.summary-detailed{color:var(--surface-700);line-height:1.7}.shorts-grid{display:grid;gap:1rem}@media(min-width:640px){.shorts-grid{grid-template-columns:repeat(2,1fr)}}.short-card{padding:1rem;border:1px solid var(--surface-100);border-radius:.75rem;background:#f8fafc80;cursor:pointer;transition:all .2s}.short-card:hover{border-color:var(--primary-200);box-shadow:0 1px 3px #0000000d}.short-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.short-title{font-weight:600;color:var(--surface-800)}.short-number{margin-right:.5rem;color:var(--primary-500)}.short-duration{flex-shrink:0;padding:.125rem .5rem;border-radius:9999px;background:var(--primary-50);font-size:.75rem;font-weight:500;color:var(--primary-600)}.short-field-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--surface-400)}.short-field-value{font-size:.875rem;color:var(--surface-700)}.short-expand>*+*{margin-top:.5rem}.short-expand ul{margin-left:1rem;list-style:disc;font-size:.875rem;color:var(--surface-600)}.short-cta-value{font-size:.875rem;font-weight:500;color:var(--primary-600)}.blog-section>*+*{margin-top:1rem}.blog-title{font-size:1.5rem;font-weight:700;color:var(--surface-900)}.blog-meta{margin-top:.25rem;font-size:.875rem;color:var(--surface-500)}.blog-body{white-space:pre-wrap;color:var(--surface-700);line-height:1.7}.blog-body h1{font-size:1.5rem;font-weight:700;margin:1.5rem 0 .75rem}.blog-body h2{font-size:1.25rem;font-weight:700;margin:1.5rem 0 .5rem}.blog-body h3{font-size:1.125rem;font-weight:700;margin:1rem 0 .5rem}.blog-body strong{font-weight:600}.outline-list>*+*{margin-top:.25rem}.outline-item{padding:.5rem .75rem;border-radius:.5rem;background:var(--surface-50);font-size:.875rem;color:var(--surface-700);list-style:none}.linkedin-section>*+*{margin-top:1rem}.linkedin-box{padding:1.5rem;border-radius:.75rem;background:var(--blue-50)}.linkedin-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.linkedin-header svg{color:var(--blue-600)}.linkedin-header span{font-weight:600;color:var(--blue-800)}.linkedin-body{white-space:pre-wrap;color:var(--surface-700);line-height:1.7}.thread-list>*+*{margin-top:.75rem}.tweet-row{display:flex;gap:.75rem;padding:1rem;border:1px solid var(--surface-100);border-radius:.75rem;background:#f8fafc80}.tweet-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border-radius:50%;background:var(--surface-800);font-size:.75rem;font-weight:700;color:#fff}.tweet-body{flex:1}.tweet-body p{color:var(--surface-700)}.tweet-body>*+*{margin-top:.5rem}.chapters-list>*+*{margin-top:.5rem}.chapter-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--surface-100);border-radius:.5rem;transition:background .2s}.chapter-row:hover{background:var(--surface-50)}.timestamp-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;background:var(--primary-50);font-family:SF Mono,Fira Code,monospace;font-size:.875rem;font-weight:500;color:var(--primary-600)}.chapter-title{color:var(--surface-700)}.seo-sections>*+*{margin-top:1.5rem}.tag-wrap{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tag-primary{padding:.25rem .75rem;border-radius:9999px;background:var(--primary-50);font-size:.875rem;font-weight:500;color:var(--primary-700)}.tag-secondary{padding:.25rem .75rem;border-radius:9999px;background:var(--surface-100);font-size:.875rem;color:var(--surface-600)}.tag-hashtag{padding:.25rem .75rem;border-radius:9999px;background:var(--blue-50);font-size:.875rem;font-weight:500;color:var(--blue-600)}.transcript-box{max-height:24rem;overflow-y:auto;padding:1rem;border-radius:.5rem;background:var(--surface-50);font-size:.875rem;line-height:1.7;color:var(--surface-700)}.history-section{max-width:42rem;margin:3rem auto 0}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.history-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--surface-400)}.clear-btn{display:flex;align-items:center;gap:.25rem;border:none;background:transparent;font-size:.75rem;color:var(--surface-400);cursor:pointer;transition:color .2s}.clear-btn:hover{color:var(--red-500)}.history-list>*+*{margin-top:.5rem}.history-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:1px solid var(--surface-100);border-radius:.75rem;background:#fff;text-align:left;cursor:pointer;transition:all .2s}.history-item:hover{border-color:var(--primary-200);box-shadow:0 1px 3px #0000000d}.history-thumb{width:4rem;height:3rem;flex-shrink:0;border-radius:.5rem;object-fit:cover}.history-info{flex:1;min-width:0}.history-summary{font-size:.875rem;font-weight:500;color:var(--surface-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-date{font-size:.75rem;color:var(--surface-400)}.history-arrow{flex-shrink:0;color:var(--surface-300);transition:color .2s}.history-item:hover .history-arrow{color:var(--primary-500)}.footer{padding:1.5rem;border-top:1px solid var(--surface-100);text-align:center;font-size:.875rem;color:var(--surface-400)}