@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg: #09090f;--surface: #12121c;--surface-2: #1a1a28;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--primary: #7c3aed;--primary-soft: rgba(124, 58, 237, .15);--primary-glow: rgba(124, 58, 237, .35);--accent: #06b6d4;--accent-soft: rgba(6, 182, 212, .12);--accent-glow: rgba(6, 182, 212, .35);--success: #10b981;--error: #f87171;--text: #f8fafc;--text-2: #cbd5e1;--text-3: #64748b;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--t: all .25s cubic-bezier(.4, 0, .2, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 16px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(124,58,237,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 30% at 90% 80%,rgba(6,182,212,.08) 0%,transparent 50%)}img,video{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.app-container{max-width:480px;margin:0 auto;padding:0 0 calc(80px + var(--safe-bottom));min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:100;background:#09090fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:calc(var(--safe-top) + .75rem) 1.25rem .75rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.35rem;font-weight:800;letter-spacing:-.04em;color:var(--text)}.logo-accent{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-badge{font-size:.7rem;font-weight:700;padding:.3rem .75rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-3)}main{flex:1}.hero-section{padding:2rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.hero-tag{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:.3rem .85rem;border-radius:999px;background:linear-gradient(135deg,#7c3aed33,#06b6d426);border:1px solid rgba(124,58,237,.3);color:var(--accent)}.hero-section h1{font-size:2rem;font-weight:800;line-height:1.15;letter-spacing:-.04em}.gradient-text{background:linear-gradient(135deg,var(--primary) 20%,var(--accent) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section>p{font-size:.95rem;color:var(--text-2);line-height:1.6}.hero-section>p strong{color:var(--text);font-weight:600}.input-container{margin:0 1.25rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 4px 32px #0006}.apikey-wrapper{display:flex;flex-direction:column;gap:.4rem}.apikey-label{display:flex;justify-content:space-between;font-size:.78rem;font-weight:600;color:var(--text-3)}.apikey-link{color:var(--accent);text-decoration:none;font-size:.73rem}.apikey-link:hover{opacity:.8}.apikey-input-row{display:flex;gap:.5rem}.apikey-input{flex:1}.show-key-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 .85rem;color:var(--text-3);min-width:44px;font-size:1rem;transition:var(--t)}.show-key-btn:hover{color:var(--accent);border-color:var(--accent)}.url-input,.desc-input{width:100%;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.9rem 1rem;color:var(--text);font-size:.95rem;outline:none;transition:var(--t);-webkit-appearance:none}.url-input::placeholder,.desc-input::placeholder{color:var(--text-3)}.url-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.desc-input{resize:none;line-height:1.5}.desc-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.url-input--error{border-color:var(--error);box-shadow:0 0 0 3px #f8717133}.error-msg{font-size:.82rem;color:var(--error)}.generate-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:var(--radius);padding:1rem;color:#fff;font-weight:800;font-size:1rem;letter-spacing:-.01em;min-height:52px;transition:var(--t);box-shadow:0 4px 20px var(--primary-glow);-webkit-tap-highlight-color:transparent}.generate-btn:hover:not(:disabled){filter:brightness(1.1)}.generate-btn:active:not(:disabled){transform:scale(.98)}.generate-btn:disabled{opacity:.65}.spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.results-wrapper{display:flex;flex-direction:column}.video-meta-card{margin:0 1.25rem 1rem;background:linear-gradient(135deg,#7c3aed1a,#06b6d414);border:1px solid rgba(124,58,237,.25);border-radius:var(--radius);padding:.85rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;animation:fadeUp .35s ease both}.video-meta-label{font-size:.72rem;font-weight:700;color:var(--accent);white-space:nowrap}.video-meta-title{font-size:.85rem;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.video-meta-author{font-size:.75rem;color:var(--text-3);white-space:nowrap}.opening-gesture-card{margin:0 1.25rem 1rem;background:linear-gradient(135deg,#7c3aed1a,#06b6d40f);border:1px solid rgba(124,58,237,.3);border-radius:var(--radius);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.5rem;animation:fadeUp .4s ease both}.og-header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.og-badge{font-size:.65rem;font-weight:800;letter-spacing:.08em;padding:.2rem .65rem;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;white-space:nowrap}.og-sub{font-size:.75rem;color:var(--text-3);font-style:italic}.og-description{font-size:.9rem;line-height:1.65;color:var(--text-2)}.results-grid{display:flex;flex-direction:column;gap:.85rem;padding:0 1.25rem 1rem;animation:fadeUp .4s ease both}.glass-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;transition:var(--t)}.script-section{display:flex;flex-direction:column}.script-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;flex-wrap:wrap;gap:.5rem}.script-header h2{font-size:.95rem;font-weight:700}.script-header>div{display:flex;gap:.4rem;flex-wrap:wrap}.copy-all-btn{background:var(--accent-soft);border:1px solid rgba(6,182,212,.3);color:var(--accent);border-radius:var(--radius-sm);padding:.4rem .8rem;font-size:.75rem;font-weight:700;min-height:36px;transition:var(--t)}.copy-all-btn:hover{background:#06b6d433}.gesture-toggle-btn{background:var(--primary-soft);border:1px solid rgba(124,58,237,.25);color:#a78bfa;border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.73rem;font-weight:700;min-height:36px;white-space:nowrap;transition:var(--t)}.gesture-toggle-btn:hover{background:#7c3aed40}.script-card{padding:.9rem 0;border-bottom:1px solid var(--border)}.script-card:last-child{border-bottom:none;padding-bottom:0}.script-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.script-card-header h3{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.script-card-actions{display:flex;align-items:center;gap:.35rem}.copy-btn{background:none;border:1px solid var(--border);border-radius:7px;padding:.25rem .55rem;color:var(--text-3);font-size:.8rem;min-height:32px;transition:var(--t)}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.script-content{font-size:1rem;line-height:1.7;color:var(--text)}.gesture-block{margin-top:.85rem;background:#7c3aed0f;border:1px solid rgba(124,58,237,.15);border-radius:var(--radius-sm);padding:.85rem;display:flex;flex-direction:column;gap:.65rem;animation:fadeUp .25s ease both}.gesture-block-label{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);opacity:.8}.gesture-row{padding-bottom:.6rem;border-bottom:1px solid rgba(124,58,237,.1);display:flex;flex-direction:column;gap:.2rem}.gesture-row:last-child{border-bottom:none;padding-bottom:0}.gesture-cue{font-size:.8rem;color:var(--text-3)}.gesture-instruction{font-size:.9rem;color:var(--text);font-weight:500;line-height:1.5}.closing-gesture{margin-top:.85rem;padding:.85rem;background:#06b6d40f;border:1px solid rgba(6,182,212,.18);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.4rem}.closing-gesture p{font-size:.88rem;color:var(--text-3);line-height:1.6}.duration-card h2{font-size:.9rem;font-weight:700;margin-bottom:.65rem}.duration-range{display:flex;align-items:baseline;gap:.35rem;margin-bottom:.4rem}.duration-min,.duration-max{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.duration-sep{font-size:1.3rem;color:var(--text-3);font-weight:300}.duration-zone{display:inline-block;font-size:.8rem;font-weight:600;padding:.3rem .75rem;border-radius:999px;margin-bottom:.4rem;background:var(--accent-soft);border:1px solid rgba(6,182,212,.25);color:var(--accent)}.duration-meta{font-size:.74rem;color:var(--text-3)}.insights-col{display:flex;flex-direction:column;gap:.85rem}.insights-section{display:flex;flex-direction:column}.insights-section h2{font-size:.9rem;font-weight:700;margin-bottom:.5rem}.insight-item{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--border)}.insight-item:last-child{border-bottom:none}.insight-label{font-size:.85rem;color:var(--text-3)}.insight-value{font-size:.85rem;font-weight:700;color:var(--accent)}.tips-section h3{font-size:.85rem;font-weight:700;margin-bottom:.5rem}.tip-text{font-size:.88rem;color:var(--text-2);line-height:1.6}.regenerate-btn{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;color:var(--text-3);font-size:.9rem;font-weight:700;min-height:48px;transition:var(--t)}.regenerate-btn:hover:not(:disabled){border-color:var(--primary);color:var(--text)}.regenerate-btn:active:not(:disabled){transform:scale(.98)}.regenerate-btn:disabled{opacity:.5}footer{position:fixed;bottom:0;left:0;right:0;z-index:90;background:#09090fe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:.65rem 1.25rem calc(var(--safe-bottom));display:flex;justify-content:center;align-items:center;gap:1rem;font-size:.72rem;color:var(--text-3)}.footer-tagline{color:var(--text-3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 640px){.app-container{max-width:860px;padding-bottom:80px}.hero-section{padding:2.5rem 2rem 1.5rem;align-items:center;text-align:center}.hero-section h1{font-size:3rem}.hero-tag{align-self:center}.input-container{max-width:680px;margin:0 auto 1.5rem}.video-meta-card,.opening-gesture-card{margin:0 2rem 1rem}.results-grid{display:grid;grid-template-columns:3fr 2fr;gap:1.25rem;padding:0 2rem 1rem}.results-wrapper .results-grid{padding-top:0}footer{position:static;justify-content:space-between;border-top:1px solid var(--border);padding:1.25rem 2rem;font-size:.8rem}}@media (min-width: 1024px){.app-container{max-width:1200px}.hero-section h1{font-size:3.75rem}.glass-panel{padding:1.5rem}.video-meta-card,.opening-gesture-card{margin:0 2rem 1rem}}::-webkit-scrollbar{width:6px;background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:999px}@media (max-width: 640px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a,[role=button]{min-height:44px}body{overscroll-behavior-y:none}}.save-action-bar{display:flex;align-items:center;gap:.85rem;margin:0 1.25rem 1rem;flex-wrap:wrap}.save-btn{display:flex;align-items:center;gap:.45rem;background:linear-gradient(135deg,var(--primary),#a855f7);border:none;border-radius:var(--radius);padding:.75rem 1.5rem;color:#fff;font-weight:700;font-size:.92rem;font-family:inherit;min-height:46px;transition:var(--t);box-shadow:0 4px 16px var(--primary-glow);cursor:pointer;-webkit-tap-highlight-color:transparent}.save-btn:hover:not(:disabled){filter:brightness(1.1)}.save-btn:active:not(:disabled){transform:scale(.97)}.save-btn:disabled{opacity:.7;cursor:not-allowed}.save-btn.saved{background:linear-gradient(135deg,var(--success),#059669);box-shadow:0 4px 16px #10b9814d}.view-saved-link{color:var(--accent);font-size:.88rem;font-weight:700;text-decoration:none;transition:var(--t)}.view-saved-link:hover{opacity:.8}.nav-link{text-decoration:none;color:var(--text-3);transition:var(--t);cursor:pointer}.nav-link:hover{color:var(--accent);border-color:var(--accent)}.back-btn{text-decoration:none;color:var(--text-3)}.back-btn:hover{color:var(--accent)}.saves-list{display:flex;flex-direction:column;gap:.85rem;padding:0 1.25rem 1.5rem}.saves-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--text-3);font-size:.9rem}.saves-error{text-align:center;color:var(--error);padding:2rem;font-size:.9rem}.saves-error button{margin-left:.5rem;background:none;border:1px solid var(--error);color:var(--error);border-radius:8px;padding:.2rem .7rem;cursor:pointer;font-size:.82rem;font-family:inherit}.saves-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;color:var(--text-3);text-align:center}.saves-empty p{font-size:.95rem}.save-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;display:flex;flex-direction:column;gap:.75rem;transition:var(--t)}.save-card:hover{border-color:var(--border-hover)}.save-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.save-card-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}.save-video-title{font-size:.82rem;color:var(--text-2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.save-timestamp{font-size:.72rem;color:var(--text-3)}.save-card-actions{display:flex;gap:.4rem;flex-shrink:0}.delete-btn{background:#f871711a;border:1px solid rgba(248,113,113,.25);color:var(--error);border-radius:var(--radius-sm);padding:.35rem .6rem;font-size:.85rem;min-height:36px;cursor:pointer;transition:var(--t)}.delete-btn:hover{background:#f8717133}.save-section-label{display:inline-block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.3rem}.save-hook p,.save-body p,.save-cta p{font-size:.95rem;line-height:1.65;color:var(--text)}.save-insights{display:flex;flex-wrap:wrap;gap:.4rem}.save-insight-chip{font-size:.72rem;padding:.2rem .65rem;border-radius:999px;background:var(--accent-soft);border:1px solid rgba(6,182,212,.2);color:var(--text-3)}.save-insight-chip strong{color:var(--accent)}.expand-btn{background:none;border:none;color:var(--text-3);font-size:.78rem;font-family:inherit;cursor:pointer;padding:0;text-align:left;transition:var(--t);min-height:unset}.expand-btn:hover{color:var(--accent)}@media (min-width: 640px){.save-action-bar{margin:0 2rem 1rem}.saves-list{padding:0 2rem 1.5rem}.save-video-title{max-width:380px}}