@font-face{font-family:ITC Fenice;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/FeniceStd-Regular.otf) format("opentype")}@font-face{font-family:ITC Fenice;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/FeniceStd-Bold.otf) format("opentype")}@font-face{font-family:Crimson Text;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/crimson-regular.woff2) format("woff2")}@font-face{font-family:Crimson Text;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/crimson-semibold.woff2) format("woff2")}@font-face{font-family:Crimson Text;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/crimson-bold.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/inter-variable.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:400 500;font-style:normal;font-display:swap;src:url(/fonts/jetbrains-mono.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}input,button,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--font-display: "Crimson Text", Georgia, serif;--font-logo: "ITC Fenice", "Crimson Text", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-hero: 2.75rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--seinfeld-red: #D42B2B;--seinfeld-yellow: #F5C518;--seinfeld-orange: #E8891D;--monks-brown: #6B4C3B;--apartment-blue: #5B8FAF;--success-green: #4CAF50;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--duration-fast: .12s;--duration-base: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1)}:root,[data-theme=dark]{--bg-primary: #0d1520;--bg-secondary: #111d2e;--bg-surface: #162236;--bg-elevated: #1b2a40;--bg-hover: #22344d;--text-primary: #e8ecf2;--text-secondary: #9aabbf;--text-muted: #5e7389;--border-subtle: rgba(154, 171, 191, .1);--border-focus: var(--seinfeld-yellow);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5)}[data-theme=light]{--bg-primary: #FDF8EE;--bg-secondary: #F5ECDA;--bg-surface: #FFFFFF;--bg-elevated: #FAF3E5;--bg-hover: #F0E6D0;--text-primary: #2C1810;--text-secondary: #5C4A3A;--text-muted: #8B7560;--border-subtle: rgba(107, 76, 59, .12);--border-focus: var(--seinfeld-orange);--shadow-sm: 0 1px 2px rgba(44, 24, 16, .06);--shadow-md: 0 4px 12px rgba(44, 24, 16, .1);--header-bg: var(--bg-secondary)}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--text-primary);background:var(--bg-primary)}.app{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}header{display:flex;align-items:center;justify-content:space-between}.header-bar,.footer-bar{background:var(--bg-secondary);overflow:visible}header,main,footer{max-width:680px;width:100%;margin-inline:auto;padding:var(--space-xl) var(--space-lg)}.logo{position:relative;display:inline-block;cursor:pointer;line-height:1;padding:.5em}.logo-oval{position:absolute;top:5%;left:2%;width:96%;height:95%;transform:rotate(-15deg);transition:fill var(--duration-base) var(--ease-out)}.logo-oval ellipse{fill:var(--seinfeld-yellow)}.logo:hover .logo-oval ellipse{fill:var(--seinfeld-orange)}.logo-text{position:relative;font-family:var(--font-logo);font-size:3.5rem;font-weight:var(--weight-bold);font-style:italic;color:var(--seinfeld-red);letter-spacing:-.02em;transform:scaleX(.75);-webkit-text-stroke:.5px rgba(0,0,0,.4);paint-order:stroke fill;transition:color var(--duration-base) var(--ease-out)}.logo:hover .logo-text{color:#fff;-webkit-text-stroke:.5px rgba(0,0,0,.4);paint-order:stroke fill}@keyframes logo-wobble{0%{transform:rotate(-15deg)}25%{transform:rotate(-12deg)}50%{transform:rotate(-18deg)}75%{transform:rotate(-13deg)}to{transform:rotate(-15deg)}}.logo:hover .logo-oval{animation:logo-wobble .5s ease-in-out}@keyframes logo-float-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.logo{animation:logo-float-in .6s var(--ease-out) both}.tagline{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.theme-toggle{display:grid;place-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out)}.theme-toggle:hover{background:var(--bg-hover)}.theme-toggle svg{width:1.25rem;height:1.25rem}.search-container{display:grid;gap:var(--space-lg)}.search-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-sm)}.search-row input{font-size:var(--text-base);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out);padding:var(--space-md) var(--space-lg)}.search-row input::placeholder{color:var(--text-muted);font-style:italic;font-family:var(--font-display)}.search-row input:focus{outline:none;border-color:var(--border-focus)}.search-row button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);background:var(--seinfeld-red);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);transition:background var(--duration-fast) var(--ease-out)}.search-row button svg{width:18px;height:18px}.search-row button:hover:not(:disabled){background:#d41920}.search-row button:disabled{opacity:.4;cursor:not-allowed}.results-list{display:grid;gap:var(--space-xs)}@keyframes result-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-item{display:grid;gap:var(--space-xs);background:var(--bg-surface);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);padding:var(--space-md) var(--space-lg);animation:result-slide-in .3s var(--ease-out) both}.result-item:nth-child(2){animation-delay:30ms}.result-item:nth-child(3){animation-delay:60ms}.result-item:nth-child(4){animation-delay:90ms}.result-item:nth-child(5){animation-delay:.12s}.result-item:nth-child(n+6){animation-delay:.15s}.result-item:hover{background:var(--bg-hover)}.result-episode{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--seinfeld-yellow);letter-spacing:.05em}.result-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.4}.empty-state{display:grid;place-items:center;gap:var(--space-sm);color:var(--text-muted);font-family:var(--font-display);font-size:var(--text-lg);font-style:italic}@keyframes editor-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gif-editor{display:grid;gap:var(--space-lg);animation:editor-fade-in .4s var(--ease-out) both}.gif-editor .btn-ghost{justify-self:start}.editor-header{display:grid;place-items:center}.episode-label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--seinfeld-yellow);letter-spacing:.1em}.preview-container{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);aspect-ratio:480 / 270;display:grid;place-items:center}.gif-preview{width:100%;height:100%;object-fit:cover;display:block}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.loading{color:var(--text-muted);font-family:var(--font-display);font-size:var(--text-lg);font-style:italic;animation:pulse-text 1.5s ease-in-out infinite}.script-view{display:grid;gap:var(--space-xs)}.script-time-row{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-md)}.script-time-btn{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.script-time-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--seinfeld-yellow)}.script-time-btn:disabled{opacity:.2;cursor:not-allowed}.script-time-label{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);min-width:6rem;justify-content:center}.script-time-row:has(.script-time-btn:not(:disabled):hover){border-color:var(--seinfeld-yellow)}.script-add-line{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;border:1px dashed var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);padding:var(--space-sm) var(--space-lg)}.script-add-line:hover:not(.script-add-disabled){color:var(--text-primary);border-color:var(--seinfeld-yellow);background:var(--bg-surface)}.script-add-disabled{opacity:.3;cursor:not-allowed}.script-add-disabled svg{color:var(--text-muted)}.script-add-line svg{flex-shrink:0;color:var(--seinfeld-yellow)}.script-add-text{opacity:.7}.script-selected{display:grid;gap:var(--space-xs)}.script-line-selected{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border-radius:var(--radius-md);line-height:1.4;padding:var(--space-sm) var(--space-lg)}.script-line-removable{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.script-line-removable:hover{background:var(--bg-elevated)}.script-remove-icon{flex-shrink:0;color:var(--text-muted);opacity:.3;transition:all var(--duration-fast) var(--ease-out)}.script-line-removable:hover .script-remove-icon{opacity:1;color:var(--seinfeld-red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-body);font-weight:var(--weight-medium);border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;line-height:1}.btn svg{flex-shrink:0}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-sm{font-size:var(--text-xs);padding:var(--space-xs) var(--space-md)}.btn-sm svg{width:14px;height:14px}.btn-md{font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg)}.btn-md svg{width:16px;height:16px}.btn-lg{font-size:var(--text-base);padding:var(--space-md) var(--space-xl)}.btn-lg svg{width:18px;height:18px}.btn-default{background:var(--bg-surface);color:var(--text-primary)}.btn-default:hover:not(:disabled){background:var(--bg-hover)}.btn-primary{background:var(--seinfeld-red);color:#fff;border-color:var(--seinfeld-red)}.btn-primary:hover:not(:disabled){background:#d41920}.btn-danger{background:var(--seinfeld-red);color:#fff;border-color:var(--seinfeld-red)}.btn-success{background:var(--success-green);color:#fff;border-color:var(--success-green)}.btn-success:hover:not(:disabled){background:#27ae60}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-subtle)}.btn-ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.btn-full{width:100%}.duration-bar{position:relative;height:1.25rem;background:var(--bg-surface);border-radius:var(--radius-full);overflow:hidden}.duration-fill{height:100%;background:var(--success-green);border-radius:var(--radius-full);transition:width var(--duration-base) var(--ease-out),background var(--duration-base)}.duration-near-limit{background:var(--seinfeld-yellow)}.duration-at-limit{background:var(--seinfeld-red)}.duration-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);mix-blend-mode:difference}.download-section{display:grid;grid-template-columns:auto 1fr;gap:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.format-toggle{display:grid;grid-template-rows:1fr 1fr;background:var(--bg-surface);border-right:1px solid var(--border-subtle)}.format-option{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);background:var(--bg-surface);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:var(--space-sm) var(--space-lg)}.format-option:first-child{border-bottom:1px solid var(--border-subtle)}.format-option:hover{background:var(--bg-hover);color:var(--text-primary)}.format-active{color:var(--seinfeld-yellow);background:var(--bg-elevated)}.download-button{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--text-base);font-weight:var(--weight-bold);background:var(--success-green);color:#fff;border:none;transition:background var(--duration-fast) var(--ease-out);padding:var(--space-lg) var(--space-2xl)}.download-button:hover{background:#27ae60}.download-button svg{width:1.25rem;height:1.25rem}.download-disabled{display:flex;grid-template-columns:1fr}.limit-message{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;font-size:var(--text-sm);color:var(--seinfeld-red);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--seinfeld-red);padding:var(--space-lg) var(--space-xl)}footer{display:grid;place-items:center;font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-muted);font-style:italic}@media(max-width:480px){.app{gap:var(--space-lg)}.logo{font-size:var(--text-3xl)}.search-row{grid-template-columns:1fr}}