.app{max-width:900px;margin:40px auto;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1{font-size:1.6rem;margin-bottom:24px;border-bottom:1px solid #ddd;padding-bottom:12px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.video-card{position:relative;background:#000;border-radius:4px;overflow:hidden}.video-frame{width:100%;height:200px;border:none;display:block}.date-time{display:block;text-align:right;padding:4px 8px;font-size:12px;color:#ccc;background:#111}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff}