*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0f0f0f;color:#f1f1f1;min-height:100vh}.app{max-width:900px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:40px}.header h1{font-size:2rem;margin-bottom:8px}.header p{color:#aaa;font-size:.95rem}.input-section{display:flex;gap:12px;margin-bottom:24px}.input-section input{flex:1;padding:14px 16px;font-size:1rem;border:1px solid #333;border-radius:8px;background:#1f1f1f;color:#f1f1f1;outline:none;transition:border-color .2s}.input-section input:focus{border-color:#3ea6ff}.input-section input::placeholder{color:#666}.btn{padding:14px 28px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s,opacity .2s}.btn-primary{background:#3ea6ff;color:#0f0f0f}.btn-primary:hover:not(:disabled){background:#5cb5ff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#272727;color:#f1f1f1;border:1px solid #333}.btn-secondary:hover{background:#333}.error-message{background:#3d1a1a;border:1px solid #5c2020;color:#ff6b6b;padding:14px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.video-info{background:#1f1f1f;border:1px solid #333;border-radius:8px;padding:16px;margin-bottom:20px}.video-info h3{font-size:1.1rem;margin-bottom:4px}.video-info .video-id{color:#aaa;font-size:.85rem}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{padding:8px 20px;border:1px solid #333;background:#1f1f1f;color:#aaa;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.tab.active{background:#3ea6ff;color:#0f0f0f;border-color:#3ea6ff;font-weight:600}.subtitle-container{background:#1f1f1f;border:1px solid #333;border-radius:8px;overflow:hidden}.subtitle-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333}.subtitle-header span{font-size:.85rem;color:#aaa}.subtitle-actions{display:flex;gap:8px}.subtitle-actions .btn{padding:6px 14px;font-size:.85rem}.subtitle-content{padding:20px;max-height:500px;overflow-y:auto;font-size:.95rem;line-height:1.8;white-space:pre-wrap;word-break:break-word}.subtitle-content.srt{font-family:Courier New,Consolas,monospace;font-size:.88rem;line-height:1.6}.summary-content{line-height:1.8}.summary-content h2,.summary-content h3,.summary-content h4{color:#3ea6ff}.summary-content table{border-collapse:collapse;width:100%;margin:12px 0}.summary-content th,.summary-content td{border:1px solid #444;padding:8px 12px;text-align:left}.summary-content th{background:#2a2a2a;font-weight:600}.summary-content pre{background:#1a1a1a;padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0}.summary-content strong{color:#fff}.summary-input-area{padding:12px 16px;border-bottom:1px solid #333;background:#1a1a1a}.user-prompt-input{width:100%;padding:10px 12px;font-size:.9rem;border:1px solid #444;border-radius:6px;background:#0f0f0f;color:#f1f1f1;outline:none;resize:vertical;font-family:inherit;line-height:1.6;transition:border-color .2s}.user-prompt-input:focus{border-color:#3ea6ff}.user-prompt-input::placeholder{color:#666}.prompt-hint{margin-top:6px;font-size:.78rem;color:#666;line-height:1.5}.loading{text-align:center;padding:40px;color:#aaa}.loading .spinner{display:inline-block;width:32px;height:32px;border:3px solid #333;border-top-color:#3ea6ff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{to{opacity:0}}.cursor-blink{display:inline-block;width:8px;height:16px;background:#3ea6ff;margin-left:2px;animation:blink 1s steps(2) infinite;vertical-align:text-bottom}.subtitle-content::-webkit-scrollbar{width:8px}.subtitle-content::-webkit-scrollbar-track{background:#1f1f1f}.subtitle-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.subtitle-content::-webkit-scrollbar-thumb:hover{background:#555}.subtitle-floating-buttons{position:fixed;bottom:24px;right:24px;display:flex;gap:8px;z-index:100}.floating-btn{padding:10px 18px;font-size:.85rem;font-weight:600;background:#3ea6ff;color:#0f0f0f;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px #0006;transition:background .2s,transform .2s}.floating-btn:hover{background:#5cb5ff;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-content{background:#1f1f1f;border:1px solid #333;border-radius:12px;width:100%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333;flex-shrink:0}.modal-tabs,.modal-actions{display:flex;gap:8px}.modal-actions .btn{padding:6px 14px;font-size:.85rem}.modal-body{padding:20px;overflow-y:auto;font-size:.95rem;line-height:1.8;white-space:pre-wrap;word-break:break-word;flex:1}.modal-body.srt{font-family:Courier New,Consolas,monospace;font-size:.88rem;line-height:1.6}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#1f1f1f}.modal-body::-webkit-scrollbar-thumb{background:#444;border-radius:4px}