*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#1a1a1a;background:#fafafa;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app-header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.app-name{font-weight:600}.container{max-width:40rem;margin:2rem auto;padding:0 1.5rem}.container-narrow{max-width:24rem}button{font:inherit;color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:.25rem;padding:.5rem 1rem}button:disabled{cursor:not-allowed;opacity:.6}.form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.25rem;display:flex}.field input{font:inherit;border:1px solid #ccc;border-radius:.25rem;padding:.5rem}.form-error{color:#b00020;margin:0}.project-list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.project-list a{color:inherit;background:#fff;border:1px solid #e0e0e0;border-radius:.25rem;padding:.75rem 1rem;text-decoration:none;display:block}.project-list a:hover{border-color:#1a1a1a}.project-tabs{gap:.5rem;margin-top:1rem;display:flex}.project-tabs button,.project-tabs a.tab{color:#1a1a1a;background:#fff;align-items:center;gap:.4rem;text-decoration:none;display:flex}.project-tabs a.tab:hover{border-color:#1a1a1a}.badge{color:#666;background:#f0f0f0;border-radius:.75rem;padding:.1rem .5rem;font-size:.75rem;font-weight:400}.empty-state{color:#666}.chat-threads{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.new-thread{align-self:flex-start}.thread-list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.thread-list a{color:inherit;background:#fff;border:1px solid #e0e0e0;border-radius:.25rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;text-decoration:none;display:flex}.thread-list a:hover{border-color:#1a1a1a}.thread-date{color:#666;white-space:nowrap;font-size:.875rem}.container-chat{max-width:48rem}.chat-panel{flex-direction:column;gap:.75rem;height:65vh;margin-top:1.5rem;display:flex}.message-list{background:#fff;border:1px solid #e0e0e0;border-radius:.25rem;flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.message{border-radius:.5rem;max-width:75%;padding:.5rem .75rem}.message p{white-space:pre-wrap;word-break:break-word;margin:0}.message-user{color:#fff;background:#1a1a1a;align-self:flex-end}.message-assistant{color:#1a1a1a;background:#f0f0f0;align-self:flex-start}.thinking{color:#666;align-self:flex-start;margin:0}.composer-form{flex-shrink:0;gap:.5rem;display:flex}.composer-form input{font:inherit;border:1px solid #ccc;border-radius:.25rem;flex:1;padding:.5rem}.container-youtube{max-width:56rem}.notice{border-radius:.25rem;margin:1rem 0 0;padding:.75rem 1rem}.notice-success{color:#1a7f37;background:#e6f4ea}.notice-cancelled{color:#666;background:#f0f0f0}.notice-error{color:#b00020;background:#fdecea}.yt-channels,.yt-videos{margin-top:1.5rem}.yt-channels-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.button-link{color:#fff;font:inherit;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:.25rem;padding:.5rem 1rem;text-decoration:none;display:inline-block}.channel-list{flex-direction:column;gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.channel-list-item{background:#fff;border:1px solid #e0e0e0;border-radius:.25rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.channel-title{font-weight:600}.channel-language,.channel-last-sync,.channel-videos-hint{color:#666;font-size:.875rem}.badge-warning{color:#8a5a00;background:#fff3cd}.sync-control{margin-top:.75rem}.sync-summary{flex-direction:column;gap:.25rem;margin:.75rem 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.sync-ok{color:#1a1a1a}.sync-error{color:#b00020}.yt-lag-note{color:#666;font-size:.875rem}.videos-table{border-collapse:collapse;width:100%;margin-top:1rem}.videos-table th,.videos-table td{text-align:left;border-bottom:1px solid #e0e0e0;padding:.5rem .75rem}