*,*: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}.output-lang-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;color:var(--surface-500)}.output-lang-label{font-size:.875rem;font-weight:500}.output-lang-select{padding:.375rem .75rem;border:1px solid var(--surface-200);border-radius:.5rem;background:#fff;font-size:.875rem;color:var(--surface-700);cursor:pointer;outline:none;transition:border-color .2s}.output-lang-select:focus{border-color:var(--primary-400)}.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)}.batch-section{max-width:42rem;margin:2rem auto 0;padding:1.5rem;border:1px solid var(--surface-200);border-radius:.75rem;background:#fff;box-shadow:0 1px 3px #0000000d}.batch-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--primary-600)}.batch-title{font-size:1rem;font-weight:700;color:var(--surface-800)}.batch-textarea{width:100%;padding:.75rem;border:1px solid var(--surface-200);border-radius:.5rem;font-size:.875rem;font-family:SF Mono,Fira Code,monospace;color:var(--surface-700);resize:vertical;outline:none;transition:border-color .2s}.batch-textarea:focus{border-color:var(--primary-400)}.batch-textarea::placeholder{color:var(--surface-400)}.batch-hint{margin-top:.375rem;font-size:.75rem;color:var(--surface-400)}.batch-progress{margin-top:1rem}.batch-progress-bar{margin-bottom:1rem}.batch-progress-text{margin-bottom:.375rem;font-size:.875rem;font-weight:600;color:var(--surface-700);text-align:center}.batch-task-list>*+*{margin-top:.5rem}.batch-task-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--surface-100);border-radius:.5rem}.batch-task-status{flex-shrink:0}.text-green{color:var(--green-500)}.text-red{color:var(--red-500)}.text-muted{color:var(--surface-400)}.batch-task-info{flex:1;min-width:0;display:flex;flex-direction:column}.batch-task-vid{font-size:.875rem;font-weight:500;color:var(--surface-800)}.batch-task-step{font-size:.75rem;color:var(--surface-400)}.batch-task-error{font-size:.75rem;color:var(--red-500)}.batch-view-btn{flex-shrink:0;padding:.375rem .75rem;border:1px solid var(--primary-200);border-radius:.5rem;background:var(--primary-50);font-size:.75rem;font-weight:600;color:var(--primary-600);cursor:pointer;transition:all .2s}.batch-view-btn:hover{background:var(--primary-100);border-color:var(--primary-400)}.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)}.navbar-actions{display:flex;align-items:center;gap:.5rem}.user-menu{position:relative}.user-menu-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}.user-menu-btn:hover{border-color:var(--primary-300);color:var(--primary-600)}.user-menu-name{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:10rem;padding:.25rem;border:1px solid var(--surface-200);border-radius:.75rem;background:#fff;box-shadow:0 4px 24px #0f172a1a;z-index:100;animation:fadeIn .15s ease-out}.user-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;border-radius:.5rem;background:transparent;font-size:.875rem;color:var(--surface-700);cursor:pointer;transition:background .15s}.user-menu-item:hover{background:var(--surface-50)}.auth-page{display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem;min-height:calc(100vh - 8rem)}.auth-card{width:100%;max-width:24rem;padding:2rem;border:1px solid var(--surface-200);border-radius:1rem;background:#fff;box-shadow:0 4px 24px #0f172a0d}.profile-card{width:100%;max-width:32rem;padding:2rem;border:1px solid var(--surface-200);border-radius:1rem;background:#fff;box-shadow:0 4px 24px #0f172a0d}.auth-title{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;text-align:center;color:var(--surface-900)}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--surface-600)}.form-input{width:100%;padding:.625rem .75rem;border:1px solid var(--surface-200);border-radius:.5rem;background:#fff;font-size:.875rem;color:var(--surface-900);outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-50)}.form-input::placeholder{color:var(--surface-400)}.auth-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1.25rem;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;transition:all .2s}.auth-btn:hover{background:linear-gradient(90deg,var(--primary-600),var(--primary-700))}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-link{margin-top:1.25rem;text-align:center;font-size:.875rem;color:var(--surface-500)}.auth-link a{color:var(--primary-600);text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline}.success-text{margin-top:.5rem;text-align:center;font-size:.875rem;color:var(--green-500)}.profile-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--surface-100)}.profile-info{display:flex;align-items:center;gap:1rem}.profile-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:var(--primary-50);color:var(--primary-500);cursor:pointer;overflow:hidden;flex-shrink:0}.avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;opacity:0;transition:opacity .2s}.profile-avatar:hover .avatar-overlay{opacity:1}.profile-name{font-size:1.125rem;font-weight:600;color:var(--surface-900)}.profile-email{font-size:.875rem;color:var(--surface-500)}.profile-branding-desc{margin-bottom:.75rem;font-size:.875rem;color:var(--surface-500)}.logo-upload-area{display:flex;align-items:center;gap:1rem}.logo-preview-wrapper{position:relative}.logo-preview{width:4rem;height:4rem;border-radius:.75rem;object-fit:contain;border:1px solid var(--surface-200);background:#fff}.logo-remove-btn{position:absolute;top:-.5rem;right:-.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:50%;background:var(--red-500);color:#fff;cursor:pointer;transition:background .2s}.logo-remove-btn:hover{background:var(--red-600)}.logo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:4rem;height:4rem;border:2px dashed var(--surface-300);border-radius:.75rem;color:var(--surface-400);font-size:.625rem;cursor:pointer;transition:all .2s}.logo-placeholder:hover{border-color:var(--primary-400);color:var(--primary-500)}.logo-upload-btn{display:inline-flex;align-items:center;gap:.375rem;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}.logo-upload-btn:hover{border-color:var(--primary-300);color:var(--primary-600)}.webhook-input-row{display:flex;gap:.5rem}.webhook-input-row .form-input{flex:1}.webhook-save-btn{display:inline-flex;align-items:center;gap:.375rem;flex-shrink:0;padding:.625rem 1rem;border:none;border-radius:.5rem;background:var(--primary-500);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:background .2s}.webhook-save-btn:hover{background:var(--primary-600)}.webhook-save-btn:disabled{opacity:.5;cursor:not-allowed}.danger-zone{margin-top:1.5rem;padding:1.25rem;border:1px solid var(--red-500);border-radius:.75rem;background:var(--red-50)}.danger-text{margin-top:.5rem;font-size:.875rem;color:var(--surface-600)}.danger-btn{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.5rem 1rem;border:none;border-radius:.5rem;background:var(--red-500);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:background .2s}.danger-btn:hover{background:var(--red-600)}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.confirm-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:200}.confirm-modal{width:100%;max-width:24rem;padding:1.5rem;border-radius:1rem;background:#fff;box-shadow:0 8px 32px #0f172a26;animation:fadeIn .2s ease-out}.confirm-modal h3{margin-bottom:.5rem;font-size:1.125rem;font-weight:600;color:var(--surface-900)}.confirm-modal p{font-size:.875rem;color:var(--surface-600)}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem}.cancel-btn{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}.cancel-btn:hover{border-color:var(--surface-300);background:var(--surface-50)}.token-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--primary-200);border-radius:9999px;background:var(--primary-50);font-size:.875rem;font-weight:600;color:var(--primary-700);cursor:pointer;transition:all .2s}.token-badge:hover{border-color:var(--primary-400);background:var(--primary-100)}.token-estimate{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;font-size:.875rem;font-weight:500;color:var(--surface-500)}.token-estimate-error{color:var(--red-500)}.token-upgrade-link{display:inline;padding:0;border:none;background:transparent;font-size:.875rem;font-weight:600;color:var(--primary-600);cursor:pointer;text-decoration:underline}.token-upgrade-link:hover{color:var(--primary-700)}.pricing-page{max-width:64rem;margin:0 auto;padding:3rem 1rem}.pricing-title{margin-top:1.5rem;font-size:2rem;font-weight:800;text-align:center;color:var(--surface-900)}.pricing-subtitle{margin-top:.5rem;margin-bottom:2.5rem;text-align:center;font-size:1.125rem;color:var(--surface-500)}.pricing-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;max-width:56rem;margin:0 auto}@media(min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{position:relative;padding:2rem;border:1px solid var(--surface-200);border-radius:1rem;background:#fff;box-shadow:0 1px 3px #0000000d;transition:all .2s}.pricing-card:hover{box-shadow:0 4px 24px #0f172a1a}.pricing-card-popular{border-color:var(--primary-400);box-shadow:0 4px 24px #7c5cf226}.pricing-card-current{border-color:var(--green-500)}.pricing-popular-badge{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap}.pricing-current-badge{position:absolute;top:-.75rem;right:1rem;padding:.25rem .75rem;border-radius:9999px;background:var(--green-500);font-size:.75rem;font-weight:600;color:#fff}.pricing-plan-name{font-size:1.25rem;font-weight:700;color:var(--surface-900)}.pricing-price{display:flex;align-items:baseline;gap:.25rem;margin:1rem 0 1.5rem}.pricing-amount{font-size:2.5rem;font-weight:800;color:var(--surface-900)}.pricing-period{font-size:1rem;color:var(--surface-400)}.pricing-features{list-style:none;padding:0;margin:0 0 1.5rem}.pricing-features li{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.875rem;color:var(--surface-700)}.pricing-features li svg{flex-shrink:0;color:var(--green-500)}.pricing-btn{display:block;width:100%;padding:.625rem 1.25rem;border:1px solid var(--surface-200);border-radius:.5rem;background:transparent;font-size:.875rem;font-weight:600;color:var(--surface-600);cursor:pointer;transition:all .2s}.pricing-btn:hover{border-color:var(--primary-300);color:var(--primary-600)}.pricing-btn-primary{border:none;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));color:#fff}.pricing-btn-primary:hover{background:linear-gradient(90deg,var(--primary-600),var(--primary-700));color:#fff}.pricing-btn:disabled{opacity:.5;cursor:not-allowed}.plan-info-card{padding:1.25rem;border:1px solid var(--surface-200);border-radius:.75rem;background:var(--surface-50)}.plan-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.plan-badge-wrapper{display:flex;align-items:center;gap:.5rem}.plan-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.plan-badge-free{background:var(--surface-200);color:var(--surface-700)}.plan-badge-basic{background:var(--primary-100);color:var(--primary-700)}.plan-badge-pro{background:linear-gradient(90deg,var(--primary-500),var(--primary-600));color:#fff}.plan-view-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;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}.plan-view-btn:hover{border-color:var(--primary-300);color:var(--primary-600)}.usage-section{margin-top:.5rem}.usage-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--surface-600)}.usage-numbers{margin-left:auto;font-weight:600;color:var(--surface-800)}.usage-bar{height:.5rem;border-radius:9999px;background:var(--surface-200);overflow:hidden}.usage-bar-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));transition:width .5s ease-out}.usage-footer{display:flex;justify-content:space-between;margin-top:.375rem;font-size:.75rem;color:var(--surface-400)}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.lang-selector{position:relative}.lang-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:16rem;padding:.5rem;border:1px solid var(--surface-200);border-radius:.75rem;background:#fff;box-shadow:0 4px 24px #0f172a1a;z-index:100;animation:fadeIn .15s ease-out}.lang-search{width:100%;padding:.5rem .75rem;margin-bottom:.375rem;border:1px solid var(--surface-200);border-radius:.5rem;background:var(--surface-50);font-size:.875rem;color:var(--surface-900);outline:none}.lang-search:focus{border-color:var(--primary-400)}.lang-search::placeholder{color:var(--surface-400)}.lang-list{max-height:16rem;overflow-y:auto}.lang-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;border:none;border-radius:.5rem;background:transparent;font-size:.875rem;color:var(--surface-700);cursor:pointer;text-align:left;transition:background .15s}.lang-option:hover{background:var(--surface-50)}.lang-option-active{background:var(--primary-50);color:var(--primary-700)}.lang-option-active:hover{background:var(--primary-50)}.lang-option-name{display:flex;flex-direction:column;gap:.125rem}.lang-native{font-weight:500}.lang-english{font-size:.75rem;color:var(--surface-400)}.lang-option-active .lang-english{color:var(--primary-400)}.shorts-options{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:.75rem 1rem;border:1px solid var(--surface-100);border-radius:.75rem;background:var(--surface-50)}.shorts-option-group{display:flex;align-items:center;gap:.5rem}.shorts-format-toggle{display:flex;gap:.25rem;padding:.125rem;border:1px solid var(--surface-200);border-radius:.5rem;background:#fff}.format-btn{padding:.25rem .75rem;border:none;border-radius:.375rem;background:transparent;font-size:.75rem;font-weight:600;color:var(--surface-500);cursor:pointer;transition:all .2s}.format-btn.active{background:var(--primary-500);color:#fff}.format-btn:hover:not(.active){color:var(--surface-700)}.caption-checkbox{width:1rem;height:1rem;accent-color:var(--primary-500);cursor:pointer}.short-actions{display:flex;gap:.5rem;flex-wrap:wrap}.clip-thumb-btn{background:var(--surface-700)!important}.clip-thumb-btn:hover:not(:disabled){background:var(--surface-800)!important}.short-timestamp-range{display:inline-flex;align-items:center;gap:.375rem;margin-bottom:.5rem;padding:.25rem .625rem;border-radius:.375rem;background:var(--surface-100);font-family:SF Mono,Fira Code,monospace;font-size:.75rem;font-weight:500;color:var(--surface-600)}.clip-download-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;margin-top:.5rem;border:none;border-radius:.5rem;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));font-size:.8125rem;font-weight:600;color:#fff;text-decoration:none;cursor:pointer;transition:all .2s}.clip-download-btn:hover:not(:disabled){background:linear-gradient(90deg,var(--primary-600),var(--primary-700))}.clip-download-btn:disabled{opacity:.7;cursor:not-allowed}.clip-vertical-btn{background:linear-gradient(90deg,#7c3aed,#6d28d9)}.clip-vertical-btn:hover:not(:disabled){background:linear-gradient(90deg,#6d28d9,#5b21b6)}.clip-horizontal-btn{background:linear-gradient(90deg,#2563eb,#1d4ed8)}.clip-horizontal-btn:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#1e40af)}.spin{animation:spin 1s linear infinite}.token-packs-section{max-width:56rem;margin:3rem auto 0}.token-packs-title{font-size:1.5rem;font-weight:800;text-align:center;color:var(--surface-900)}.token-packs-subtitle{margin-top:.5rem;margin-bottom:2rem;text-align:center;font-size:1rem;color:var(--surface-500)}.token-packs-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.token-packs-grid{grid-template-columns:repeat(3,1fr)}}.token-pack-card{position:relative;padding:1.5rem;border:1px solid var(--surface-200);border-radius:1rem;background:#fff;box-shadow:0 1px 3px #0000000d;text-align:center;transition:all .2s}.token-pack-card:hover{box-shadow:0 4px 24px #0f172a1a}.token-pack-badge{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);padding:.25rem .75rem;border-radius:9999px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap}.token-pack-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;color:var(--primary-600)}.token-pack-name{font-size:1.125rem;font-weight:700;color:var(--surface-900)}.token-pack-tokens{font-size:2rem;font-weight:800;color:var(--primary-600);margin-bottom:.25rem}.token-pack-desc{font-size:.875rem;color:var(--surface-500);margin-bottom:1rem}.token-pack-price{font-size:1.5rem;font-weight:700;color:var(--surface-900);margin-bottom:1rem}[dir=rtl] .navbar-actions{flex-direction:row-reverse}[dir=rtl] .lang-dropdown,[dir=rtl] .user-menu-dropdown{right:auto;left:0}[dir=rtl] .short-number{margin-right:0;margin-left:.5rem}[dir=rtl] .short-expand ul{margin-left:0;margin-right:1rem}.navbar-landing{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .3s,border-color .3s,backdrop-filter .3s}.navbar-landing.navbar-scrolled{background:#fffc;border-bottom-color:var(--surface-200);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;padding:1rem}.auth-modal{position:relative;width:100%;max-width:26rem;padding:2rem;border-radius:1rem;background:#fff;box-shadow:0 8px 32px #0f172a26}.auth-modal-close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.5rem;background:transparent;color:var(--surface-400);cursor:pointer;transition:all .2s}.auth-modal-close:hover{background:var(--surface-100);color:var(--surface-600)}.auth-modal-tabs{display:flex;gap:.25rem;padding:.25rem;margin-bottom:1.5rem;border:1px solid var(--surface-200);border-radius:.75rem;background:var(--surface-50)}.auth-modal-tab{flex:1;padding:.5rem;border:none;border-radius:.5rem;background:transparent;font-size:.875rem;font-weight:600;color:var(--surface-500);cursor:pointer;transition:all .2s}.auth-modal-tab:hover{color:var(--surface-700)}.auth-modal-tab.active{background:#fff;color:var(--primary-600);box-shadow:0 1px 3px #0000000d}.landing-page{animation:fadeIn .5s ease-out}.landing-hero{padding:5rem 1rem 4rem;text-align:center;background:linear-gradient(180deg,var(--primary-50) 0%,transparent 100%)}.landing-hero-content{max-width:48rem;margin:0 auto}.landing-hero-title{font-size:2.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--surface-900);margin-bottom:1.25rem}@media(min-width:640px){.landing-hero-title{font-size:3.5rem}}.landing-hero-subtitle{max-width:36rem;margin:0 auto 2rem;font-size:1.125rem;line-height:1.7;color:var(--surface-500)}.landing-hero-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.landing-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));font-size:1rem;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 4px 16px #7c5cf24d;transition:all .2s}.landing-btn-primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));box-shadow:0 6px 24px #7c5cf266;transform:translateY(-1px)}.landing-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border:1px solid var(--surface-300);border-radius:.75rem;background:#fff;font-size:1rem;font-weight:600;color:var(--surface-700);cursor:pointer;transition:all .2s}.landing-btn-secondary:hover{border-color:var(--primary-400);color:var(--primary-600)}.landing-section{max-width:64rem;margin:0 auto;padding:4rem 1rem}.landing-section-title{font-size:2rem;font-weight:800;text-align:center;color:var(--surface-900);margin-bottom:.5rem}.landing-section-subtitle{text-align:center;font-size:1.125rem;color:var(--surface-500);margin-bottom:2.5rem}.landing-steps{display:grid;grid-template-columns:1fr;gap:2rem;max-width:48rem;margin:2.5rem auto 0}@media(min-width:640px){.landing-steps{grid-template-columns:repeat(3,1fr)}}.landing-step{position:relative;text-align:center;padding:2rem 1.5rem;border:1px solid var(--surface-100);border-radius:1rem;background:#fff;transition:all .2s}.landing-step:hover{border-color:var(--primary-200);box-shadow:0 4px 24px #0f172a0f}.landing-step-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;margin:0 auto 1rem;border-radius:1rem;background:linear-gradient(135deg,var(--primary-50),var(--primary-100));color:var(--primary-600)}.landing-step-number{position:absolute;top:-.75rem;right:-.75rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));font-size:.875rem;font-weight:700;color:#fff}.landing-step-title{font-size:1.125rem;font-weight:700;color:var(--surface-900);margin-bottom:.5rem}.landing-step-desc{font-size:.875rem;color:var(--surface-500);line-height:1.6}.landing-features-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.landing-features-grid{grid-template-columns:repeat(3,1fr)}}.landing-feature-card{padding:1.5rem;border:1px solid var(--surface-100);border-radius:1rem;background:#fff;transition:all .25s}.landing-feature-card:hover{border-color:var(--primary-200);box-shadow:0 8px 32px #0f172a0f;transform:translateY(-2px)}.landing-feature-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:1rem;border-radius:.75rem;background:var(--primary-50);color:var(--primary-600)}.landing-feature-title{font-size:1rem;font-weight:700;color:var(--surface-900);margin-bottom:.375rem}.landing-feature-desc{font-size:.875rem;color:var(--surface-500);line-height:1.6}.landing-cta{text-align:center;padding:4rem 1rem 5rem;background:linear-gradient(180deg,transparent 0%,var(--primary-50) 100%)}.landing-cta-title{font-size:2rem;font-weight:800;color:var(--surface-900);margin-bottom:.75rem}.landing-cta-subtitle{font-size:1.125rem;color:var(--surface-500);margin-bottom:2rem}.analytics-card{width:100%;max-width:48rem;padding:2rem;border:1px solid var(--surface-200);border-radius:1rem;background:#fff;box-shadow:0 4px 24px #0f172a0d}.analytics-period{display:flex;gap:.25rem;justify-content:center;padding:.25rem;margin-bottom:1.5rem;border:1px solid var(--surface-200);border-radius:.5rem;background:var(--surface-50)}.analytics-loading{display:flex;justify-content:center;padding:3rem}.analytics-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.analytics-stat-card{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1.25rem;border:1px solid var(--surface-100);border-radius:.75rem;background:var(--surface-50);color:var(--primary-600)}.analytics-stat-value{font-size:1.75rem;font-weight:800;color:var(--surface-900)}.analytics-stat-label{font-size:.75rem;font-weight:500;color:var(--surface-500);text-align:center}.analytics-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--surface-100)}.analytics-section .section-label{display:flex;align-items:center;gap:.375rem}.token-trend-list>*+*{margin-top:.375rem}.token-trend-row{display:flex;align-items:center;gap:.75rem}.token-trend-day{flex-shrink:0;width:6rem;font-size:.75rem;font-family:SF Mono,Fira Code,monospace;color:var(--surface-500)}.token-trend-bar-wrap{flex:1;height:.5rem;border-radius:9999px;background:var(--surface-100);overflow:hidden}.token-trend-bar{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--primary-400),var(--primary-600))}.token-trend-value{flex-shrink:0;width:3rem;text-align:right;font-size:.75rem;font-weight:600;color:var(--surface-700)}.analytics-event-list>*+*{margin-top:.375rem}.analytics-event-row{display:flex;justify-content:space-between;padding:.5rem .75rem;border-radius:.375rem;background:var(--surface-50);font-size:.8125rem}.analytics-event-type{font-weight:500;color:var(--surface-700)}.analytics-event-time{color:var(--surface-400);font-size:.75rem}.analytics-empty{text-align:center;padding:2rem;color:var(--surface-400)}.calendar-card{width:100%;max-width:56rem;padding:2rem;border:1px solid var(--surface-200);border-radius:1rem;background:#fff;box-shadow:0 4px 24px #0f172a0d}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.calendar-nav{display:flex;align-items:center;gap:.5rem}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--surface-200);border-radius:.5rem;background:transparent;color:var(--surface-600);cursor:pointer;transition:all .2s}.calendar-nav-btn:hover{border-color:var(--primary-300);color:var(--primary-600)}.calendar-month{font-size:1.125rem;font-weight:700;color:var(--surface-900)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;border:1px solid var(--surface-200);border-radius:.75rem;overflow:hidden;background:var(--surface-200)}.calendar-day-header{padding:.5rem;text-align:center;font-size:.75rem;font-weight:600;color:var(--surface-500);background:var(--surface-50)}.calendar-day{min-height:5rem;padding:.375rem;background:#fff;font-size:.75rem}.calendar-day-num{font-weight:600;color:var(--surface-700);margin-bottom:.25rem}.calendar-day-empty{background:var(--surface-50)}.calendar-day-today .calendar-day-num{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--primary-500);color:#fff}.calendar-event{padding:.125rem .375rem;margin-top:.125rem;border-radius:.25rem;background:var(--primary-50);color:var(--primary-700);font-size:.625rem;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.calendar-event:hover{background:var(--primary-100)}.schedule-form{margin-top:1.5rem;padding:1.25rem;border:1px solid var(--surface-200);border-radius:.75rem;background:var(--surface-50)}.schedule-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.schedule-list{margin-top:1rem}.schedule-list>*+*{margin-top:.5rem}.schedule-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--surface-100);border-radius:.5rem;background:#fff}.schedule-item-info{flex:1;min-width:0}.schedule-item-type{font-size:.875rem;font-weight:600;color:var(--surface-800)}.schedule-item-meta{font-size:.75rem;color:var(--surface-400)}.schedule-delete-btn{flex-shrink:0;padding:.375rem;border:none;border-radius:.375rem;background:transparent;color:var(--surface-400);cursor:pointer;transition:all .2s}.schedule-delete-btn:hover{background:var(--red-50);color:var(--red-500)}.footer{padding:1.5rem;border-top:1px solid var(--surface-100);text-align:center;font-size:.875rem;color:var(--surface-400)}